/* w tym pliku dozwolone tylko
@import url(SCIEZKA_DO_FONTU);
*/
@import url(//fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);
/* jeśli container 1400px
@base-content-width: 1400px;
@base-content-width-sidebar: 1020px;
*/
/** Rozmiary zdjęć */
/* Sklepowe */
/* Definicja wymiarow dla ukladow
-with-use-left-menu
samo sie uzyje jak jest lewe menu
*/
/* BOKSY */
/* Zminne glowne */
/* MUSI BYC PODZIELNE PRZEZ LICZBE KOLUMN */
/* Wyliczane automatycznie, raczej nie edytowac */
/* BOKSY END */
/** Layouts */
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.text-vertical {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-tb;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.clearAll:before,
.clearAll:after {
clear: both;
display: block;
content: " ";
}
.clearAfter:after {
clear: both;
display: block;
content: " ";
}
.body-wcag *:not(input):not(select):not(textarea):focus {
outline: 2px solid #9de22b !important;
}
#wcag-link {
position: absolute;
top: 20px;
left: 20px;
z-index: 99;
outline: none;
}
#wcag-link > a {
border: 2px solid #1ca1b6;
color: #000000;
padding: 10px 20px;
background: #FFF;
outline: none !important;
position: absolute;
left: 0px;
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
text-decoration: none !important;
}
#wcag-link > a:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
@font-face {
font-family: 'dms';
src: url('/css/fonts/dms.eot');
src: url('/css/fonts/dms.eot?#iefix') format('embedded-opentype'), url('/css/fonts/dms.woff') format('woff'), url('/css/fonts/dms.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
[class*='icon-']:before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
.icon-home:before {
content: '\0041';
}
.icon-key:before {
content: '\0042';
}
.icon-logout:before {
content: '\0043';
}
.icon-mail:before {
content: '\0044';
}
.icon-marker:before {
content: '\0045';
}
.icon-minus:before {
content: '\0046';
}
.icon-ok:before {
content: '\0047';
}
.icon-pack:before {
content: '\0048';
}
.icon-pen:before {
content: '\0049';
}
.icon-phone:before {
content: '\004a';
}
.icon-plus:before {
content: '\004b';
}
.icon-print:before {
content: '\004c';
}
.icon-remove:before {
content: '\004d';
}
.icon-search:before {
content: '\004e';
}
.icon-star:before {
content: '\004f';
}
.icon-star-active:before {
content: '\0050';
}
.icon-trash:before {
content: '\0051';
}
.icon-user:before {
content: '\0052';
}
.icon-alert:before {
content: '\0053';
}
.icon-arrow-down:before {
content: '\0054';
}
.icon-arrow-left:before {
content: '\0055';
}
.icon-arrow-right:before {
content: '\0056';
}
.icon-arrow-up:before {
content: '\0057';
}
.icon-ask:before {
content: '\0058';
}
.icon-bag:before {
content: '\0059';
}
.icon-bag-ok:before {
content: '\005a';
}
.icon-bell:before {
content: '\0061';
}
.icon-calendar:before {
content: '\0062';
}
.icon-cart:before {
content: '\0063';
}
.icon-cart2:before {
content: '\0064';
}
.icon-cart-empty:before {
content: '\0065';
}
.icon-delivery:before {
content: '\0066';
}
.icon-discount:before {
content: '\0067';
}
.icon-dots:before {
content: '\0068';
}
.icon-dots-vertical:before {
content: '\0069';
}
.icon-favourites:before {
content: '\006a';
}
.icon-favourites-active:before {
content: '\006b';
}
.icon-filter:before {
content: '\006c';
}
.icon-file:before {
content: '\006d';
}
.icon-flag:before {
content: '\006e';
}
.icon-flag-in:before {
content: '\006f';
}
.icon-message:before {
content: '\0070';
}
.icon-eye:before {
content: '\0071';
}
.icon-eye-in:before {
content: '\0072';
}
.icon-link:before {
content: '\0073';
}
.icon-fly:before {
content: '\0074';
}
.icon-arrow-button-right:before {
content: '\0075';
}
.icon-arrow-button-left:before {
content: '\0076';
}
.icon-alert-error:before {
content: '\0077';
}
.icon-alert-success:before {
content: '\0078';
}
/* DMSGALLERY */
#DmsGallery {
display: none;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1091;
position: fixed;
}
#gallery_miniatury {
display: inline-block;
width: 500px;
height: 80px;
white-space: nowrap;
overflow: hidden;
}
#gallery_miniatury_right,
#gallery_miniatury_left {
display: inline-block;
width: 100px;
height: 80px;
cursor: pointer;
position: relative;
}
#gallery_miniatury_right .icon-container,
#gallery_miniatury_left .icon-container {
top: 35px;
}
#gallery_miniatury_left .icon-container {
left: 50px;
}
#gallery_miniatury_right .icon-container {
right: 50px;
}
#gallery_tlo {
display: none;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1090;
position: fixed;
background: #000000;
}
#DmsGallery #gallery_miniatury_mag {
display: none !important;
}
#DmsGallery .icon-container {
/* Kolor ikon */
color: #1ca1b6;
overflow: hidden;
font-size: 15px;
padding-top: 1px;
text-align: center;
width: 25px;
height: 25px;
position: absolute;
z-index: 2000;
/*
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/
cursor: pointer;
}
#DmsGallery #gallery_close {
display: none;
right: 5px;
top: 5px;
font-size: 19px;
}
#DmsGallery #gallery_zoom {
display: none !important;
right: 5px;
bottom: 5px;
}
#DmsGallery #gallery_back {
left: 5px;
}
#DmsGallery #gallery_next {
right: 5px;
}
#DmsGallery #gallery_back,
#DmsGallery #gallery_next {
font-size: 30px;
padding-top: 0px;
height: 35px;
width: 35px;
}
#DmsGallery #gallery_inside > div {
overflow: hidden;
position: relative;
background-color: #ffffff;
/*
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
*/
}
#DmsGallery #gallery_miniatury a img {
cursor: pointer;
border: solid 1px #000000;
margin-left: 1px;
margin-right: 1px;
margin-top: 2px;
}
#DmsGallery #gallery_miniatury a img.active {
border-color: #ff0000;
}
#DmsGallery #gallery_podpis {
display: none;
padding-top: 7px;
padding-bottom: 6px;
background: #ffffff;
color: #000000;
padding-top: 6px;
font-size: 13px;
}
#DmsGallery .loading {
overflow: hidden;
/*
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/
position: absolute;
z-index: 1992;
width: 50px;
height: 50px;
text-align: center;
background-color: #ffffff;
}
#DmsGallery .loading img {
margin-top: 9px;
margin-bottom: 9px;
min-width: 0px;
}
#DmsGallery #gallery_caption {
padding: 3px;
}
#DmsGallery .icon-container {
color: #1ca1b6;
}
/** Globalne */
.layout figure {
text-align: center;
}
.layout figure figcaption {
font-size: .8em;
text-align: center;
padding: 5px 0px;
display: block;
}
.layout figure img {
display: table;
margin: 0px auto;
}
.layout figure video {
display: block;
max-width: 100% !important;
height: auto !important;
}
.layout .layout-more {
text-align: right;
}
.plik,
.file {
display: block;
width: 100%;
border-bottom: 1px solid #d7e2e6;
padding: 15px 110px 15px 50px;
color: #000000 !important;
font-size: 16px;
font-weight: 400;
text-decoration: none !important;
background: url('/img/static/types/custom.svg') no-repeat left center;
background-size: auto 36px !important;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.plik:after,
.file:after {
content: "POBIERZ";
position: absolute;
right: 0px;
top: 50%;
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 13px;
font-weight: 700;
color: #000000;
text-transform: uppercase;
border-bottom: 1px solid #1ca1b6;
}
.plik span,
.file span {
font-size: .9em;
color: rgba(0, 0, 0, 0.8);
}
.plik:hover:after,
.file:hover:after {
color: #1ca1b6;
}
.plik[href*="pdf"],
.file[href*="pdf"] {
background: url('/img/static/types/pdf.svg') no-repeat left center;
}
.plik[href*="ppt"],
.file[href*="ppt"],
.plik[href*="pptx"],
.file[href*="pptx"],
.plik[href*="odp"],
.file[href*="odp"] {
background: url('/img/static/types/ppt.svg') no-repeat left center;
}
.plik[href*=".doc"],
.file[href*=".doc"],
.plik[href*=".docx"],
.file[href*=".docx"],
.plik[href*=".odt"],
.file[href*=".odt"] {
background: url('/img/static/types/doc.svg') no-repeat left center;
}
.plik[href*="xls"],
.file[href*="xls"],
.plik[href*="xlsx"],
.file[href*="xlsx"],
.plik[href*="ods"],
.file[href*="ods"],
.plik[href*="csv"],
.file[href*="csv"] {
background: url('/img/static/types/xls.svg') no-repeat left center;
}
.plik[href*="zip"],
.file[href*="zip"],
.plik[href*="rar"],
.file[href*="rar"],
.plik[href*="tar"],
.file[href*="tar"],
.plik[href*="gz"],
.file[href*="gz"],
.plik[href*="7z"],
.file[href*="7z"] {
background: url('/img/static/types/zip.svg') no-repeat left center;
}
.plik[href*=".png"],
.file[href*=".png"],
.plik[href*=".jpg"],
.file[href*=".jpg"],
.plik[href*=".gif"],
.file[href*=".gif"],
.plik[href*=".bmp"],
.file[href*=".bmp"],
.plik[href*=".webp"],
.file[href*=".webp"] {
background: url('/img/static/types/image.svg') no-repeat left center;
}
.plik[href*=".mpg"],
.file[href*=".mpg"],
.plik[href*=".mpeg"],
.file[href*=".mpeg"],
.plik[href*=".mp4"],
.file[href*=".mp4"],
.plik[href*=".avi"],
.file[href*=".avi"],
.plik[href*=".webm"],
.file[href*=".webm"],
.plik[href*=".ogg"],
.file[href*=".ogg"],
.plik[href*=".swf"],
.file[href*=".swf"],
.plik[href*=".flv"],
.file[href*=".flv"],
.plik[href*=".wmv"],
.file[href*=".wmv"] {
background: url('/img/static/types/video.svg') no-repeat left center;
}
.plik[href*=".wav"],
.file[href*=".wav"],
.plik[href*=".mp3"],
.file[href*=".mp3"] {
background: url('/img/static/types/audio.svg') no-repeat left center;
}
.plik:lang(en):after,
.file:lang(en):after {
content: "Download";
}
.plik:lang(de):after,
.file:lang(de):after {
content: "Download";
}
.plik:lang(fr):after,
.file:lang(fr):after {
content: "Télécharger";
}
.plik:lang(it):after,
.file:lang(it):after {
content: "Scaricamento";
}
.plik:lang(es):after,
.file:lang(es):after {
content: "Descargar";
}
/** Układ ze zdjęciem - podstawowy */
.layout-image-left.layout-image-right .layout-image,
.layout-image-right.layout-image-right .layout-image {
float: right;
margin-left: 30px;
margin-bottom: 15px;
}
.layout-image-left.layout-image-left .layout-image,
.layout-image-right.layout-image-left .layout-image {
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
/** Układ ze zdjęciem i wyśrodkowanym tekstem - podstawowy */
.layout-image-center-left,
.layout-image-center-right {
margin: 0px -15px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
@media (max-width: 767px) {
.layout-image-center-left,
.layout-image-center-right {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.layout-image-center-left.has-image-width .layout-image,
.layout-image-center-right.has-image-width .layout-image {
max-width: 50%;
min-width: auto !important;
width: 100%;
}
}
@media (max-width: 767px) {
.layout-image-center-left.has-image-width .layout-image,
.layout-image-center-right.has-image-width .layout-image {
max-width: 100%;
width: 100%;
min-width: auto !important;
}
}
.layout-image-center-left .layout-image,
.layout-image-center-right .layout-image {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
padding: 0px 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
.layout-image-center-left .layout-image,
.layout-image-center-right .layout-image {
max-width: 50%;
}
}
.layout-image-center-left .layout-image img,
.layout-image-center-right .layout-image img {
max-width: 100%;
}
@media (max-width: 767px) {
.layout-image-center-left .layout-image,
.layout-image-center-right .layout-image {
padding: 0px;
margin-top: 30px;
}
}
.layout-image-center-left .layout-description,
.layout-image-center-right .layout-description {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
width: 100%;
padding: 0px 15px;
}
@media (max-width: 767px) {
.layout-image-center-left .layout-description,
.layout-image-center-right .layout-description {
padding: 0px;
}
}
.layout-image-center-left.layout-image-center-right .layout-image,
.layout-image-center-right.layout-image-center-right .layout-image {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
}
.layout-image-center-left.layout-image-center-right .layout-description,
.layout-image-center-right.layout-image-center-right .layout-description {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
}
.layout-image-center {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.layout-image-center .layout-image {
margin-bottom: 15px;
}
/** Galerie */
.layout-gallery {
margin: 0px -15px 30px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
.layout-gallery > div {
padding: 0px 15px;
margin-bottom: 30px;
width: 50%;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.layout-gallery.columns-3 > div {
width: 33.33333333%;
}
@media ((max-width: 480px)) {
.layout-gallery.columns-3 > div {
width: 50%;
}
}
.layout-gallery.columns-4 > div {
width: 25%;
}
@media ((max-width: 768px)) {
.layout-gallery.columns-4 > div {
width: 33.33333333%;
}
}
@media ((max-width: 480px)) {
.layout-gallery.columns-4 > div {
width: 50%;
}
}
.layout-faq .layout-description {
margin-bottom: 30px;
}
.layout-faq .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-faq .faq-items .faq-item {
border-bottom: 1px solid #d7e2e6;
}
.layout-faq .faq-items .faq-item .faq-title {
padding: 15px 30px 15px 0px;
font-size: 1em;
font-weight: bold;
cursor: pointer;
position: relative;
}
.layout-faq .faq-items .faq-item .faq-title::after {
position: absolute;
right: 0px;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\0054';
top: 50%;
margin-top: -10px;
font-size: 13px;
}
.layout-faq .faq-items .faq-item .faq-content {
max-height: 0px;
overflow: hidden;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.layout-faq .faq-items .faq-item.in .faq-title {
color: #1ca1b6;
}
.layout-faq .faq-items .faq-item.in .faq-title::after {
content: '\0057';
}
.layout-faq .faq-items .faq-item.in .faq-content {
max-height: 1000px;
}
/** Produkty */
.layout-products .layout-description {
margin-bottom: 30px;
}
/** Downloads */
.layout-downloads .layout-description {
margin-bottom: 30px;
}
.layout-downloads .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-downloads .files .plik:last-child,
.layout-downloads .files .file:last-child {
border-bottom: 0px;
}
/** Mapa */
.layout-map .layout-description {
margin-bottom: 30px;
}
.layout-map .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-map .google-map {
background: #d7e2e6 url('/img/static/loader.svg') center center no-repeat;
background-size: 70px auto !important;
min-height: var(--iframe-height) !important;
}
.layout-map .google-map.is-grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 100%;
}
.layout-map .google-map iframe {
display: block;
height: var(--iframe-height) !important;
}
.layout-slider .slider-carousel {
padding-bottom: 30px;
}
.layout-slider .slider-carousel .item {
display: none;
margin: 0px auto;
}
.layout-slider .slider-carousel .item:first-child {
display: block;
}
.layout-box {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.layout-box > div .layout-image {
margin-bottom: 15px;
}
.layout-box > div .layout-description {
text-align: center;
}
/** News */
.layout-news {
margin: 0px;
}
.layout-news .layout-description {
margin-bottom: 30px;
}
.layout-news .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-news .news-list {
margin: 0px -15px;
}
.layout-news .news-rotator .news-item {
margin: 0px !important;
width: 100%;
}
.layout-news .news-rotator .owl-nav {
margin: 0px !important;
}
.owl-carousel:not(#carousel) .owl-dots {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 40px !important;
}
.owl-carousel:not(#carousel) .owl-dots .owl-dot {
flex-grow: 1;
height: 20px;
}
.owl-carousel:not(#carousel) .owl-dots .owl-dot span {
width: 100%;
height: 2px;
background: #ebf3f6;
margin: 9px 0px 0px 0px !important;
padding: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.owl-carousel:not(#carousel) .owl-dots .owl-dot.active span {
background: #1ca1b6;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !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;
}
}
.datepicker {
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
padding: 4px;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.15);
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #ffffff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
background: #eeeeee;
cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #777777;
cursor: default;
}
.datepicker table tr td.highlighted {
color: #000000;
background-color: #d9edf7;
border-color: #85c5e5;
border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
color: #000000;
background-color: #afd9ee;
border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
color: #000000;
background-color: #afd9ee;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
color: #000000;
background-color: #afd9ee;
background-image: none;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.highlighted.focus {
color: #000000;
background-color: #91cbe8;
border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
background-color: #d9edf7;
border-color: #85c5e5;
}
.datepicker table tr td.highlighted .badge {
color: #d9edf7;
background-color: #000000;
}
.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.highlighted {
color: #000000;
background-color: #b7ddf0;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.highlighted {
background-image: none;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.highlighted,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.disabled.active,
.datepicker table tr td.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.highlighted.active {
background-color: #d9edf7;
border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
background: #d9edf7;
color: #777777;
}
.datepicker table tr td.today {
color: #000000;
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
color: #000000;
background-color: #ffc966;
border-color: #b37400;
}
.datepicker table tr td.today:hover {
color: #000000;
background-color: #ffc966;
border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
color: #000000;
background-color: #ffc966;
background-image: none;
border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.open > .dropdown-toggle.datepicker table tr td.today:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus,
.open > .dropdown-toggle.datepicker table tr td.today.focus {
color: #000000;
background-color: #ffbc42;
border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today .badge {
color: #ffdb99;
background-color: #000000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open .dropdown-toggle.datepicker table tr td.today {
color: #000000;
background-color: #ffcd70;
border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open .dropdown-toggle.datepicker table tr td.today {
background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today[disabled],
fieldset[disabled] .datepicker table tr td.today,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active {
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today.focused {
background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
background: #ffdb99;
color: #777777;
}
.datepicker table tr td.range {
color: #000000;
background-color: #eeeeee;
border-color: #bbbbbb;
border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
color: #000000;
background-color: #d5d5d5;
border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
color: #000000;
background-color: #d5d5d5;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
color: #000000;
background-color: #d5d5d5;
background-image: none;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.focus {
color: #000000;
background-color: #c3c3c3;
border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
background-color: #eeeeee;
border-color: #bbbbbb;
}
.datepicker table tr td.range .badge {
color: #eeeeee;
background-color: #000000;
}
.datepicker table tr td.range:hover,
.datepicker table tr td.range:focus,
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open .dropdown-toggle.datepicker table tr td.range {
color: #000000;
background-color: #dadada;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open .dropdown-toggle.datepicker table tr td.range {
background-image: none;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range[disabled],
fieldset[disabled] .datepicker table tr td.range,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range[disabled]:active,
fieldset[disabled] .datepicker table tr td.range:active,
.datepicker table tr td.range.disabled.active,
.datepicker table tr td.range[disabled].active,
fieldset[disabled] .datepicker table tr td.range.active {
background-color: #eeeeee;
border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
background: #eeeeee;
color: #777777;
}
.datepicker table tr td.range.highlighted {
color: #000000;
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
color: #000000;
background-color: #c1d7e3;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
color: #000000;
background-color: #c1d7e3;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
color: #000000;
background-color: #c1d7e3;
background-image: none;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus {
color: #000000;
background-color: #a8c8d8;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted .badge {
color: #e4eef3;
background-color: #000000;
}
.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.range.highlighted {
color: #000000;
background-color: #c8dce6;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.range.highlighted {
background-image: none;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.range.highlighted,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled:active,
.datepicker table tr td.range.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.disabled.active,
.datepicker table tr td.range.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.range.highlighted.active {
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
background: #e4eef3;
color: #777777;
}
.datepicker table tr td.range.today {
color: #000000;
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
color: #000000;
background-color: #f4b747;
border-color: #815608;
}
.datepicker table tr td.range.today:hover {
color: #000000;
background-color: #f4b747;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
color: #000000;
background-color: #f4b747;
background-image: none;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.focus {
color: #000000;
background-color: #f2aa25;
border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today .badge {
color: #f7ca77;
background-color: #000000;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open .dropdown-toggle.datepicker table tr td.range.today {
color: #000000;
background-color: #f4bb51;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open .dropdown-toggle.datepicker table tr td.range.today {
background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active {
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
background: #f7ca77;
color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
color: #ffffff;
background-color: #777777;
border-color: #555555;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
color: #ffffff;
background-color: #5e5e5e;
border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
color: #ffffff;
background-color: #5e5e5e;
border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
color: #ffffff;
background-color: #5e5e5e;
background-image: none;
border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.selected:focus,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus {
color: #ffffff;
background-color: #4c4c4c;
border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
background-color: #777777;
border-color: #555555;
}
.datepicker table tr td.selected .badge,
.datepicker table tr td.selected.highlighted .badge {
color: #777777;
background-color: #ffffff;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.highlighted {
color: #ffffff;
background-color: #636363;
border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.highlighted {
background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.highlighted.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.highlighted.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.highlighted.active {
background-color: #777777;
border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
color: #ffffff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
color: #ffffff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
color: #ffffff;
background-color: #286090;
background-image: none;
border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
color: #ffffff;
background-color: #204d74;
border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td.active .badge,
.datepicker table tr td.active.highlighted .badge {
color: #337ab7;
background-color: #ffffff;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active.highlighted {
color: #ffffff;
background-color: #2a6598;
border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active.highlighted {
background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.highlighted.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.highlighted,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.highlighted.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.highlighted.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.highlighted.active {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #777777;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
color: #ffffff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
color: #ffffff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
color: #ffffff;
background-color: #286090;
background-image: none;
border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus {
color: #ffffff;
background-color: #204d74;
border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
color: #337ab7;
background-color: #ffffff;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
color: #ffffff;
background-color: #2a6598;
border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #777777;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.input-daterange {
width: 100%;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
line-height: 1.42857143;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px;
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
display: none !important;
}
.bootstrap-select {
vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
position: relative;
width: 100%;
text-align: right;
white-space: nowrap;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #999999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
border-color: #28a745;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
outline: 0px !important;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.input-group .bootstrap-select.form-control,
.bootstrap-select.form-control.input-group-btn {
z-index: auto;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
outline: none !important;
}
.bootstrap-select.bs-container {
position: absolute;
top: 0;
left: 0;
height: 0 !important;
padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
z-index: 1060;
}
.bootstrap-select .dropdown-toggle:before {
content: '';
display: inline-block;
}
.bootstrap-select .dropdown-toggle .filter-option {
position: absolute;
top: 0;
left: 0;
padding-top: inherit;
padding-right: inherit;
padding-bottom: inherit;
padding-left: inherit;
height: 100%;
width: 100%;
text-align: left;
}
.bootstrap-select .dropdown-toggle .filter-option-inner {
padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
width: 100%;
}
.bootstrap-select .dropdown-menu {
min-width: 100%;
box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
cursor: pointer;
user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
box-sizing: border-box;
}
.bootstrap-select .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
position: static;
display: inline;
padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
content: '';
display: block;
width: 0.5em;
height: 1em;
border-style: solid;
border-width: 0 0.26em 0.26em 0;
transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
bottom: auto;
top: -4px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
bottom: auto;
top: -4px;
border-top: 6px solid white;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
padding: 4px 8px;
}
.bs-actionsbox {
width: 100%;
box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
width: 50%;
}
.bs-donebutton {
float: left;
width: 100%;
box-sizing: border-box;
}
.bs-donebutton .btn-group button {
width: 100%;
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px;
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
}
* {
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-ms-box-sizing: border-box;
-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: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all all 0.2s ease-in-out ease-out;
-moz-transition: all all 0.2s ease-in-out ease-out;
-o-transition: all all 0.2s ease-in-out ease-out;
transition: all all 0.2s ease-in-out ease-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
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: 400;
line-height: 1;
color: #777777;
}
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: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
@media (min-width: 992px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eeeeee;
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: #ffffff;
background-color: #333333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #cccccc;
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;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.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%;
}
.col-md-51 {
width: 20%;
}
}
@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%;
}
}
@media (min-width: 992px) {
.col-md-51 {
width: 20%;
}
.col-md-52 {
width: 40%;
}
.col-md-53 {
width: 60%;
}
.col-md-54 {
width: 80%;
}
.col-md-55 {
width: 100%;
}
}
table {
background-color: transparent;
}
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;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > 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 #dddddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
.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 #dddddd;
}
.table .table {
background-color: #ffffff;
}
.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 #dddddd;
}
.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 #dddddd;
}
.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 > 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 #dddddd;
}
.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: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[type="search"] {
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
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;
}
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: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
-moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
-o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
@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.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
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: 400;
vertical-align: middle;
cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.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;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
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;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
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;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
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: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
-moz-opacity: 0.65;
-khtml-opacity: 0.65;
-webkit-opacity: 0.65;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=65);
opacity: 0.65;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333333;
background-color: #e6e6e6;
background-image: none;
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: #333333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.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 {
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default .badge {
color: #ffffff;
background-color: #333333;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled: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: #ffffff;
border-color: #cccccc;
}
.btn-primary {
color: #ffffff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #ffffff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #286090;
background-image: none;
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: #ffffff;
background-color: #204d74;
border-color: #122b40;
}
.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 {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #2a6598;
border-color: #204d74;
}
.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: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-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #ffffff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #449d44;
background-image: none;
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: #ffffff;
background-color: #398439;
border-color: #255625;
}
.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 {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled: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-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #ffffff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #ffffff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #31b0d5;
background-image: none;
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: #ffffff;
background-color: #269abc;
border-color: #1b6d85;
}
.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 {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled: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-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #ffffff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #ffffff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ec971f;
background-image: none;
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: #ffffff;
background-color: #d58512;
border-color: #985f0d;
}
.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 {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled: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-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #ffffff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #c9302c;
background-image: none;
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: #ffffff;
background-color: #ac2925;
border-color: #761c19;
}
.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 {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled: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-link {
font-weight: 400;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-moz-box-shadow: none;
-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: #777777;
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: all opacity 0.15s linear ease-out;
-moz-transition: all opacity 0.15s linear ease-out;
-o-transition: all opacity 0.15s linear ease-out;
transition: all opacity 0.15s linear ease-out;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 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: 400;
line-height: 1.42857143;
color: #333333;
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: #ffffff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
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: #777777;
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: 992px) {
.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 {
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-moz-box-shadow: none;
-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-left-radius: 4px;
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-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-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 .form-control:focus {
z-index: 3;
}
.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: 400;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
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: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
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 #dddddd;
}
.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: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #ffffff;
border: 1px solid #dddddd;
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 #dddddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
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: #ffffff;
}
}
.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: #ffffff;
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 #dddddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
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: #ffffff;
}
}
.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: 992px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 992px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 992px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.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;
}
}
@media (min-width: 992px) {
.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;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 992px) {
.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: 992px) {
.navbar-static-top {
border-radius: 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: 992px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 992px) {
.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: 991px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 992px) {
.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-right: -15px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
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: 991px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-moz-box-shadow: none;
-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: 992px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 992px) {
.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: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav > li > a {
color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555555;
background-color: #e7e7e7;
}
@media (max-width: 991px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
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: #555555;
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: #cccccc;
background-color: transparent;
}
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}
.navbar-default .btn-link {
color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333333;
}
.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: #cccccc;
}
.navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
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: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #080808;
}
@media (max-width: 991px) {
.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: #ffffff;
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: #ffffff;
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: #444444;
background-color: transparent;
}
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #ffffff;
}
.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: #444444;
}
.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: #cccccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #dddddd;
}
.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 > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #ffffff;
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: #777777;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
}
.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;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.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: #ffffff;
border: 1px solid #dddddd;
}
.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;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777777;
cursor: not-allowed;
background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #ffffff;
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;
}
a.list-group-item,
button.list-group-item {
color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.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;
}
.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%;
}
.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 {
-moz-transform: translate(0, -25%);
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-moz-transform: translate(0, 0);
-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: #ffffff;
background-clip: padding-box;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
filter: alpha(opacity=65);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
-webkit-opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
filter: alpha(opacity=65);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
opacity: 0.5;
}
.modal-header {
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 {
-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
@media (min-width: 1200px) {
.modal-2lg {
width: 1200px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
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;
font-size: 12px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
filter: alpha(opacity=65);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
-webkit-opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
filter: alpha(opacity=65);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=90);
opacity: 0.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.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.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,
.modal-header:before,
.modal-header: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,
.modal-header: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;
}
}
[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.5649999999999999, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.08500000000000001, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.08500000000000001, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.08500000000000001, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity,transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate(0);
}
[data-aos=fade-up] {
transform: translateY(100px);
}
[data-aos=fade-down] {
transform: translateY(-100px);
}
[data-aos=fade-right] {
transform: translate(-100px);
}
[data-aos=fade-left] {
transform: translate(100px);
}
[data-aos=fade-up-right] {
transform: translate(-100px, 100px);
}
[data-aos=fade-up-left] {
transform: translate(100px, 100px);
}
[data-aos=fade-down-right] {
transform: translate(-100px, -100px);
}
[data-aos=fade-down-left] {
transform: translate(100px, -100px);
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity,transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
}
[data-aos=zoom-in] {
transform: scale(0.6);
}
[data-aos=zoom-in-up] {
transform: translateY(100px) scale(0.6);
}
[data-aos=zoom-in-down] {
transform: translateY(-100px) scale(0.6);
}
[data-aos=zoom-in-right] {
transform: translate(-100px) scale(0.6);
}
[data-aos=zoom-in-left] {
transform: translate(100px) scale(0.6);
}
[data-aos=zoom-out] {
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
transform: translateY(100px) scale(1.2);
}
[data-aos=zoom-out-down] {
transform: translateY(-100px) scale(1.2);
}
[data-aos=zoom-out-right] {
transform: translate(-100px) scale(1.2);
}
[data-aos=zoom-out-left] {
transform: translate(100px) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate(0);
}
[data-aos=slide-up] {
transform: translateY(100%);
}
[data-aos=slide-down] {
transform: translateY(-100%);
}
[data-aos=slide-right] {
transform: translateX(-100%);
}
[data-aos=slide-left] {
transform: translateX(100%);
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
touch-action: auto;
}
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: block;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel > .item {
display: none;
}
.owl-carousel > .item:first {
display: block;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.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);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-carousel .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-nav [class*='owl-'] {
color: #ffffff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d7e2e6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-carousel .owl-nav [class*='owl-']:hover {
background: #1ca1b6;
color: #ffffff;
text-decoration: none;
}
.owl-carousel .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-carousel .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-carousel .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d7e2e6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
background: #1ca1b6;
}
.f16 .flag{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(/img/flags16.png) no-repeat}.f16 ._African_Union{background-position:0 -16px}.f16 ._Arab_League{background-position:0 -32px}.f16 ._ASEAN{background-position:0 -48px}.f16 ._CARICOM{background-position:0 -64px}.f16 ._CIS{background-position:0 -80px}.f16 ._Commonwealth{background-position:0 -96px}.f16 ._England{background-position:0 -112px}.f16 ._European_Union,.f16 .eu{background-position:0 -128px}.f16 ._Islamic_Conference{background-position:0 -144px}.f16 ._Kosovo{background-position:0 -160px}.f16 ._NATO{background-position:0 -176px}.f16 ._Northern_Cyprus{background-position:0 -192px}.f16 ._Northern_Ireland{background-position:0 -208px}.f16 ._Olimpic_Movement{background-position:0 -224px}.f16 ._OPEC{background-position:0 -240px}.f16 ._Red_Cross{background-position:0 -256px}.f16 ._Scotland{background-position:0 -272px}.f16 ._Somaliland{background-position:0 -288px}.f16 ._Tibet{background-position:0 -304px}.f16 ._United_Nations{background-position:0 -320px}.f16 ._Wales{background-position:0 -336px}.f16 .ad{background-position:0 -352px}.f16 .ae{background-position:0 -368px}.f16 .af{background-position:0 -384px}.f16 .ag{background-position:0 -400px}.f16 .ai{background-position:0 -416px}.f16 .al{background-position:0 -432px}.f16 .am{background-position:0 -448px}.f16 .ao{background-position:0 -464px}.f16 .aq{background-position:0 -480px}.f16 .ar{background-position:0 -496px}.f16 .as{background-position:0 -512px}.f16 .at{background-position:0 -528px}.f16 .au{background-position:0 -544px}.f16 .aw{background-position:0 -560px}.f16 .ax{background-position:0 -576px}.f16 .az{background-position:0 -592px}.f16 .ba{background-position:0 -608px}.f16 .bb{background-position:0 -624px}.f16 .bd{background-position:0 -640px}.f16 .be{background-position:0 -656px}.f16 .bf{background-position:0 -672px}.f16 .bg{background-position:0 -688px}.f16 .bh{background-position:0 -704px}.f16 .bi{background-position:0 -720px}.f16 .bj{background-position:0 -736px}.f16 .bm{background-position:0 -752px}.f16 .bn{background-position:0 -768px}.f16 .bo{background-position:0 -784px}.f16 .br{background-position:0 -800px}.f16 .bs{background-position:0 -816px}.f16 .bt{background-position:0 -832px}.f16 .bw{background-position:0 -848px}.f16 .by{background-position:0 -864px}.f16 .bz{background-position:0 -880px}.f16 .ca{background-position:0 -896px}.f16 .cg{background-position:0 -912px}.f16 .cf{background-position:0 -928px}.f16 .cd{background-position:0 -944px}.f16 .ch{background-position:0 -960px}.f16 .ci{background-position:0 -976px}.f16 .ck{background-position:0 -992px}.f16 .cl{background-position:0 -1008px}.f16 .cm{background-position:0 -1024px}.f16 .cn{background-position:0 -1040px}.f16 .co{background-position:0 -1056px}.f16 .cr{background-position:0 -1072px}.f16 .cu{background-position:0 -1088px}.f16 .cv{background-position:0 -1104px}.f16 .cy{background-position:0 -1120px}.f16 .cz{background-position:0 -1136px}.f16 .de{background-position:0 -1152px}.f16 .dj{background-position:0 -1168px}.f16 .dk{background-position:0 -1184px}.f16 .dm{background-position:0 -1200px}.f16 .do{background-position:0 -1216px}.f16 .dz{background-position:0 -1232px}.f16 .ec{background-position:0 -1248px}.f16 .ee{background-position:0 -1264px}.f16 .eg{background-position:0 -1280px}.f16 .eh{background-position:0 -1296px}.f16 .er{background-position:0 -1312px}.f16 .es{background-position:0 -1328px}.f16 .et{background-position:0 -1344px}.f16 .fi{background-position:0 -1360px}.f16 .fj{background-position:0 -1376px}.f16 .fm{background-position:0 -1392px}.f16 .fo{background-position:0 -1408px}.f16 .fr{background-position:0 -1424px}.f16 .bl,.f16 .cp,.f16 .mf,.f16 .yt{background-position:0 -1424px}.f16 .ga{background-position:0 -1440px}.f16 .gb{background-position:0 -1456px}.f16 .sh{background-position:0 -1456px}.f16 .gd{background-position:0 -1472px}.f16 .ge{background-position:0 -1488px}.f16 .gg{background-position:0 -1504px}.f16 .gh{background-position:0 -1520px}.f16 .gi{background-position:0 -1536px}.f16 .gl{background-position:0 -1552px}.f16 .gm{background-position:0 -1568px}.f16 .gn{background-position:0 -1584px}.f16 .gp{background-position:0 -1600px}.f16 .gq{background-position:0 -1616px}.f16 .gr{background-position:0 -1632px}.f16 .gt{background-position:0 -1648px}.f16 .gu{background-position:0 -1664px}.f16 .gw{background-position:0 -1680px}.f16 .gy{background-position:0 -1696px}.f16 .hk{background-position:0 -1712px}.f16 .hn{background-position:0 -1728px}.f16 .hr{background-position:0 -1744px}.f16 .ht{background-position:0 -1760px}.f16 .hu{background-position:0 -1776px}.f16 .id{background-position:0 -1792px}.f16 .mc{background-position:0 -1792px}.f16 .ie{background-position:0 -1808px}.f16 .il{background-position:0 -1824px}.f16 .im{background-position:0 -1840px}.f16 .in{background-position:0 -1856px}.f16 .iq{background-position:0 -1872px}.f16 .ir{background-position:0 -1888px}.f16 .is{background-position:0 -1904px}.f16 .it{background-position:0 -1920px}.f16 .je{background-position:0 -1936px}.f16 .jm{background-position:0 -1952px}.f16 .jo{background-position:0 -1968px}.f16 .jp{background-position:0 -1984px}.f16 .ke{background-position:0 -2000px}.f16 .kg{background-position:0 -2016px}.f16 .kh{background-position:0 -2032px}.f16 .ki{background-position:0 -2048px}.f16 .km{background-position:0 -2064px}.f16 .kn{background-position:0 -2080px}.f16 .kp{background-position:0 -2096px}.f16 .kr{background-position:0 -2112px}.f16 .kw{background-position:0 -2128px}.f16 .ky{background-position:0 -2144px}.f16 .kz{background-position:0 -2160px}.f16 .la{background-position:0 -2176px}.f16 .lb{background-position:0 -2192px}.f16 .lc{background-position:0 -2208px}.f16 .li{background-position:0 -2224px}.f16 .lk{background-position:0 -2240px}.f16 .lr{background-position:0 -2256px}.f16 .ls{background-position:0 -2272px}.f16 .lt{background-position:0 -2288px}.f16 .lu{background-position:0 -2304px}.f16 .lv{background-position:0 -2320px}.f16 .ly{background-position:0 -2336px}.f16 .ma{background-position:0 -2352px}.f16 .md{background-position:0 -2368px}.f16 .me{background-position:0 -2384px}.f16 .mg{background-position:0 -2400px}.f16 .mh{background-position:0 -2416px}.f16 .mk{background-position:0 -2432px}.f16 .ml{background-position:0 -2448px}.f16 .mm{background-position:0 -2464px}.f16 .mn{background-position:0 -2480px}.f16 .mo{background-position:0 -2496px}.f16 .mq{background-position:0 -2512px}.f16 .mr{background-position:0 -2528px}.f16 .ms{background-position:0 -2544px}.f16 .mt{background-position:0 -2560px}.f16 .mu{background-position:0 -2576px}.f16 .mv{background-position:0 -2592px}.f16 .mw{background-position:0 -2608px}.f16 .mx{background-position:0 -2624px}.f16 .my{background-position:0 -2640px}.f16 .mz{background-position:0 -2656px}.f16 .na{background-position:0 -2672px}.f16 .nc{background-position:0 -2688px}.f16 .ne{background-position:0 -2704px}.f16 .ng{background-position:0 -2720px}.f16 .ni{background-position:0 -2736px}.f16 .nl{background-position:0 -2752px}.f16 .bq{background-position:0 -2752px}.f16 .no{background-position:0 -2768px}.f16 .bv,.f16 .nq,.f16 .sj{background-position:0 -2768px}.f16 .np{background-position:0 -2784px}.f16 .nr{background-position:0 -2800px}.f16 .nz{background-position:0 -2816px}.f16 .om{background-position:0 -2832px}.f16 .pa{background-position:0 -2848px}.f16 .pe{background-position:0 -2864px}.f16 .pf{background-position:0 -2880px}.f16 .pg{background-position:0 -2896px}.f16 .ph{background-position:0 -2912px}.f16 .pk{background-position:0 -2928px}.f16 .pl{background-position:0 -2944px}.f16 .pr{background-position:0 -2960px}.f16 .ps{background-position:0 -2976px}.f16 .pt{background-position:0 -2992px}.f16 .pw{background-position:0 -3008px}.f16 .py{background-position:0 -3024px}.f16 .qa{background-position:0 -3040px}.f16 .re{background-position:0 -3056px}.f16 .ro{background-position:0 -3072px}.f16 .rs{background-position:0 -3088px}.f16 .ru{background-position:0 -3104px}.f16 .rw{background-position:0 -3120px}.f16 .sa{background-position:0 -3136px}.f16 .sb{background-position:0 -3152px}.f16 .sc{background-position:0 -3168px}.f16 .sd{background-position:0 -3184px}.f16 .se{background-position:0 -3200px}.f16 .sg{background-position:0 -3216px}.f16 .si{background-position:0 -3232px}.f16 .sk{background-position:0 -3248px}.f16 .sl{background-position:0 -3264px}.f16 .sm{background-position:0 -3280px}.f16 .sn{background-position:0 -3296px}.f16 .so{background-position:0 -3312px}.f16 .sr{background-position:0 -3328px}.f16 .st{background-position:0 -3344px}.f16 .sv{background-position:0 -3360px}.f16 .sy{background-position:0 -3376px}.f16 .sz{background-position:0 -3392px}.f16 .tc{background-position:0 -3408px}.f16 .td{background-position:0 -3424px}.f16 .tg{background-position:0 -3440px}.f16 .th{background-position:0 -3456px}.f16 .tj{background-position:0 -3472px}.f16 .tl{background-position:0 -3488px}.f16 .tm{background-position:0 -3504px}.f16 .tn{background-position:0 -3520px}.f16 .to{background-position:0 -3536px}.f16 .tr{background-position:0 -3552px}.f16 .tt{background-position:0 -3568px}.f16 .tv{background-position:0 -3584px}.f16 .tw{background-position:0 -3600px}.f16 .tz{background-position:0 -3616px}.f16 .ua{background-position:0 -3632px}.f16 .ug{background-position:0 -3648px}.f16 .us{background-position:0 -3664px}.f16 .uy{background-position:0 -3680px}.f16 .uz{background-position:0 -3696px}.f16 .va{background-position:0 -3712px}.f16 .vc{background-position:0 -3728px}.f16 .ve{background-position:0 -3744px}.f16 .vg{background-position:0 -3760px}.f16 .vi{background-position:0 -3776px}.f16 .vn{background-position:0 -3792px}.f16 .vu{background-position:0 -3808px}.f16 .ws{background-position:0 -3824px}.f16 .ye{background-position:0 -3840px}.f16 .za{background-position:0 -3856px}.f16 .zm{background-position:0 -3872px}.f16 .zw{background-position:0 -3888px}.f16 .sx{background-position:0 -3904px}.f16 .cw{background-position:0 -3920px}.f16 .ss{background-position:0 -3936px}.f16 .nu{background-position:0 -3952px}.countrypicker .inline-flag{margin-right:5px}.countrypicker .filter-option.flag{padding-left:20px;margin-top:3px}.countrypicker .dropdown-menu.open{padding:0}
/* jeśli container 1400px
@base-content-width: 1400px;
@base-content-width-sidebar: 1020px;
*/
/** Rozmiary zdjęć */
/* Sklepowe */
/* Definicja wymiarow dla ukladow
-with-use-left-menu
samo sie uzyje jak jest lewe menu
*/
/* BOKSY */
/* Zminne glowne */
/* MUSI BYC PODZIELNE PRZEZ LICZBE KOLUMN */
/* Wyliczane automatycznie, raczej nie edytowac */
/* BOKSY END */
/** Layouts */
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.text-vertical {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-tb;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.clearAll:before,
.clearAll:after {
clear: both;
display: block;
content: " ";
}
.clearAfter:after {
clear: both;
display: block;
content: " ";
}
.body-wcag *:not(input):not(select):not(textarea):focus {
outline: 2px solid #9de22b !important;
}
#wcag-link {
position: absolute;
top: 20px;
left: 20px;
z-index: 99;
outline: none;
}
#wcag-link > a {
border: 2px solid #1ca1b6;
color: #000000;
padding: 10px 20px;
background: #FFF;
outline: none !important;
position: absolute;
left: 0px;
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
text-decoration: none !important;
}
#wcag-link > a:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
@font-face {
font-family: 'dms';
src: url('/css/fonts/dms.eot');
src: url('/css/fonts/dms.eot?#iefix') format('embedded-opentype'), url('/css/fonts/dms.woff') format('woff'), url('/css/fonts/dms.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
[class*='icon-']:before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
.icon-home:before {
content: '\0041';
}
.icon-key:before {
content: '\0042';
}
.icon-logout:before {
content: '\0043';
}
.icon-mail:before {
content: '\0044';
}
.icon-marker:before {
content: '\0045';
}
.icon-minus:before {
content: '\0046';
}
.icon-ok:before {
content: '\0047';
}
.icon-pack:before {
content: '\0048';
}
.icon-pen:before {
content: '\0049';
}
.icon-phone:before {
content: '\004a';
}
.icon-plus:before {
content: '\004b';
}
.icon-print:before {
content: '\004c';
}
.icon-remove:before {
content: '\004d';
}
.icon-search:before {
content: '\004e';
}
.icon-star:before {
content: '\004f';
}
.icon-star-active:before {
content: '\0050';
}
.icon-trash:before {
content: '\0051';
}
.icon-user:before {
content: '\0052';
}
.icon-alert:before {
content: '\0053';
}
.icon-arrow-down:before {
content: '\0054';
}
.icon-arrow-left:before {
content: '\0055';
}
.icon-arrow-right:before {
content: '\0056';
}
.icon-arrow-up:before {
content: '\0057';
}
.icon-ask:before {
content: '\0058';
}
.icon-bag:before {
content: '\0059';
}
.icon-bag-ok:before {
content: '\005a';
}
.icon-bell:before {
content: '\0061';
}
.icon-calendar:before {
content: '\0062';
}
.icon-cart:before {
content: '\0063';
}
.icon-cart2:before {
content: '\0064';
}
.icon-cart-empty:before {
content: '\0065';
}
.icon-delivery:before {
content: '\0066';
}
.icon-discount:before {
content: '\0067';
}
.icon-dots:before {
content: '\0068';
}
.icon-dots-vertical:before {
content: '\0069';
}
.icon-favourites:before {
content: '\006a';
}
.icon-favourites-active:before {
content: '\006b';
}
.icon-filter:before {
content: '\006c';
}
.icon-file:before {
content: '\006d';
}
.icon-flag:before {
content: '\006e';
}
.icon-flag-in:before {
content: '\006f';
}
.icon-message:before {
content: '\0070';
}
.icon-eye:before {
content: '\0071';
}
.icon-eye-in:before {
content: '\0072';
}
.icon-link:before {
content: '\0073';
}
.icon-fly:before {
content: '\0074';
}
.icon-arrow-button-right:before {
content: '\0075';
}
.icon-arrow-button-left:before {
content: '\0076';
}
.icon-alert-error:before {
content: '\0077';
}
.icon-alert-success:before {
content: '\0078';
}
/* DMSGALLERY */
#DmsGallery {
display: none;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1091;
position: fixed;
}
#gallery_miniatury {
display: inline-block;
width: 500px;
height: 80px;
white-space: nowrap;
overflow: hidden;
}
#gallery_miniatury_right,
#gallery_miniatury_left {
display: inline-block;
width: 100px;
height: 80px;
cursor: pointer;
position: relative;
}
#gallery_miniatury_right .icon-container,
#gallery_miniatury_left .icon-container {
top: 35px;
}
#gallery_miniatury_left .icon-container {
left: 50px;
}
#gallery_miniatury_right .icon-container {
right: 50px;
}
#gallery_tlo {
display: none;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1090;
position: fixed;
background: #000000;
}
#DmsGallery #gallery_miniatury_mag {
display: none !important;
}
#DmsGallery .icon-container {
/* Kolor ikon */
color: #1ca1b6;
overflow: hidden;
font-size: 15px;
padding-top: 1px;
text-align: center;
width: 25px;
height: 25px;
position: absolute;
z-index: 2000;
/*
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/
cursor: pointer;
}
#DmsGallery #gallery_close {
display: none;
right: 5px;
top: 5px;
font-size: 19px;
}
#DmsGallery #gallery_zoom {
display: none !important;
right: 5px;
bottom: 5px;
}
#DmsGallery #gallery_back {
left: 5px;
}
#DmsGallery #gallery_next {
right: 5px;
}
#DmsGallery #gallery_back,
#DmsGallery #gallery_next {
font-size: 30px;
padding-top: 0px;
height: 35px;
width: 35px;
}
#DmsGallery #gallery_inside > div {
overflow: hidden;
position: relative;
background-color: #ffffff;
/*
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
*/
}
#DmsGallery #gallery_miniatury a img {
cursor: pointer;
border: solid 1px #000000;
margin-left: 1px;
margin-right: 1px;
margin-top: 2px;
}
#DmsGallery #gallery_miniatury a img.active {
border-color: #ff0000;
}
#DmsGallery #gallery_podpis {
display: none;
padding-top: 7px;
padding-bottom: 6px;
background: #ffffff;
color: #000000;
padding-top: 6px;
font-size: 13px;
}
#DmsGallery .loading {
overflow: hidden;
/*
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/
position: absolute;
z-index: 1992;
width: 50px;
height: 50px;
text-align: center;
background-color: #ffffff;
}
#DmsGallery .loading img {
margin-top: 9px;
margin-bottom: 9px;
min-width: 0px;
}
#DmsGallery #gallery_caption {
padding: 3px;
}
#DmsGallery .icon-container {
color: #1ca1b6;
}
/** Globalne */
.layout figure {
text-align: center;
}
.layout figure figcaption {
font-size: .8em;
text-align: center;
padding: 5px 0px;
display: block;
}
.layout figure img {
display: table;
margin: 0px auto;
}
.layout figure video {
display: block;
max-width: 100% !important;
height: auto !important;
}
.layout .layout-more {
text-align: right;
}
.plik,
.file {
display: block;
width: 100%;
border-bottom: 1px solid #d7e2e6;
padding: 15px 110px 15px 50px;
color: #000000 !important;
font-size: 16px;
font-weight: 400;
text-decoration: none !important;
background: url('/img/static/types/custom.svg') no-repeat left center;
background-size: auto 36px !important;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.plik:after,
.file:after {
content: "POBIERZ";
position: absolute;
right: 0px;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
font-size: 13px;
font-weight: 700;
color: #000000;
text-transform: uppercase;
border-bottom: 1px solid #1ca1b6;
}
.plik span,
.file span {
font-size: .9em;
color: rgba(0, 0, 0, 0.8);
}
.plik:hover:after,
.file:hover:after {
color: #1ca1b6;
}
.plik[href*="pdf"],
.file[href*="pdf"] {
background: url('/img/static/types/pdf.svg') no-repeat left center;
}
.plik[href*="ppt"],
.file[href*="ppt"],
.plik[href*="pptx"],
.file[href*="pptx"],
.plik[href*="odp"],
.file[href*="odp"] {
background: url('/img/static/types/ppt.svg') no-repeat left center;
}
.plik[href*=".doc"],
.file[href*=".doc"],
.plik[href*=".docx"],
.file[href*=".docx"],
.plik[href*=".odt"],
.file[href*=".odt"] {
background: url('/img/static/types/doc.svg') no-repeat left center;
}
.plik[href*="xls"],
.file[href*="xls"],
.plik[href*="xlsx"],
.file[href*="xlsx"],
.plik[href*="ods"],
.file[href*="ods"],
.plik[href*="csv"],
.file[href*="csv"] {
background: url('/img/static/types/xls.svg') no-repeat left center;
}
.plik[href*="zip"],
.file[href*="zip"],
.plik[href*="rar"],
.file[href*="rar"],
.plik[href*="tar"],
.file[href*="tar"],
.plik[href*="gz"],
.file[href*="gz"],
.plik[href*="7z"],
.file[href*="7z"] {
background: url('/img/static/types/zip.svg') no-repeat left center;
}
.plik[href*=".png"],
.file[href*=".png"],
.plik[href*=".jpg"],
.file[href*=".jpg"],
.plik[href*=".gif"],
.file[href*=".gif"],
.plik[href*=".bmp"],
.file[href*=".bmp"],
.plik[href*=".webp"],
.file[href*=".webp"] {
background: url('/img/static/types/image.svg') no-repeat left center;
}
.plik[href*=".mpg"],
.file[href*=".mpg"],
.plik[href*=".mpeg"],
.file[href*=".mpeg"],
.plik[href*=".mp4"],
.file[href*=".mp4"],
.plik[href*=".avi"],
.file[href*=".avi"],
.plik[href*=".webm"],
.file[href*=".webm"],
.plik[href*=".ogg"],
.file[href*=".ogg"],
.plik[href*=".swf"],
.file[href*=".swf"],
.plik[href*=".flv"],
.file[href*=".flv"],
.plik[href*=".wmv"],
.file[href*=".wmv"] {
background: url('/img/static/types/video.svg') no-repeat left center;
}
.plik[href*=".wav"],
.file[href*=".wav"],
.plik[href*=".mp3"],
.file[href*=".mp3"] {
background: url('/img/static/types/audio.svg') no-repeat left center;
}
.plik:lang(en):after,
.file:lang(en):after {
content: "Download";
}
.plik:lang(de):after,
.file:lang(de):after {
content: "Download";
}
.plik:lang(fr):after,
.file:lang(fr):after {
content: "Télécharger";
}
.plik:lang(it):after,
.file:lang(it):after {
content: "Scaricamento";
}
.plik:lang(es):after,
.file:lang(es):after {
content: "Descargar";
}
/** Układ ze zdjęciem - podstawowy */
.layout-image-left.layout-image-right .layout-image,
.layout-image-right.layout-image-right .layout-image {
float: right;
margin-left: 30px;
margin-bottom: 15px;
}
.layout-image-left.layout-image-left .layout-image,
.layout-image-right.layout-image-left .layout-image {
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
/** Układ ze zdjęciem i wyśrodkowanym tekstem - podstawowy */
.layout-image-center-left,
.layout-image-center-right {
margin: 0px -15px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
@media (max-width: 767px) {
.layout-image-center-left,
.layout-image-center-right {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.layout-image-center-left.has-image-width .layout-image,
.layout-image-center-right.has-image-width .layout-image {
max-width: 50%;
min-width: auto !important;
width: 100%;
}
}
@media (max-width: 767px) {
.layout-image-center-left.has-image-width .layout-image,
.layout-image-center-right.has-image-width .layout-image {
max-width: 100%;
width: 100%;
min-width: auto !important;
}
}
.layout-image-center-left .layout-image,
.layout-image-center-right .layout-image {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
padding: 0px 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
.layout-image-center-left .layout-image,
.layout-image-center-right .layout-image {
max-width: 50%;
}
}
.layout-image-center-left .layout-image img,
.layout-image-center-right .layout-image img {
max-width: 100%;
}
@media (max-width: 767px) {
.layout-image-center-left .layout-image,
.layout-image-center-right .layout-image {
padding: 0px;
margin-top: 30px;
}
}
.layout-image-center-left .layout-description,
.layout-image-center-right .layout-description {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
width: 100%;
padding: 0px 15px;
}
@media (max-width: 767px) {
.layout-image-center-left .layout-description,
.layout-image-center-right .layout-description {
padding: 0px;
}
}
.layout-image-center-left.layout-image-center-right .layout-image,
.layout-image-center-right.layout-image-center-right .layout-image {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
}
.layout-image-center-left.layout-image-center-right .layout-description,
.layout-image-center-right.layout-image-center-right .layout-description {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
}
.layout-image-center {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.layout-image-center .layout-image {
margin-bottom: 15px;
}
/** Galerie */
.layout-gallery {
margin: 0px -15px 30px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
.layout-gallery > div {
padding: 0px 15px;
margin-bottom: 30px;
width: 50%;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.layout-gallery.columns-3 > div {
width: 33.33333333%;
}
@media ((max-width: 480px)) {
.layout-gallery.columns-3 > div {
width: 50%;
}
}
.layout-gallery.columns-4 > div {
width: 25%;
}
@media ((max-width: 768px)) {
.layout-gallery.columns-4 > div {
width: 33.33333333%;
}
}
@media ((max-width: 480px)) {
.layout-gallery.columns-4 > div {
width: 50%;
}
}
.layout-faq .layout-description {
margin-bottom: 30px;
}
.layout-faq .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-faq .faq-items .faq-item {
border-bottom: 1px solid #d7e2e6;
}
.layout-faq .faq-items .faq-item .faq-title {
padding: 15px 30px 15px 0px;
font-size: 1em;
font-weight: bold;
cursor: pointer;
position: relative;
}
.layout-faq .faq-items .faq-item .faq-title::after {
position: absolute;
right: 0px;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\0054';
top: 50%;
margin-top: -10px;
font-size: 13px;
}
.layout-faq .faq-items .faq-item .faq-content {
max-height: 0px;
overflow: hidden;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.layout-faq .faq-items .faq-item.in .faq-title {
color: #1ca1b6;
}
.layout-faq .faq-items .faq-item.in .faq-title::after {
content: '\0057';
}
.layout-faq .faq-items .faq-item.in .faq-content {
max-height: 1000px;
}
/** Produkty */
.layout-products .layout-description {
margin-bottom: 30px;
}
/** Downloads */
.layout-downloads .layout-description {
margin-bottom: 30px;
}
.layout-downloads .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-downloads .files .plik:last-child,
.layout-downloads .files .file:last-child {
border-bottom: 0px;
}
/** Mapa */
.layout-map .layout-description {
margin-bottom: 30px;
}
.layout-map .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-map .google-map {
background: #d7e2e6 url('/img/static/loader.svg') center center no-repeat;
background-size: 70px auto !important;
min-height: var(--iframe-height) !important;
}
.layout-map .google-map.is-grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 100%;
}
.layout-map .google-map iframe {
display: block;
height: var(--iframe-height) !important;
}
.layout-slider .slider-carousel {
padding-bottom: 30px;
}
.layout-slider .slider-carousel .item {
display: none;
margin: 0px auto;
}
.layout-slider .slider-carousel .item:first-child {
display: block;
}
.layout-box {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.layout-box > div .layout-image {
margin-bottom: 15px;
}
.layout-box > div .layout-description {
text-align: center;
}
/** News */
.layout-news {
margin: 0px;
}
.layout-news .layout-description {
margin-bottom: 30px;
}
.layout-news .layout-description p:last-child {
margin-bottom: 0px;
}
.layout-news .news-list {
margin: 0px -15px;
}
.layout-news .news-rotator .news-item {
margin: 0px !important;
width: 100%;
}
.layout-news .news-rotator .owl-nav {
margin: 0px !important;
}
.owl-carousel:not(#carousel) .owl-dots {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 40px !important;
}
.owl-carousel:not(#carousel) .owl-dots .owl-dot {
flex-grow: 1;
height: 20px;
}
.owl-carousel:not(#carousel) .owl-dots .owl-dot span {
width: 100%;
height: 2px;
background: #ebf3f6;
margin: 9px 0px 0px 0px !important;
padding: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.owl-carousel:not(#carousel) .owl-dots .owl-dot.active span {
background: #1ca1b6;
}
.autocomplete {
/*the container must be positioned relative:*/
position: relative;
display: inline-block;
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.autocomplete-active {
/*when navigating through the items using the arrow keys:*/
background-color: DodgerBlue !important;
color: #ffffff;
}
.cart-jak-najszybciej {
margin-bottom: 15px !important;
}
.cart-jak-najszybciej label {
font-size: 13px !important;
}
.cart {
margin: 0px auto 60px auto;
padding: 0px 15px;
width: 100%;
max-width: 1230px;
}
.cart .info-shipping {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d7e2e6;
}
.cart .info-shipping blockquote {
padding: 10px 0px 10px 15px;
font-size: 1em;
border: 0px;
margin: 0px;
}
.cart .info-shipping .in-color {
color: #1ca1b6;
}
.cart .info-block {
display: inline-block;
padding-left: 30px;
margin-top: 10px;
background: url('/img/i-info.svg') left center no-repeat;
background-size: 18px auto !important;
line-height: 30px;
}
.cart-amount {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
line-height: 30px;
height: 30px;
border: 1px solid #d7e2e6 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 1px 2px rgba(215, 226, 230, 0.8);
width: 122px;
}
.cart-amount span {
width: 30px;
height: 30px;
line-height: 30px;
color: #1ca1b6;
text-align: center;
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
font-size: 11px;
}
.cart-amount span[data-value="-1"]::before,
.cart-amount span.minus::before {
content: '\0046';
}
.cart-amount span[data-value="1"]::before,
.cart-amount span.plus::before {
content: '\004b';
}
.cart-amount input {
display: inline-block;
width: 50px;
line-height: 28px;
border: 0px !important;
border: 0px;
outline: none;
padding: 0px 0px;
text-align: center;
}
.cart-steps {
counter-reset: steps;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
position: relative;
text-align: center;
font-size: 23px;
padding: 30px 0px;
gap: 50px;
}
@media (max-width: 820px) {
.cart-steps {
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
gap: 20px;
}
}
.cart-steps > div {
counter-increment: steps;
position: relative;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
color: #1e5a7c;
opacity: .4;
}
.cart-steps > div::before {
background: #FFF;
min-width: 45px;
min-height: 45px;
line-height: 42px;
font-size: 14px;
font-weight: bold;
color: #1e5a7c;
border: 2px solid #1e5a7c;
content: counter(steps, decimal-leading-zero);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin-right: 15px;
}
@media (max-width: 820px) {
.cart-steps > div::before {
min-width: 35px;
min-height: 35px;
line-height: 32px;
}
}
.cart-steps > div.active,
.cart-steps > div.in {
opacity: 1;
}
.cart-steps > div.active::before,
.cart-steps > div.in::before {
border: 2px solid #1ca1b6;
color: #1ca1b6;
}
.cart-summary {
margin-bottom: 30px;
text-align: right;
font-size: 16px;
}
@media (max-width: 767px) {
.cart-summary {
text-align: center;
}
}
.cart-summary .netto .value {
font-weight: bold;
color: #1ca1b6;
font-size: 23px;
}
.cart-summary .total-brutto {
color: rgba(30, 90, 124, 0.5);
}
.cart-info-rezerwacja {
margin-bottom: 15px;
}
.cart-items {
margin-bottom: 30px;
display: table;
width: 100%;
}
@media (max-width: 767px) {
.cart-items {
display: block;
}
}
.cart-items .heading {
display: table-row;
}
@media (max-width: 767px) {
.cart-items .heading {
display: none;
}
}
.cart-items .heading > div {
display: table-cell;
vertical-align: middle;
font-size: 13px;
color: rgba(30, 90, 124, 0.6);
border-bottom: 1px solid #d7e2e6;
padding: 15px 10px;
}
.cart-items .item {
display: table-row;
}
@media (max-width: 767px) {
.cart-items .item {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #d7e2e6;
padding: 15px 0px;
}
}
.cart-items .item > div {
display: table-cell;
vertical-align: middle;
border-bottom: 1px solid #d7e2e6;
padding: 15px 10px;
}
@media (max-width: 767px) {
.cart-items .item > div {
padding: 0px;
border-bottom: 0px;
display: block;
}
}
@media (max-width: 767px) {
.cart-items .item .item-name {
width: 100%;
margin-bottom: 15px;
}
}
.cart-items .item .item-name img {
min-width: 78px;
margin-right: 20px;
border: 1px solid #d7e2e6;
}
.cart-items .item .item-name > div {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.cart-items .item .item-name > div .align-items(center) a {
color: #1e5a7c;
}
.cart-items .item .item-name > div .remove-product {
color: rgba(30, 90, 124, 0.6);
font-size: 13px;
text-decoration: none !important;
}
.cart-items .item .item-name > div .remove-product .icon-trash {
vertical-align: middle;
}
@media (max-width: 767px) {
.cart-items .item .item-quantity {
width: 50%;
}
.cart-items .item .item-quantity:before {
content: attr(data-text);
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
display: block;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.cart-items .item .item-price {
width: 50%;
text-align: right;
}
.cart-items .item .item-price:before {
content: attr(data-text);
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
display: block;
margin-bottom: 10px;
}
}
.cart-items .item .item-price .netto {
color: #1e5a7c;
font-weight: bold;
}
.palety-items {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px -5px 15px -5px;
}
.palety-items .title-small {
padding: 0px 5px;
width: 100%;
}
.palety-items .item-paleta {
display: block;
width: 50%;
padding: 0px 5px 10px 5px;
}
@media (max-width: 767px) {
.palety-items .item-paleta {
width: 100%;
}
}
.palety-items .item-paleta > div {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.palety-items .item-paleta > div input {
opacity: 0;
position: absolute;
}
.palety-items .item-paleta > div input:checked + label:after {
opacity: 1;
}
.palety-items .item-paleta > div label {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 15px 20px 15px 50px;
border: 1px solid #d7e2e6;
cursor: pointer;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 420px) {
.palety-items .item-paleta > div label {
padding: 10px 15px 10px 40px;
}
}
.palety-items .item-paleta > div label::before {
position: absolute;
top: 50%;
left: 15px;
margin-top: -10px;
width: 20px;
height: 20px;
border: 1px solid #d7e2e6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
content: " ";
}
@media (max-width: 420px) {
.palety-items .item-paleta > div label::before {
left: 10px;
}
}
.palety-items .item-paleta > div label::after {
position: absolute;
top: 50%;
left: 20px;
margin-top: -5px;
width: 10px;
height: 10px;
background: #1ca1b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
content: " ";
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
opacity: 0;
}
@media (max-width: 420px) {
.palety-items .item-paleta > div label::after {
left: 15px;
}
}
.palety-items .item-paleta > div .paleta-image {
min-width: 78px;
width: 78px;
margin-right: 15px;
}
@media (max-width: 420px) {
.palety-items .item-paleta > div .paleta-image {
min-width: 60px;
width: 60px;
margin-right: 10px;
}
}
.palety-items .item-paleta > div .paleta-description {
width: 100%;
padding-right: 150px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
@media (max-width: 991px) {
.palety-items .item-paleta > div .paleta-description {
padding: 0px;
}
}
.palety-items .item-paleta > div .paleta-description .item-attributes {
font-size: 13px;
margin-bottom: 5px;
}
.palety-items .item-paleta > div .paleta-description .item-price {
position: absolute;
right: 0px;
bottom: 0px;
text-align: right;
}
@media (max-width: 991px) {
.palety-items .item-paleta > div .paleta-description .item-price {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.palety-items .item-paleta > div .paleta-description .item-price .netto {
color: #1e5a7c;
font-weight: bold;
}
@media (max-width: 991px) {
.palety-items .item-paleta > div .paleta-description .item-price .netto {
margin-right: 10px;
}
}
.cart-empty {
padding: 30px 15px;
text-align: center;
margin-bottom: 30px;
}
.cart-empty-info {
font-weight: bold;
}
.cart-empty-info::before {
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\0065';
font-size: 50px;
display: block;
margin-bottom: 20px;
color: #94a3b8;
}
.cart-buttons .button {
display: table;
margin: 0px auto;
width: auto;
}
input.datepicker {
background: url('/img/i-calendar.svg') right 15px center no-repeat;
}
.datepicker:not(input) {
padding: 10px !important;
}
.datepicker .table-condensed thead tr:nth-child(2) th {
font-size: 16px;
color: #1e5a7c;
background: none !important;
}
.datepicker .dow {
background: #f5f9fa;
color: #8eacbd;
font-weight: 400;
}
.datepicker .day {
color: #8eacbd;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: none !important;
padding: 0px;
width: 36px;
height: 36px;
}
.datepicker .day:not(.old):not(.disabled) {
font-weight: bold;
color: #0fa327;
}
.datepicker .day.old,
.datepicker .day.disabled {
color: #8eacbd;
cursor: not-allowed;
}
.datepicker .day.active {
font-weight: bold;
}
.cart-sidebar {
position: fixed;
top: 0px;
bottom: 0px;
right: 0px;
width: 430px;
background: #FFF;
border-left: 1px solid #d7e2e6;
z-index: 99999;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
right: -430px;
}
@media (max-width: 768px) {
.cart-sidebar {
width: 100%;
right: -100%;
}
}
.cart-sidebar.in {
right: 0px;
}
.cart-sidebar-heading {
padding: 20px;
border-bottom: 1px solid #d7e2e6;
position: relative;
font-weight: bold;
}
.cart-sidebar-heading-close {
position: absolute;
right: 20px;
cursor: pointer;
}
.cart-sidebar-items {
position: absolute;
top: 63px;
left: 0px;
right: 0px;
bottom: 348px;
overflow: auto;
padding: 20px;
}
.cart-sidebar-items.is-full {
bottom: 0px;
}
.cart-sidebar-items .item {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 10px 30px 10px 0px;
border-bottom: 1px solid #d7e2e6;
position: relative;
}
.cart-sidebar-items .item .remove {
position: absolute;
right: 10px;
top: 12px;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
color: #94a3b8;
text-decoration: none !important;
}
.cart-sidebar-items .item .remove::before {
content: '\0051';
}
.cart-sidebar-items .item .item-image {
width: 110px;
min-width: 110px;
margin-right: 20px;
}
.cart-sidebar-items .item .item-image img {
margin-right: 20px;
}
.cart-sidebar-items .item .item-image.has-set {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cart-sidebar-items .item .item-image.has-set img {
max-width: 50%;
}
.cart-sidebar-items .item .item-details {
width: 100%;
}
.cart-sidebar-items .item .item-details .item-attributes {
font-size: 12px;
color: rgba(0, 0, 0, 0.6);
}
.cart-sidebar-items .item .item-details .item-attributes span {
display: block;
}
.cart-sidebar-items .item .item-prices {
width: 100%;
margin-top: 15px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
@media (max-width: 480px) {
.cart-sidebar-items .item .item-prices {
display: block;
}
}
@media (max-width: 480px) {
.cart-sidebar-items .item .item-prices .cart-amount {
margin-bottom: 20px;
}
}
.cart-sidebar-summary {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 20px;
}
.cart-sidebar-summary .cart-discount {
margin-bottom: 20px;
}
.cart-sidebar-summary .summary-total {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin-bottom: 20px;
}
.sidebar-buttons {
display: block;
}
.sidebar-buttons .is-action,
.sidebar-buttons .is-block {
width: 100%;
}
.sidebar-buttons .button {
white-space: nowrap;
margin: 10px 0px 0px 0px;
}
.cart-title-small {
color: #000000;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
margin: 0px 0px 15px 0px;
color: #1e5a7c;
}
.cart-title-small a {
color: inherit !important;
text-decoration: none !important;
}
.cart-title-small span {
font-size: 13px;
display: block;
}
.cart-title-small + p {
margin-bottom: 30px;
}
.cart-title-small .cart-edit {
float: right;
color: #1ca1b6;
font-size: 13px;
}
.cart-address {
margin: 0px -15px 20px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cart-address .form-group-error {
width: 100%;
}
.cart-address > div {
padding: 0px 15px;
position: relative;
}
.cart-address > div input {
opacity: 0;
position: absolute;
top: 0px;
right: 0px;
}
.cart-address > div label {
padding: 20px;
border: 1px solid #d7e2e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cart-address > div input:checked + label {
border: 1px solid #1ca1b6;
}
.cart-user-data {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px -15px;
}
.cart-user-data > div {
padding: 0px 15px 20px 15px;
max-width: 50%;
flex-grow: 1;
}
.cart-user-data > div .title-small .button-icon {
margin: 0px !important;
}
.cart-thanks {
padding-top: 30px;
}
.cart-thanks .thanks-title {
padding-top: 100px;
background: url('/img/static/thanks.svg') center top no-repeat;
background-size: 82px 82px !important;
font-size: 27px;
margin-bottom: 30px;
}
.cart-thanks .el-button {
margin: 0px auto;
}
.cart-thanks p {
margin-bottom: 30px;
}
.cart-thanks p b,
.cart-thanks p strong {
color: #1ca1b6;
}
.cart-popup-products .modal-dialog {
margin: 0px auto;
padding: 15px;
}
@media (min-width: 768px) {
.cart-popup-products .modal-dialog {
width: 100%;
max-width: 1000px;
}
}
#cartpopup h1,
#cartpopup h2,
#cartpopup h3 {
margin: 0px;
font-size: 23px;
margin-bottom: 20px;
}
#cartpopup h1:not(.no-border),
#cartpopup h2:not(.no-border),
#cartpopup h3:not(.no-border) {
padding-bottom: 20px;
border-bottom: 1px solid #d7e2e6;
}
#cartpopup .button.is-cart {
display: table;
margin: 0px auto;
}
#cartpopup .extra-steps {
font-size: 14px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #d7e2e6;
}
#cartpopup > form {
width: 100%;
margin: 0px auto;
background: #FFF;
}
#cartpopup .products {
margin: 0px -15px 20px;
}
#cartpopup .product-cart-popup {
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d7e2e6;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#cartpopup .product-cart-popup:last-child {
padding-bottom: 0px;
border-bottom: 0px;
}
#cartpopup .product-cart-popup .group-title {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
margin-bottom: 10px;
}
#cartpopup .product-cart-popup .value {
display: block;
line-height: 30px;
}
#cartpopup .product-cart-popup .name {
font-size: 16px;
font-weight: bold;
color: #1e5a7c;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
width: 40%;
padding: 0px 15px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
#cartpopup .product-cart-popup .name {
width: 100%;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
}
}
#cartpopup .product-cart-popup .name .image {
min-width: 78px;
margin-right: 20px;
}
#cartpopup .product-cart-popup .name .image img {
border: 1px solid #d7e2e6;
}
#cartpopup .product-cart-popup .name .name-wrapper {
width: 100%;
}
#cartpopup .product-cart-popup .amount {
width: 20%;
padding: 0px 15px;
}
#cartpopup .product-cart-popup .amount > div {
display: table;
margin: 0px 0px auto auto;
}
@media (max-width: 767px) {
#cartpopup .product-cart-popup .amount {
width: 50%;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
}
#cartpopup .product-cart-popup .amount > div {
margin: 0px;
}
}
@media (max-width: 380px) {
#cartpopup .product-cart-popup .amount {
width: 100%;
margin-bottom: 20px;
}
}
#cartpopup .product-cart-popup .amount-error {
color: #d00307;
font-size: 11px;
padding-top: 5px;
}
#cartpopup .product-cart-popup .in-pack {
width: 15%;
padding: 0px 15px;
}
@media (max-width: 767px) {
#cartpopup .product-cart-popup .in-pack {
width: 50%;
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
order: 4;
margin-bottom: 20px;
}
}
#cartpopup .product-cart-popup .store-info {
width: 25%;
padding: 0px 15px;
}
@media (max-width: 767px) {
#cartpopup .product-cart-popup .store-info {
width: 50%;
-webkit-box-ordinal-group: 6;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
-webkit-order: 5;
-moz-order: 5;
-ms-order: 5;
order: 5;
margin-bottom: 20px;
}
}
#cartpopup .product-cart-popup .checkbox-info {
width: 40%;
font-size: 12px;
padding: 0px 15px;
}
@media (max-width: 767px) {
#cartpopup .product-cart-popup .checkbox-info {
width: 50%;
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
order: 3;
margin-bottom: 20px;
}
}
@media (max-width: 380px) {
#cartpopup .product-cart-popup .checkbox-info {
width: 100%;
}
}
#cartpopup .product-cart-popup .checkbox-info .info-block {
padding-left: 30px;
background: url('/img/i-info.svg') left top no-repeat;
background-size: 18px auto !important;
min-height: 20px;
}
#cartpopup .product-cart-popup .table-steps-wrapper {
width: 60%;
padding: 0px 15px 30px;
}
@media (max-width: 767px) {
#cartpopup .product-cart-popup .table-steps-wrapper {
width: 100%;
-webkit-box-ordinal-group: 7;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
-webkit-order: 6;
-moz-order: 6;
-ms-order: 6;
order: 6;
}
}
#cartpopup .product-cart-popup .table-steps-wrapper .table-steps {
margin: 0px;
}
#cartpopup .summary-table {
display: table;
width: 100%;
margin-bottom: 20px;
}
@media (max-width: 767px) {
#cartpopup .summary-table {
display: block;
}
}
#cartpopup .summary-table .summary-head {
display: table-row;
}
@media (max-width: 767px) {
#cartpopup .summary-table .summary-head {
display: none;
}
}
#cartpopup .summary-table .summary-head > div {
display: table-cell;
font-size: 12px;
padding: 10px 0px;
border-bottom: 1px solid #d7e2e6;
}
#cartpopup .summary-table .summary-row {
display: table-row;
}
@media (max-width: 767px) {
#cartpopup .summary-table .summary-row {
display: block;
font-size: 13px;
padding: 10px 0px;
border-bottom: 1px solid #d7e2e6;
}
}
#cartpopup .summary-table .summary-row > div {
display: table-cell;
padding: 10px 0px;
border-bottom: 1px solid #d7e2e6;
}
@media (max-width: 767px) {
#cartpopup .summary-table .summary-row > div {
display: block;
padding: 0px;
border-bottom: 0px;
}
#cartpopup .summary-table .summary-row > div:before {
content: attr(data-content);
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
}
}
#cartpopup .total-netto {
text-align: right;
font-size: 16px;
margin-bottom: 20px;
}
#cartpopup .total-netto b,
#cartpopup .total-netto strong {
font-size: 23px;
color: #1ca1b6;
}
.section-liczniki {
margin-bottom: 20px !important;
}
.layout-liczniki {
padding-top: 30px;
}
.layout-liczniki .counters {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0px -20px 0px;
}
@media (max-width: 1200px) {
.layout-liczniki .counters {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.layout-liczniki .counters > div {
padding: 0px 20px;
margin-bottom: 20px;
text-align: center;
width: 20%;
}
.layout-liczniki .counters > div.is-href {
-ms-flex-item--align: center;
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
align-self: center;
}
@media (max-width: 360px) {
.layout-liczniki .counters > div.is-href {
width: 100%;
}
}
.layout-liczniki .counters > div .el-button {
margin: 0px auto;
}
@media (max-width: 1200px) {
.layout-liczniki .counters > div {
width: 25%;
}
}
@media (max-width: 767px) {
.layout-liczniki .counters > div {
width: 33.33333333%;
}
}
@media (max-width: 460px) {
.layout-liczniki .counters > div {
width: 50%;
}
}
.layout-liczniki .counters > div .number {
color: #1ca1b6;
font-size: 60px;
font-weight: 600;
}
@media (max-width: 991px) {
.layout-liczniki .counters > div .number {
font-size: 50px;
}
}
@media (max-width: 460px) {
.layout-liczniki .counters > div .number {
font-size: 40px;
}
}
.message-success {
text-align: center;
padding: 15px 15px 15px 15px;
font-weight: bold;
}
.message-success::before {
font-size: 3em;
width: 120px;
height: 120px;
line-height: 120px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
background: rgba(112, 172, 56, 0.05);
color: #70ac38;
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
margin: 0px auto 20px;
display: block;
content: "\0047";
}
.form-2144216975,
.form-1647325602 {
max-width: 900px;
margin: 0px auto;
padding: 15px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
.form-2144216975 .form-submit,
.form-1647325602 .form-submit {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.form-2144216975 .form-required-fields,
.form-1647325602 .form-required-fields {
display: none;
}
.form-2144216975 .form-button,
.form-1647325602 .form-button {
display: table;
margin: 0px auto;
}
.form-2144216975 .form-section,
.form-1647325602 .form-section {
padding: 15px;
}
.form-2144216975 .form-section .field-radio_poziome,
.form-1647325602 .form-section .field-radio_poziome {
background: rgba(215, 226, 230, 0.2);
padding: 15px;
margin-bottom: 0px;
border: 1px solid #d7e2e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.form-2144216975 .form-section .field-radio_poziome .form-label,
.form-1647325602 .form-section .field-radio_poziome .form-label {
font-weight: bold;
}
.form-2144216975 .form-section .field-radio_poziome > div,
.form-1647325602 .form-section .field-radio_poziome > div {
display: table;
margin: 0px auto;
}
.form-2144216975 .form-section .field-radio_poziome ul,
.form-1647325602 .form-section .field-radio_poziome ul {
width: 100%;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding: 0px;
margin: 0px 0px 10px 0px;
}
.form-2144216975 .form-section .field-radio_poziome ul > li,
.form-1647325602 .form-section .field-radio_poziome ul > li {
padding: 0px !important;
font-size: 13px;
}
.form-2144216975 .form-section .field-radio_poziome ul > li::before,
.form-1647325602 .form-section .field-radio_poziome ul > li::before,
.form-2144216975 .form-section .field-radio_poziome ul > li::after,
.form-1647325602 .form-section .field-radio_poziome ul > li::after {
display: none;
}
.form-2144216975 .form-section .form-radio,
.form-1647325602 .form-section .form-radio {
margin: 0px 5px 10px;
}
.form-2144216975 .form-section .form-radio label,
.form-1647325602 .form-section .form-radio label {
width: 44px;
height: 44px;
line-height: 42px;
padding: 0px;
text-align: center;
background: #FFF;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
box-shadow: 0px 0px 0px 2px #d7e2e6;
}
@media (max-width: 767px) {
.form-2144216975 .form-section .form-radio label,
.form-1647325602 .form-section .form-radio label {
width: 35px;
height: 35px;
line-height: 35px;
}
}
.form-2144216975 .form-section .form-radio label::before,
.form-1647325602 .form-section .form-radio label::before,
.form-2144216975 .form-section .form-radio label::after,
.form-1647325602 .form-section .form-radio label::after {
display: none;
}
.form-2144216975 .form-section .form-radio input:checked + label,
.form-1647325602 .form-section .form-radio input:checked + label {
background: #1ca1b6;
box-shadow: 0px 0px 0px 2px #1ca1b6;
color: #FFF;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/* Globalne */
.user-address {
margin-bottom: 20px;
}
.user-address .title-small {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 20px;
}
.user-address .title-small .button-icon {
color: #d00307 !important;
font-size: 13px;
cursor: pointer;
}
.dms-user-login {
padding-top: 15px;
}
.nav-user li {
display: block;
}
.nav-user li a {
display: block;
color: inherit;
padding: 10px 15px;
}
.nav-user li.m1 > a {
font-size: 16px;
padding: 15px 40px 15px 0px;
border-bottom: 1px solid #d7e2e6;
background: #FFF !important;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
@media (max-width: 991px) {
.nav-user li.m1 > a {
padding: 10px 20px 10px 0px;
font-size: 14px;
}
}
.nav-user li.m1 > a img {
position: absolute;
right: 0px;
top: 50%;
width: 25px;
height: 25px;
margin-top: -13px;
}
.nav-user li.m1.active > a,
.nav-user li.m1:hover > a {
color: #1ca1b6;
}
.nav-user li.m2 > a {
color: rgba(0, 0, 0, 0.8);
font-size: 13px;
background: rgba(215, 226, 230, 0.2);
padding: 8px 15px 8px 15px;
border-left: 1px solid #d7e2e6;
border-right: 1px solid #d7e2e6;
}
.nav-user li.m2:hover > a,
.nav-user li.m2.active > a {
color: #1ca1b6;
}
.nav-user li.m2:hover > a::before,
.nav-user li.m2.active > a::before {
background: #1ca1b6;
}
.nav-user li.m2 + .m1 {
border-top: 1px solid #d7e2e6;
}
.nav-user li:last-child > a {
border-bottom: 0px;
}
.body-panel .plik,
.body-panel .file {
background-size: auto 25px !important;
padding: 10px 80px 10px 35px;
}
.body-panel .content-has-sidebar {
padding-bottom: 30px;
}
.body-panel .section {
margin-bottom: 30px;
}
.body-panel .section.section-box-image-circle {
margin-bottom: 0px;
}
.body-panel .section.section-box-image-circle .layout-box-image-circle {
margin-bottom: 30px !important;
}
@media (max-width: 991px) {
.body-panel .section.section-box-image-circle .layout-box-image-circle {
margin-bottom: 15px !important;
}
}
.body-panel .section.section-2071238431 .col-md-6:last-child .layout-box-image-circle {
/*opacity: 0.3; */
}
.body-panel .layout-box-image-circle .layout-description-more {
display: none;
}
.country-info {
padding-left: 30px;
background: url('/img/i-info.svg') no-repeat left center;
background-size: 18px auto !important;
font-size: 13px;
cursor: pointer;
}
.country-info .info-message {
display: none;
}
.panel-alert {
border: 1px solid #ebf3f6;
padding: 15px 30px 15px 80px;
margin-bottom: 20px;
background: url('/img/panel/i-alert-info.png') no-repeat left 30px center;
background-size: 22px auto !important;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
@media (max-width: 480px) {
.panel-alert {
padding: 10px 15px 10px 60px;
background-position: left 20px center !important;
}
}
@media (min-width: 992px) {
.panel-alert.has-more {
padding-right: 100px;
}
}
.panel-alert .alert-more {
position: absolute;
right: 30px;
height: 26px;
line-height: 26px;
text-decoration: none !important;
border-bottom: 1px solid #1e5a7c;
top: 50%;
margin-top: -13px;
}
@media (max-width: 991px) {
.panel-alert .alert-more {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: 10px 0px 0px 0px;
display: table;
}
}
.panel .title-medium {
font-weight: bold;
font-size: 20px;
}
.panel .change-password {
display: block;
width: 100%;
max-width: 500px;
}
.panel .status-ok {
padding-left: 25px;
background: url('/img/panel/ok.png') left center no-repeat;
}
.panel .status-error {
padding-left: 25px;
background: url('/img/panel/x.png') left center no-repeat;
}
.panel .pdf {
display: table;
margin: 0px 0px auto auto;
width: 18px;
height: 24px;
background: url('/img/panel/pdf.png') left center no-repeat;
}
@media (max-width: 991px) {
.panel .pdf {
margin: 0px auto 0px 0px;
}
}
.panel .sort {
margin-bottom: 20px;
}
.panel .sort .bootstrap-select {
width: auto !important;
display: table;
margin: 0px 0px 0px auto;
}
.panel .sort .bootstrap-select .form-selectpicker {
padding: 0px 35px 0px 15px;
}
.panel .sort .bootstrap-select .bs-caret {
position: absolute;
top: 0px;
right: 15px;
}
.panel .sort .bootstrap-select .bs-caret .caret {
display: none;
}
.panel .sort .bootstrap-select .bs-caret::after {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #1e5a7c;
content: '\0054';
}
.panel .order-details-wrapper {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px -15px;
}
@media (min-width: 992px) {
.panel .order-details-wrapper.has-columns > div {
width: 50% !important;
}
}
.panel .order-details-faktury {
width: 100%;
padding: 0px 15px;
margin-bottom: 30px;
}
.panel .order-details-faktury .faktury-items {
border: 1px solid #d7e2e6;
padding: 15px 20px;
}
.panel .order-details-faktury .faktury-items a {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 5px 0px;
padding-left: 50px;
padding-right: 20px;
background: url('/img/static/types/pdf.svg') no-repeat left center;
background-size: auto 36px !important;
min-height: 36px;
text-decoration: none;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.panel .order-details-faktury .faktury-items a::after {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 20px;
background: url('/img/i-download.svg') no-repeat right center;
background-size: auto 16px !important;
content: "";
pointer-events: none;
}
.panel .order-details-faktury .faktury-items a:hover {
color: #1ca1b6 !important;
}
.panel .order-details {
display: table;
margin-bottom: 30px;
width: 100%;
padding: 0px 15px;
}
.panel .order-details > div {
display: table-row;
}
.panel .order-details > div > div {
display: table-cell;
padding: 10px 30px 10px 0px;
border-bottom: 1px solid #d7e2e6;
}
.panel .order-details > div > div:last-child {
color: #1ca1b6;
text-align: right;
padding-right: 0px;
}
.panel .order-details > div:last-child > div {
border-bottom: 0px;
}
.panel .orders-products .item {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding: 15px 0px;
border-bottom: 1px solid #d7e2e6;
}
@media (max-width: 580px) {
.panel .orders-products .item {
display: block;
padding: 15px 0px 15px 100px;
min-height: 140px;
}
}
.panel .orders-products .item:last-child {
border-bottom: 0px;
}
.panel .orders-products .item .image {
min-width: 110px;
width: 110px;
}
@media (max-width: 580px) {
.panel .orders-products .item .image {
position: absolute;
left: 0px;
top: 15px;
width: 85px;
min-width: 85px;
}
}
.panel .orders-products .item .image img {
border: 1px solid #d7e2e6;
}
.panel .orders-products .item .name {
width: 100%;
padding: 0px 20px;
}
@media (max-width: 580px) {
.panel .orders-products .item .name {
padding: 0px;
margin-bottom: 5px;
}
}
.panel .orders-products .item .name span {
display: block;
color: #1ca1b6;
font-size: 13px;
margin-bottom: 5px;
}
.panel .orders-products .item .amount {
min-width: 110px;
width: 110px;
}
.panel .orders-products .item .prices {
min-width: 110px;
width: 110px;
}
@media (max-width: 767px) {
.panel .orders .table {
display: block;
}
}
@media (max-width: 767px) {
.panel .orders .table thead {
display: none;
}
}
.panel .orders .table thead th {
font-size: 12px;
border-bottom: 1px solid #d7e2e6;
font-weight: 400;
padding: 10px 15px;
}
.panel .orders .table thead th:last-child {
text-align: right;
}
@media (max-width: 767px) {
.panel .orders .table tr {
display: block;
border-bottom: 1px solid #d7e2e6;
margin-bottom: 15px;
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
.panel .orders .table tbody {
display: block;
}
}
.panel .orders .table tbody td {
padding: 15px 15px;
border: 0px;
border-bottom: 1px solid #d7e2e6;
vertical-align: middle;
}
@media (max-width: 767px) {
.panel .orders .table tbody td {
padding: 0px 0px 5px 0px;
border-bottom: 0px;
display: block;
font-size: 14px;
}
.panel .orders .table tbody td:before {
content: attr(data-title);
}
}
.panel .orders .table tbody td div + div {
margin-top: 5px;
font-size: 12px;
}
.panel .orders .table tbody td a {
color: #1ca1b6;
}
.panel .orders .table tbody td:last-child {
text-align: right;
}
@media (max-width: 767px) {
.panel .orders .table tbody td:last-child {
text-align: left;
}
}
.panel .orders .table tbody td.td-faktura a {
display: inline-block;
color: #000000;
text-decoration: none !important;
margin-left: auto;
margin-right: 0px;
padding-right: 25px;
background: url('/img/i-download.svg') no-repeat right center;
background-size: auto 16px !important;
}
.panel .orders .table tbody td.td-faktura a + a {
margin-top: 5px;
}
.panel .orders .table tbody td.td-faktura a:hover {
color: #1ca1b6 !important;
}
.panel .orders .table tbody tr:last-child td {
border-bottom: 0px;
}
@media (max-width: 991px) {
.panel .faktury .table {
display: block;
}
}
@media (max-width: 480px) {
.panel .faktury .table {
font-size: 15px;
}
}
@media (max-width: 991px) {
.panel .faktury .table thead {
display: none !important;
}
}
.panel .faktury .table thead th {
font-size: 12px;
border-bottom: 1px solid #d7e2e6;
font-weight: 400;
padding: 10px 15px;
}
.panel .faktury .table thead th:last-child {
text-align: right;
}
@media (max-width: 991px) {
.panel .faktury .table tbody {
display: block;
}
.panel .faktury .table tbody tr {
display: block;
padding: 10px;
}
.panel .faktury .table tbody tr td {
display: block;
}
}
.panel .faktury .table tbody td {
padding: 15px 15px;
border: 0px;
border-bottom: 1px solid #d7e2e6;
}
@media (max-width: 991px) {
.panel .faktury .table tbody td {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 5px 10px 5px 160px;
}
.panel .faktury .table tbody td:before {
content: attr(data-title);
position: absolute;
left: 10px;
top: 5px;
min-width: 150px;
font-size: 13px;
}
.panel .faktury .table tbody td div {
width: 100% !important;
}
}
@media (max-width: 480px) {
.panel .faktury .table tbody td {
padding-left: 120px;
}
.panel .faktury .table tbody td:before {
min-width: 110px;
}
}
.panel .faktury .table tbody td div + div {
margin-top: 10px;
font-size: 12px;
}
@media (max-width: 991px) {
.panel .faktury .table tbody td div + div {
margin-top: 5px;
}
}
@media (max-width: 991px) {
.panel .faktury .table tbody tr:nth-child(odd) {
background: #f5f9fa;
}
}
.panel .faktury .table tbody tr:nth-child(odd) td {
background: #f5f9fa;
}
.panel .faktury .table tbody:last-child td {
border-bottom: 0px;
}
.panel .rabaty .rabat-actual2 {
padding: 15px;
text-align: center;
background: #1ca1b6;
max-width: 100%;
width: 100%;
margin: 0px auto 30px 0px;
color: #FFF;
}
.panel .rabaty .rabat-actual2 b,
.panel .rabaty .rabat-actual2 strong {
font-size: 24px;
display: block;
}
.panel .rabaty .rabat-actual {
padding-bottom: 10px;
}
.panel .rabaty .rabat-actual b {
color: #1ca1b6;
}
.panel .rabaty .rabat-years {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px -5px 10px -5px;
}
.panel .rabaty .rabat-years > div {
width: 50%;
padding: 0px 5px 10px 5px;
}
@media (max-width: 991px) {
.panel .rabaty .rabat-years > div {
width: 100%;
}
}
.panel .rabaty .rabat-years > div > div {
background: #ebf3f6;
padding: 10px 15px;
}
.panel .rabaty .table th {
font-size: 12px;
border-bottom: 1px solid #d7e2e6;
font-weight: 400;
padding: 10px 15px;
border-top: 0px;
width: 50%;
}
.panel .rabaty .table td {
padding: 10px 15px;
width: 50%;
}
.panel .rabaty .table .highlight td {
color: #fff;
background: #1ca1b6;
font-weight: bold;
}
.panel .rabaty .table tr:nth-child(odd) td {
background: #f5f9fa;
}
.panel-cennik > div {
width: 100%;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
margin-bottom: 20px;
border-bottom: 1px solid #d7e2e6;
padding-bottom: 20px;
}
.panel-cennik > div:last-child {
border-bottom: 0px;
}
@media (max-width: 991px) {
.panel-cennik > div {
display: block;
}
}
.panel-cennik > div > div {
width: 100%;
}
.panel-cennik > div > div:first-child {
width: 30%;
}
@media (max-width: 991px) {
.panel-cennik > div > div:first-child {
margin-bottom: 20px;
width: 100%;
}
}
.product-hint {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
padding: 10px 15px;
border-bottom: 1px solid #d7e2e6;
position: relative;
cursor: pointer;
font-size: 14px;
}
.product-hint:hover {
background: rgba(215, 226, 230, 0.5);
}
.product-hint .image {
min-width: 60px;
margin-right: 15px;
border: 1px solid #d7e2e6;
}
/** Sphinx */
.product-sphinx {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
margin-bottom: 20px;
}
.product-sphinx .image {
max-width: 98px;
border: 1px solid #d7e2e6;
}
.product-sphinx .description {
padding-left: 15px;
}
.product-sphinx .description .name {
margin-bottom: 10px;
font-weight: bold;
}
.product-sphinx .description .name a {
color: inherit;
}
.product-sphinx .description .prices .price-old {
text-decoration: line-through;
color: #94a3b8;
}
.product-sphinx .description .prices .price-current {
color: #d00307;
}
/** Wyszukiwaka - podpowiedzi forma standardowa */
.search-hints {
position: absolute;
left: 0px;
top: 100%;
width: 100%;
min-width: 400px;
max-width: 700px;
margin-top: -1px;
background: #FFF;
z-index: 12000;
border: 1px solid #d7e2e6;
}
.search-hints .hints {
width: 100%;
padding: 15px;
border-bottom: 1px solid #d7e2e6;
font-size: 13px;
}
.search-hints .hints span {
color: #000000;
}
.search-hints .hints span:first-child {
color: #94a3b8;
}
.search-hints .hints span.hint {
cursor: pointer;
margin: 0px 5px 0px 0px;
padding: 0px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #1ca1b6;
color: #ffffff;
}
.search-hints .hints span.hint:hover {
background: #198da0;
}
.search-hints .total-items {
text-align: center;
display: block;
padding: 15px;
color: #000000 !important;
font-size: 13px;
}
.search-hints .total-items span {
padding: 0px 5px;
background: #d00307;
color: #ffffff;
text-decoration: none;
}
/** Wyszukiwarka - podpowiedzi forma pełna - sphinx */
#search_preview {
position: absolute;
top: 100%;
left: 0px;
right: 0px;
z-index: 101;
}
#search_preview.loading {
min-height: 200px;
background: #ffffff url('/img/static/loader-thin.svg') center center no-repeat;
background-size: 50px 50px !important;
}
.is-sphinx #search_preview {
position: fixed;
top: 118px;
bottom: 0px;
overflow: auto;
}
#search_empty {
position: absolute;
top: 100%;
left: 0px;
right: 0px;
z-index: 102;
background: #FFF;
border: 1px solid #d7e2e6;
margin-top: -1px;
padding: 7px 15px;
}
#search_last_search {
position: absolute;
top: 100%;
left: 0px;
right: 0px;
z-index: 102;
background: #FFF;
border: 1px solid #d7e2e6;
margin-top: -1px;
}
#search_last_search .items div {
padding: 7px 15px;
font-weight: bold;
border-bottom: 1px solid #d7e2e6;
}
#search_last_search .items a {
padding: 5px 15px;
display: block;
border-bottom: 1px solid #d7e2e6;
color: #000000;
}
#search_last_search .items a::before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\004e';
font-size: 12px;
vertical-align: middle;
color: #94a3b8;
margin-right: 10px;
}
#search_last_search .items a:last-child {
border-bottom: 0px;
}
.search-sphinx {
background: #FFF;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.search-sphinx .hints {
width: 100%;
padding: 15px;
border-bottom: 1px solid #d7e2e6;
}
.search-sphinx .hints span {
color: #000000;
}
.search-sphinx .hints span:first-child {
color: #94a3b8;
}
.search-sphinx .hints span.hint {
cursor: pointer;
margin-left: 10px;
}
.search-sphinx .hints span.hint::before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\0056';
font-size: 9px;
margin-right: 5px;
color: #1ca1b6;
}
.search-sphinx .hints span.hint:hover {
color: #1ca1b6;
}
.search-sphinx .results {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
}
.search-sphinx .results .items {
width: 100%;
padding: 30px;
}
.search-sphinx .results .items .total-items {
margin: 0px -30px -30px;
text-align: center;
display: block;
padding: 15px;
border-top: 1px solid #d7e2e6;
color: #1ca1b6;
}
.search-sphinx .results .categories {
width: 30%;
background: rgba(215, 226, 230, 0.5);
}
.search-sphinx .results .categories a {
padding: 15px 30px;
display: block;
border-bottom: 1px solid #d7e2e6;
color: #000000;
}
.search-sphinx .results .categories a:last-child {
border-bottom: 0px;
}
/** Ikony */
.table-steps {
width: 100%;
margin-bottom: 30px;
display: table;
}
@media (max-width: 480px) {
.table-steps {
display: block;
}
}
.table-steps .steps-head {
display: table-row;
}
@media (max-width: 480px) {
.table-steps .steps-head {
display: none;
}
}
.table-steps .steps-head div {
display: table-cell;
background: #ebf3f6;
border-top: 1px solid #d7e2e6;
border-bottom: 1px solid #d7e2e6;
padding: 10px;
font-weight: 400;
font-size: 12px;
border-right: 1px solid #d7e2e6;
color: rgba(30, 90, 124, 0.5);
}
.table-steps .steps-head div:last-child {
border-right: 0px;
}
.table-steps .steps-row {
display: table-row;
}
@media (max-width: 480px) {
.table-steps .steps-row {
display: block;
}
}
.table-steps .steps-row div {
display: table-cell;
border-bottom: 1px solid #d7e2e6;
border-right: 1px solid #d7e2e6;
padding: 10px;
}
@media (max-width: 480px) {
.table-steps .steps-row div {
padding: 0px;
border-right: 0px;
display: block;
}
.table-steps .steps-row div:before {
content: attr(data-content);
display: inline-block;
width: 50%;
background: #ebf3f6;
color: #000000;
font-weight: 400;
font-size: 13px;
padding: 10px 10px;
margin-right: 20px;
}
}
.table-steps .steps-row div:not(:first-child) {
font-weight: bold;
color: #1ca1b6;
}
.table-steps .steps-row div:first-child {
font-size: 12px;
}
@media (max-width: 480px) {
.table-steps .steps-row div:first-child {
font-size: 13px;
}
}
.table-steps .steps-row div:last-child {
border-right: 0px;
}
.product-icons {
margin-bottom: 10px;
}
.product-icons .ico-nowosc::before,
.product-icons .ico-polecamy::before,
.product-icons .ico-bestseller::before,
.product-icons .ico-promocja::before,
.product-icons .ico-wyprzedaz::before,
.product-icons .ico-okazja .ico-zapowiedz::before {
background: #1ca1b6;
color: #ffffff;
content: "";
padding: 0px 8px;
height: 24px;
line-height: 24px;
font-size: 11px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
display: inline-block;
background-repeat: no-repeat;
z-index: 10;
}
.product-icons .ico-nowosc.ico-promocja::before,
.product-icons .ico-polecamy.ico-promocja::before,
.product-icons .ico-bestseller.ico-promocja::before,
.product-icons .ico-promocja.ico-promocja::before,
.product-icons .ico-wyprzedaz.ico-promocja::before,
.product-icons .ico-okazja .ico-zapowiedz.ico-promocja::before {
background: #d71a1a;
}
.product-icons .ico-nowosc.ico-okazja[data-rabat]::before,
.product-icons .ico-polecamy.ico-okazja[data-rabat]::before,
.product-icons .ico-bestseller.ico-okazja[data-rabat]::before,
.product-icons .ico-promocja.ico-okazja[data-rabat]::before,
.product-icons .ico-wyprzedaz.ico-okazja[data-rabat]::before,
.product-icons .ico-okazja .ico-zapowiedz.ico-okazja[data-rabat]::before {
content: attr(data-rabat);
}
html[lang="pl"] .ico-nowosc::before {
content: "Nowość";
}
html[lang="pl"] .ico-polecamy::before {
content: "Polecamy";
}
html[lang="pl"] .ico-bestseller::before {
content: "Bestseller";
}
html[lang="pl"] .ico-promocja::before {
content: "Promocja";
}
html[lang="pl"] .ico-wyprzedaz::before {
content: "Wyprzedaż";
}
html[lang="pl"] .ico-zapowiedz::before {
content: "Zapowiedź";
}
html[lang="pl"] .ico-okazja::before {
content: 'Okazja';
}
html[lang="en"] .ico-nowosc::before {
content: "New";
}
html[lang="en"] .ico-polecamy::before {
content: "Recommended";
}
html[lang="en"] .ico-bestseller::before {
content: "Bestseller";
}
html[lang="en"] .ico-promocja::before {
content: "Special offer";
}
html[lang="en"] .ico-wyprzedaz::before {
content: "Sale";
}
html[lang="en"] .ico-zapowiedz::before {
content: "Announcement";
}
html[lang="en"] .ico-okazja::before {
content: 'Opportunity';
}
html[lang="fr"] .ico-nowosc::before {
content: "Nouveauté";
}
html[lang="fr"] .ico-polecamy::before {
content: "Recommandons";
}
html[lang="fr"] .ico-bestseller::before {
content: "Bestseller";
}
html[lang="fr"] .ico-promocja::before {
content: "Offre spéciale";
}
html[lang="fr"] .ico-wyprzedaz::before {
content: "Vente";
}
html[lang="fr"] .ico-zapowiedz::before {
content: "Annonce";
}
html[lang="fr"] .ico-okazja::before {
content: 'Opportunité';
}
html[lang="de"] .ico-nowosc::before {
content: "Neuheit";
}
html[lang="de"] .ico-polecamy::before {
content: "Wir empfehlen";
}
html[lang="de"] .ico-bestseller::before {
content: "Bestseller";
}
html[lang="de"] .ico-promocja::before {
content: "Sonderangebot";
}
html[lang="de"] .ico-wyprzedaz::before {
content: "Verkauf";
}
html[lang="de"] .ico-zapowiedz::before {
content: "Bekanntmachung";
}
html[lang="de"] .ico-okazja::before {
content: 'Preischance';
}
html[lang="it"] .ico-nowosc::before {
content: "Novità";
}
html[lang="it"] .ico-polecamy::before {
content: "Noi raccomandiamo";
}
html[lang="it"] .ico-bestseller::before {
content: "Bestseller";
}
html[lang="it"] .ico-promocja::before {
content: "Offerta speciale";
}
html[lang="it"] .ico-wyprzedaz::before {
content: "Vendita";
}
html[lang="it"] .ico-zapowiedz::before {
content: "Annuncio";
}
html[lang="it"] .ico-okazja::before {
content: 'Opportunità';
}
html[lang="es"] .ico-nowosc::before {
content: "Novedad";
}
html[lang="es"] .ico-polecamy::before {
content: "Recomendamos";
}
html[lang="es"] .ico-bestseller::before {
content: "Bestseller";
}
html[lang="es"] .ico-promocja::before {
content: "Oferta especial";
}
html[lang="es"] .ico-wyprzedaz::before {
content: "Venta";
}
html[lang="es"] .ico-zapowiedz::before {
content: "Anuncio";
}
html[lang="es"] .ico-okazja::before {
content: 'Oportunidad';
}
.products-list {
margin: 0px -15px;
}
.special-offer {
margin-bottom: 20px;
}
.special-offer strong {
display: block;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
.special-offer .price-old {
font-size: 13px;
color: #000000;
text-decoration: line-through;
margin-right: 10px;
display: inline-block;
}
.special-offer .price-current {
font-weight: 600;
font-size: 16px;
color: #d71a1a;
display: inline-block;
}
.special-offer .price-szt {
font-size: 13px;
display: inline-block;
}
.special-offer .price-old + .price-current {
color: #d92861;
}
.product-item {
padding: 0px 15px;
margin-bottom: 30px;
}
.product-item .el-button-small {
margin-top: 15px;
height: 50px;
}
.product-item .el-button {
min-width: 100%;
text-align: center;
}
.product-item > div {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
border: 1px solid #d7e2e6;
padding: 0px 30px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
@media (max-width: 540px) {
.product-item > div {
display: block;
padding: 20px;
}
}
.product-item > div .item-image {
margin-right: 30px;
margin-left: -30px;
max-width: 220px;
min-width: 220px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
@media (max-width: 991px) {
.product-item > div .item-image {
max-width: 160px;
min-width: 160px;
}
}
@media (max-width: 540px) {
.product-item > div .item-image {
max-width: 200px;
min-width: 200px;
margin: 0px auto 20px auto;
}
}
@media (min-width: 541px) {
.product-item > div .item-image:after {
position: absolute;
right: 0px;
top: 30px;
bottom: 30px;
width: 1px;
background: #d7e2e6;
content: " ";
}
}
.product-item > div .item-description {
width: 100%;
padding: 20px 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
@media (max-width: 1200px) {
.product-item > div .item-description {
display: block;
}
}
@media (max-width: 540px) {
.product-item > div .item-description {
padding: 0px;
}
}
.product-item > div .item-description .info-section .cat {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
}
.product-item > div .item-description .info-section .specification .specification-row {
line-height: 1.6;
}
.product-item > div .item-description .info-section .specification .specification-row span {
color: #1e5a7c;
}
.product-item > div .item-description .price-section {
min-width: 230px;
max-width: 230px;
margin-left: 20px;
}
@media (max-width: 1200px) {
.product-item > div .item-description .price-section {
min-width: 100%;
max-width: 100%;
margin: 15px 0px 0px 0px;
}
}
.product-item > div .item-description .price-section .store,
.product-item > div .item-description .price-section .price-range {
margin-bottom: 10px;
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
}
.product-item > div .item-description .price-section .store span,
.product-item > div .item-description .price-section .price-range span {
color: #000000;
display: block;
}
.product-item > div .item-description .price-section .prices .price-old {
font-size: 13px;
color: #000000;
text-decoration: line-through;
margin-right: 10px;
}
.product-item > div .item-description .price-section .prices .price-current {
font-weight: 600;
font-size: 16px;
color: #1e5a7c;
}
.product-item > div .item-description .price-section .prices .price-old + .price-current {
color: #d92861;
}
.product-item > div .item-description .price-section .price-value {
font-weight: 600;
font-size: 16px;
color: #1ca1b6 !important;
}
@media (max-width: 991px) {
.product-item > div .item-description .price-section .el-button {
margin-top: 20px;
}
}
@media (max-width: 540px) {
.product-item > div .item-description .price-section .el-button {
text-align: center;
width: 100% !important;
}
}
/** Karta produktu */
.product-single {
padding-bottom: var(--layout-margin);
}
.product-single .product-single-content {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: 0px -15px;
}
.product-single .product-single-content::after {
clear: both;
display: block;
content: " ";
}
.product-single .product-single-content .heading.pull-right {
width: 50%;
padding: 0px 15px;
float: right;
}
@media (max-width: 767px) {
.product-single .product-single-content .heading.pull-right {
float: none !important;
width: 100%;
}
}
.product-single .product-single-content .heading h1 {
margin: 0px 0px 20px 0px;
font-size: 23px;
}
.product-single .product-single-content .heading .category {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
}
.product-single .product-single-content .images {
width: 50%;
float: left;
padding: 0px 15px;
position: relative;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.product-single .product-single-content .images {
float: none !important;
width: 100%;
}
}
.product-single .product-single-content .images .product-icons {
position: absolute;
top: 10px;
left: 25px;
z-index: 20;
}
.product-single .product-single-content .images .made-in {
position: absolute;
top: 15px;
right: 35px;
width: 100px;
z-index: 10;
}
.product-single .product-single-content .images .made-in > img {
width: 100px;
height: auto;
margin-bottom: 10px;
}
.product-single .product-single-content .images .slider-product .owl-nav {
margin: 0px;
}
.product-single .product-single-content .images .slider-product .owl-nav .owl-prev,
.product-single .product-single-content .images .slider-product .owl-nav .owl-next {
position: absolute;
left: 30px;
top: 50%;
margin: -25px 0px 0px 0px;
width: 50px;
height: 50px;
border: 1px solid #d7e2e6;
background: #FFF;
cursor: pointer;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
@media (max-width: 767px) {
.product-single .product-single-content .images .slider-product .owl-nav .owl-prev,
.product-single .product-single-content .images .slider-product .owl-nav .owl-next {
left: 10px;
}
}
.product-single .product-single-content .images .slider-product .owl-nav .owl-prev:before,
.product-single .product-single-content .images .slider-product .owl-nav .owl-next:before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 12px;
color: #1e5a7c;
content: '\0055';
}
.product-single .product-single-content .images .slider-product .owl-nav .owl-prev.owl-next,
.product-single .product-single-content .images .slider-product .owl-nav .owl-next.owl-next {
left: auto;
right: 30px;
}
@media (max-width: 767px) {
.product-single .product-single-content .images .slider-product .owl-nav .owl-prev.owl-next,
.product-single .product-single-content .images .slider-product .owl-nav .owl-next.owl-next {
right: 10px;
}
}
.product-single .product-single-content .images .slider-product .owl-nav .owl-prev.owl-next:before,
.product-single .product-single-content .images .slider-product .owl-nav .owl-next.owl-next:before {
content: '\0056';
}
.product-single .product-single-content .images .slider-product .images-carousel {
border: 1px solid #d7e2e6;
}
.product-single .product-single-content .images .slider-product .images-carousel .owl-dots {
margin: 0px !important;
padding: 0px !important;
display: none !important;
}
.product-single .product-single-content .images .slider-product .images-carousel .item video {
display: block;
width: 100%;
height: auto !important;
}
.product-single .product-single-content .images .slider-product .images-carousel .item img {
width: auto;
max-width: 100%;
}
.product-single .product-single-content .images .slider-product .thumbs {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px -5px;
}
.product-single .product-single-content .images .slider-product .thumbs .thumb {
padding: 0px 5px;
margin-top: 10px;
cursor: pointer;
}
.product-single .product-single-content .images .slider-product .thumbs .thumb.has-play {
position: relative;
}
.product-single .product-single-content .images .slider-product .thumbs .thumb.has-play::after {
width: 40px;
height: 40px;
top: 50%;
left: 50%;
margin: -20px 0px 0px -20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #ffffff url('/img/i-play.svg') no-repeat;
background-size: 100% auto !important;
content: " ";
position: absolute;
}
.product-single .product-single-content .images .slider-product .thumbs .thumb img {
border: 1px solid #d7e2e6;
}
.product-single .product-single-content .images .slider-product .thumbs .thumb.in img {
border-color: #1ca1b6;
}
.product-single .product-single-content .description.has-image {
width: 50%;
float: right;
padding: 0px 15px;
}
@media (max-width: 767px) {
.product-single .product-single-content .description.has-image {
width: 100%;
float: none;
}
}
.product-single .product-single-content .description .data {
margin-bottom: 0px;
}
.product-single .product-single-content .description .data .data-row {
padding: 3px 0px;
}
.product-single .product-single-content .description .data .data-row span {
color: #1e5a7c;
}
.product-single .product-single-content .description .data .data-row.store {
color: rgba(28, 161, 182, 0.5);
padding: 10px 0px 10px 40px;
background: url('/img/i-store.svg') left center no-repeat;
background-size: 31px auto !important;
margin-bottom: 20px;
color: rgba(30, 90, 124, 0.5);
}
.product-single .product-single-content .description .data .data-row.store span {
color: #000;
}
.product-single .product-single-content .description .data .data-row.delivery {
color: rgba(28, 161, 182, 0.5);
padding: 10px 0px 10px 40px;
background: url('/img/i-delivery.svg') left center no-repeat;
background-size: 31px auto !important;
margin-bottom: 20px;
color: rgba(30, 90, 124, 0.5);
}
.product-single .product-single-content .description .data .data-row.delivery span {
color: #000;
}
.product-single .product-single-content .description .product-buttons {
margin-bottom: 20px;
font-size: 13px;
}
.product-single .product-single-content .description .order-product {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 35px;
}
.product-single .product-single-content .description .order-product .el-button,
.product-single .product-single-content .description .order-product .button {
margin: 15px 20px 0px 0px !important;
}
@media (max-width: 480px) {
.product-single .product-single-content .description .order-product .el-button,
.product-single .product-single-content .description .order-product .button {
margin: 15px 0px 0px 0px !important;
width: 100% !important;
text-align: center;
}
}
.product-single .product-single-content .description .prices {
margin-bottom: 35px;
}
.product-single .product-single-content .description .prices .h4 {
margin: 0px 0px 10px 0px;
font-size: 14px;
}
.product-single .product-single-content .description .prices .product-single-versions {
margin-top: 30px;
}
.product-single .product-single-content .description .prices .product-single-versions .offers-div {
display: none;
}
.product-single .product-single-content .description .prices .product-single-versions .select .bootstrap-select .dropdown-toggle {
outline: 0px !important;
}
.product-single .product-single-content .description .prices .w_kartonie {
padding-top: 10px;
}
.product-single .product-single-content .description .prices .price-section .amount {
margin: 15px 20px 0px 0px;
width: 120px;
padding: 0px 0px;
border: 1px solid #d7e2e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
@media (max-width: 480px) {
.product-single .product-single-content .description .prices .price-section .amount {
width: 100%;
margin: 15px 0px 0px 0px;
}
}
.product-single .product-single-content .description .prices .price-section .amount input {
width: 100%;
height: 40px;
line-height: 40px;
padding: 0px 10px;
text-align: center;
border: 0px !important;
outline: 0px !important;
}
.product-single .product-single-content .description .prices .price-section .amount .down,
.product-single .product-single-content .description .prices .price-section .amount .up {
width: 40px;
height: 40px;
position: absolute;
left: 0px;
top: 0px;
color: #1ca1b6;
cursor: pointer;
}
.product-single .product-single-content .description .prices .price-section .amount .down:before,
.product-single .product-single-content .description .prices .price-section .amount .up:before {
content: "\0046";
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 10px;
color: #1e5a7c;
}
.product-single .product-single-content .description .prices .price-section .amount .down.up,
.product-single .product-single-content .description .prices .price-section .amount .up.up {
left: auto;
right: 0px;
}
.product-single .product-single-content .description .prices .price-section .amount .down.up:before,
.product-single .product-single-content .description .prices .price-section .amount .up.up:before {
content: "\004b";
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 10px;
color: #1e5a7c;
}
.product-single .product-single-content .description .prices .price-section .price-values {
margin: 20px 0px;
}
.product-single .product-single-content .description .prices .price-section .price-values .price-old {
display: inline-block;
margin-right: 15px;
text-decoration: line-through;
color: #000000;
}
.product-single .product-single-content .description .prices .price-section .price-values .price-old + .price-current {
color: #d92861 !important;
}
.product-single .product-single-content .description .prices .price-section .price-values .price-current {
display: inline-block;
color: #1e5a7c;
font-size: 33px;
}
.product-single .product-single-content .description .prices .price-section .price-values .price-30 {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
}
.product-single .product-single-content .description .prices .price-section #product-cart {
margin: 10px 0px 0px 0px;
display: block;
width: 100%;
background: #1ca1b6;
padding: 15px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 0px;
box-shadow: none;
outline: 0px !important;
}
.product-single .product-single-content .description .prices .price-section #product-cart span {
display: table;
margin: 0px auto;
color: #FFF;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
height: 30px;
line-height: 30px;
padding-left: 50px;
}
.product-single .product-single-content .description .prices .price-section #product-cart span:before {
content: "\0059";
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
position: absolute;
left: 0px;
top: 50%;
margin-top: -15px;
}
.product-single .product-single-content .description .prices .ask {
border: 1px solid #d7e2e6;
margin-top: 10px;
padding: 15px 20px;
display: block;
color: #000000 !important;
text-decoration: none !important;
}
.product-single .product-single-content .description .prices .ask span {
display: table;
margin: 0px auto;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
height: 30px;
line-height: 30px;
padding-left: 50px;
color: #000000 !important;
}
.product-single .product-single-content .description .prices .ask span:before {
content: "\0048";
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
position: absolute;
left: 0px;
top: 50%;
margin-top: -15px;
}
.product-single .downloads a {
display: block;
padding: 12px 0px 12px 45px;
background-size: 31px auto !important;
border-top: 1px solid #d7e2e6;
color: #000000;
}
.product-single .downloads a:first-child {
border-top: 0px;
}
.product-single .downloads a.file-film {
display: block;
background: url('/img/i-file-video.svg') left center no-repeat;
}
.product-single .downloads a.file-instrukcja {
display: block;
background: url('/img/i-file-instrukcja.svg') left center no-repeat;
}
.product-single .downloads a.file-dokument {
display: block;
background: url('/img/i-file-dokument.svg') left center no-repeat;
}
.product-single .products-in-cart {
margin-top: 100px;
}
.product-single .products-in-cart .title-big {
margin-bottom: 50px;
}
/* Zakładki w karcie produktu */
.tabs,
.product-tabs {
margin: 30px 0px;
}
.tabs .nav-tabs,
.product-tabs .nav-tabs {
border: 0px;
margin: 0px !important;
}
.tabs .nav-tabs > li,
.product-tabs .nav-tabs > li {
display: inline-block;
margin: 0px !important;
}
.tabs .nav-tabs > li > a,
.product-tabs .nav-tabs > li > a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #FFF !important;
color: #000000 !important;
border: 0px !important;
margin: 0px 15px 0px 0px !important;
padding: 10px 20px;
}
.tabs .nav-tabs > li:active a,
.product-tabs .nav-tabs > li:active a,
.tabs .nav-tabs > li:hover a,
.product-tabs .nav-tabs > li:hover a,
.tabs .nav-tabs > li.active a,
.product-tabs .nav-tabs > li.active a {
color: #1ca1b6 !important;
}
.tabs .tab-content,
.product-tabs .tab-content {
padding: 20px;
border: 1px solid #d7e2e6;
}
.tabs .tab-content:after,
.product-tabs .tab-content:after {
clear: both;
display: block;
content: " ";
}
.tabs .tab-content .tab-image,
.product-tabs .tab-content .tab-image {
border: 1px solid #d7e2e6;
float: left;
margin: 0px 20px 10px 0px;
}
@media (max-width: 580px) {
.tabs .tab-content .tab-image,
.product-tabs .tab-content .tab-image {
float: none;
margin: 0px auto 20px auto;
display: table;
}
}
.tabs .tab-content .tab-image.tab-image-right,
.product-tabs .tab-content .tab-image.tab-image-right {
float: right;
margin: 0px 0px 10px 20px;
}
@media (max-width: 580px) {
.tabs .tab-content .tab-image.tab-image-right,
.product-tabs .tab-content .tab-image.tab-image-right {
float: none;
margin: 0px auto 20px auto;
display: table;
}
}
.tabs .tab-content .tab-image img,
.product-tabs .tab-content .tab-image img {
max-width: 100%;
}
.tabs .tab-content .specyfikacja,
.product-tabs .tab-content .specyfikacja {
width: 600px;
max-width: 100%;
margin: 0px auto;
}
.tabs .tab-content .specyfikacja tr,
.product-tabs .tab-content .specyfikacja tr {
background: #FFF !important;
}
.tabs .tab-content .specyfikacja tr td,
.product-tabs .tab-content .specyfikacja tr td {
width: 50%;
background: #FFF !important;
border-bottom: 1px solid #d7e2e6;
color: #000000;
}
.tabs .tab-content .specyfikacja tr td:first-child,
.product-tabs .tab-content .specyfikacja tr td:first-child {
text-align: right;
color: #1ca1b6;
}
.tabs .tab-content .specyfikacja tr td a,
.product-tabs .tab-content .specyfikacja tr td a {
color: inherit !important;
}
.tabs .tab-content .table-koszty,
.product-tabs .tab-content .table-koszty,
.tabs .tab-content .table-costs,
.product-tabs .tab-content .table-costs {
max-width: 100%;
width: 100%;
margin: auto;
}
.tabs .tab-content table tr:first-child td,
.product-tabs .tab-content table tr:first-child td {
border-top: 0px;
}
/* Dodatkowe sekcje w karcie produktu */
.product-single-bottom .title-medium {
margin: 50px 0px 20px 0px;
}
/* Rotator produktów */
@media (max-width: 991px) {
.product-owl {
padding: 0px 20px;
}
}
.product-owl .owl-nav .owl-prev,
.product-owl .owl-nav .owl-next {
position: absolute;
left: -25px;
top: 50%;
width: 50px;
height: 50px;
background: #FFF !important;
border: 1px solid #d7e2e6 !important;
font-size: 12px;
margin: -25px 0px 0px 0px !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.product-owl .owl-nav .owl-prev:after,
.product-owl .owl-nav .owl-next:after {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
color: #1e5a7c;
content: "\0055";
}
.product-owl .owl-nav .owl-prev.owl-next,
.product-owl .owl-nav .owl-next.owl-next {
left: auto !important;
right: -25px;
}
.product-owl .owl-nav .owl-prev.owl-next:after,
.product-owl .owl-nav .owl-next.owl-next:after {
content: "\0056";
}
.product-owl .product-carousel-item {
display: none;
}
.product-owl .product-carousel-item:first-child {
display: block;
}
.product-owl .product-carousel-item .image {
border: 1px solid #d7e2e6;
margin-bottom: 25px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.product-owl .product-carousel-item .image img {
max-width: 100%;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.product-owl .product-carousel-item .image:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.product-owl .product-carousel-item .category {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
text-align: left;
}
.product-owl .product-carousel-item .h3 {
font-size: 16px;
font-weight: 600;
margin: 10px 0px 0px 0px;
text-align: left;
}
.products-magazyn {
margin: 0px 15px;
display: table;
}
.products-magazyn > .heading {
display: table-row;
}
@media (max-width: 580px) {
.products-magazyn > .heading {
display: block;
width: 100%;
}
}
.products-magazyn > .heading > div {
padding: 0px 10px 10px 0px;
color: rgba(30, 90, 124, 0.5);
display: table-cell;
margin-bottom: 15px;
font-size: 13px;
border-bottom: 1px solid #d7e2e6;
vertical-align: bottom;
}
@media (max-width: 580px) {
.products-magazyn > .heading > div {
display: block;
}
}
.products-magazyn > .heading > div span {
color: #000000;
}
.products-magazyn > .heading > div.heading-store {
width: 20%;
}
@media (max-width: 580px) {
.products-magazyn > .heading > div.heading-store,
.products-magazyn > .heading > div.heading-price {
display: none !important;
}
}
.products-magazyn .item {
display: table-row;
}
@media (max-width: 580px) {
.products-magazyn .item {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #d7e2e6;
padding: 10px 0px;
}
}
.products-magazyn .item:last-child > div {
border-bottom: 0px !important;
}
.products-magazyn .item > div {
display: table-cell;
padding: 10px 5px;
border-bottom: 1px solid #d7e2e6;
}
@media (max-width: 580px) {
.products-magazyn .item > div {
display: block;
padding: 0px 0px 10px 0px;
border-bottom: 0px;
}
.products-magazyn .item > div:before {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
content: attr(data-label);
}
}
@media (max-width: 580px) {
.products-magazyn .item > div.item-name {
width: 100%;
}
}
.products-magazyn .item > div.item-name > div {
width: 100%;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.products-magazyn .item > div.item-name > div .info-section {
width: 100%;
}
@media (max-width: 500px) {
.products-magazyn .item > div.item-name > div .info-section {
width: auto;
}
}
.products-magazyn .item > div.item-name > div .info-section .cat {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
}
.products-magazyn .item > div.item-name > div .info-section .h4 {
margin: 0px;
}
@media (max-width: 440px) {
.products-magazyn .item > div.item-name > div .info-section .h4 {
font-size: 15px;
}
}
.products-magazyn .item > div.item-name > div > a.image {
width: 100px;
max-width: 100px;
min-width: 100px;
margin-right: 20px;
position: relative;
}
@media (max-width: 440px) {
.products-magazyn .item > div.item-name > div > a.image {
width: 80px;
max-width: 80px;
min-width: 80px;
}
}
@media (max-width: 360px) {
.products-magazyn .item > div.item-name > div > a.image {
width: 60px;
max-width: 60px;
min-width: 60px;
}
}
.products-magazyn .item > div.item-name > div > a.image img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d7e2e6;
}
.products-magazyn .item > div.item-prices {
white-space: nowrap;
text-align: right;
}
@media (max-width: 580px) {
.products-magazyn .item > div.item-prices {
width: 100%;
white-space: normal;
text-align: center;
}
}
.products-magazyn .item > div.item-prices .price-old {
font-size: 13px;
color: #000000;
text-decoration: line-through;
display: block;
}
@media (max-width: 580px) {
.products-magazyn .item > div.item-prices .price-old {
display: inline;
}
}
.products-magazyn .item > div.item-prices .price-current {
font-weight: 600;
font-size: 16px;
color: #d71a1a;
}
.products-magazyn .item > div.item-prices .price-old + .price-current {
color: #d92861;
}
.products-magazyn .item > div.item-prices .price-szt {
font-size: 13px;
}
.timer-info {
border: 1px solid #d7e2e6;
margin: 10px 0px 20px 0px;
font-size: 12px;
padding: 7px 10px;
text-align: center;
}
.timer-info span {
border-bottom: 1px dotted #94a3b8;
}
.timer {
line-height: 30px;
padding-left: 0px;
font-size: 14px;
color: #1ca1b6;
margin-top: -20px;
}
.timer > img {
position: relative;
top: -2px;
margin: 0px 10px;
}
.timer.in-owl {
margin-left: 20px;
}
@media (max-width: 767px) {
.timer.in-owl {
display: block;
margin: 20px 0px 0px 0px;
}
}
.timer.in-product {
margin: 20px 0px 0px 0px;
padding: 15px;
border: 0px;
background: #d7e2e6;
text-align: left;
color: #000000;
}
.timer.in-product > b {
display: block;
line-height: normal;
font-weight: 400;
margin-bottom: 10px;
font-size: 14px;
color: #000000;
}
.timer.in-product > div > span {
border: 1px solid #1ca1b6;
background: #1ca1b6;
color: #FFF;
}
.timer > div {
display: inline-block;
color: #94a3b8;
font-size: 12px;
font-weight: 400;
}
.timer > div.timer-days:after {
content: "d";
}
.timer > div.timer-hours:after {
content: "h";
}
.timer > div.timer-minutes:after {
content: "m";
}
.timer > div.timer-seconds:after {
content: "s";
}
.timer > div span {
display: inline-block;
border: 1px solid #d7e2e6;
width: 24px;
text-align: center;
font-size: 18px;
color: #1ca1b6;
margin: 0px 2px;
}
.products-sets {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 40px;
padding-right: 20%;
}
@media (max-width: 991px) {
.products-sets {
padding: 0px 0px 200px 0px;
}
}
@media (max-width: 520px) {
.products-sets {
display: block;
}
}
.products-sets:before,
.products-sets:after {
clear: both;
display: block;
content: " ";
}
.products-sets .plus {
width: 40px;
height: 40px;
border: 2px solid #1ca1b6;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.products-sets .plus:before {
content: "\004b";
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #1ca1b6;
position: absolute;
left: 10px;
top: 10px;
}
@media (max-width: 1200px) {
.products-sets .plus {
width: 30px;
height: 30px;
min-width: 30px;
}
}
@media (max-width: 520px) {
.products-sets .plus {
margin: 10px auto;
}
}
.products-sets .plus:first-child {
display: none;
}
.products-sets .item {
width: 220px;
padding: 15px 0px;
}
@media (max-width: 520px) {
.products-sets .item {
margin: 0px auto;
width: 100%;
}
}
.products-sets .item .image {
padding: 10px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
text-align: center;
max-width: 220px;
width: 100%;
margin: 0px auto;
}
.products-sets .item .image .szt {
background: #1ca1b6;
position: absolute;
right: 10px;
top: 10px;
font-weight: bold;
font-size: 12px;
width: 28px;
height: 28px;
color: #FFF;
line-height: 28px;
text-align: center;
}
.products-sets .item .image img {
max-width: 100%;
}
.products-sets .item .description {
text-align: center;
padding-top: 15px;
}
.products-sets .item .description .h3 {
color: #000000;
margin: 0px;
font-size: 16px;
}
.products-sets .item .description .h3 a {
color: inherit;
display: block;
width: 100%;
text-align: center;
}
.products-sets .item .description .set-price {
font-weight: bold;
color: #1ca1b6;
margin-top: 15px;
}
.products-sets .summary {
background: #1ca1b6;
color: #FFF;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 20%;
padding: 30px 15px;
text-align: center;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 991px) {
.products-sets .summary {
width: 100%;
top: auto;
bottom: 0px;
padding: 20px 15px;
}
}
.products-sets .summary .summary-saving-percentage {
position: absolute;
right: 5px;
top: 5px;
background: #f20c2d;
color: #FFF;
padding: 5px 10px;
font-size: 12px;
}
.products-sets .summary > div:not(.summary-saving-percentage) {
width: 100%;
font-size: 16px;
color: #FFF;
padding: 30px 0px;
}
.products-sets .summary > div:not(.summary-saving-percentage) .summary-saving {
margin-bottom: 15px;
font-size: 18px;
}
.products-sets .summary > div:not(.summary-saving-percentage) .summary-price-old {
display: table;
margin: 0px auto 2px auto;
text-decoration: line-through;
color: rgba(255, 255, 255, 0.6);
font-size: 18px;
}
@media (max-width: 991px) {
.products-sets .summary > div:not(.summary-saving-percentage) .summary-price-old {
display: inline-block;
margin: 2px 5px;
}
}
.products-sets .summary > div:not(.summary-saving-percentage) .summary-price {
display: table;
margin: 0px auto;
font-size: 21px;
}
@media (max-width: 991px) {
.products-sets .summary > div:not(.summary-saving-percentage) .summary-price {
display: inline-block;
margin: 2px 5px;
}
}
.products-sets .summary > div:not(.summary-saving-percentage) .btn-cart {
display: table;
margin: 30px auto 0px auto;
background: #FFF;
padding: 8px 20px;
color: #1ca1b6;
border: 0px;
box-shadow: none;
font-weight: bold;
}
@media (max-width: 991px) {
.products-sets .summary > div:not(.summary-saving-percentage) .btn-cart {
margin: 20px auto 0px auto;
}
}
@media (max-width: 767px) {
.products-sets.sets-multiple {
display: block;
}
.products-sets.sets-multiple .plus {
margin: 10px auto;
}
.products-sets.sets-multiple .item {
margin: 0px auto;
width: 100%;
}
}
.oznaczenie {
position: absolute;
background: #d7e2e6;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding: 5px 10px;
right: 0px;
top: 0px;
}
.news-item {
margin-bottom: 60px;
padding: 0px 15px;
float: left;
}
.news-item.item-archiwalny {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 0.6;
opacity: .6;
}
@media ((min-width: 992px)) {
.news-item.has-sidebar {
width: 33.33333333%;
}
.news-item.has-sidebar:nth-child(3n + 1) {
clear: both;
}
.news-item.has-sidebar:nth-child(3n + 1 - 3) {
clear: both;
}
}
@media ((min-width: 481px)) and ((max-width: 991px)) {
.news-item.has-sidebar {
width: 50%;
}
.news-item.has-sidebar:nth-child(2n + 1) {
clear: both;
}
.news-item.has-sidebar:nth-child(2n + 1 - 2) {
clear: both;
}
}
@media ((max-width: 480px)) {
.news-item.has-sidebar {
width: 100%;
max-width: var(--image-width);
margin-left: auto;
margin-right: auto;
float: none;
}
}
@media ((min-width: 992px)) {
.news-item:not(.has-sidebar) {
width: 33.33333333%;
}
.news-item:not(.has-sidebar):nth-child(3n + 1) {
clear: both;
}
.news-item:not(.has-sidebar):nth-child(3n + 1 - 3) {
clear: both;
}
}
@media ((min-width: 481px)) and ((max-width: 991px)) {
.news-item:not(.has-sidebar) {
width: 50%;
}
.news-item:not(.has-sidebar):nth-child(2n + 1) {
clear: both;
}
.news-item:not(.has-sidebar):nth-child(2n + 1 - 2) {
clear: both;
}
}
@media ((max-width: 480px)) {
.news-item:not(.has-sidebar) {
width: 100%;
max-width: var(--image-width);
margin-left: auto;
margin-right: auto;
float: none;
}
}
.news-item > div .image {
max-width: var(--image-width);
width: 100%;
text-align: center;
margin-bottom: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.news-item > div .image img {
max-width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.news-item > div .description .date {
color: rgba(30, 90, 124, 0.5);
font-size: 13px;
margin-bottom: 10px;
}
.news-item > div .description .title-small {
margin: 0px 0px 20px 0px;
}
.news-item > div .description .description-body {
margin-bottom: 20px;
}
/** News w rotatorze */
.owl-item .news-item {
width: 100% !important;
padding: 0px;
}
.owl-item .news-rotator .news-item {
display: none;
}
.owl-item .news-rotator .news-item:first-child {
display: block;
}
.news-item-row {
margin-bottom: 30px;
padding: 0px 15px;
}
@media ((max-width: 480px)) {
.news-item-row {
width: 100%;
max-width: var(--image-width);
margin-left: auto;
margin-right: auto;
float: none;
}
}
.news-item-row > div {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0px -15px;
}
@media ((max-width: 768px)) {
.news-item-row > div {
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
@media ((max-width: 480px)) {
.news-item-row > div {
display: block;
margin: 0px;
}
}
.news-item-row > div .image {
min-width: var(--image-width);
width: 100%;
margin: 0px 15px;
text-align: center;
}
@media ((max-width: 991px)) {
.news-item-row > div .image {
min-width: 50%;
}
}
@media ((max-width: 480px)) {
.news-item-row > div .image {
margin: 0px;
margin-bottom: 15px;
}
}
.news-item-row > div .image img {
border: 1px solid #d7e2e6;
}
.news-item-row > div .description {
padding: 0px 15px;
margin-bottom: 15px;
}
@media ((max-width: 480px)) {
.news-item-row > div .description {
padding: 0px;
}
}
.news-item-row > div .description .date {
color: rgba(30, 90, 124, 0.5);
font-size: 13px;
margin-bottom: 10px;
}
.news-item-row > div .description .description-body {
margin-bottom: 15px;
}
.news-single {
max-width: 1030px;
padding: 0px 15px;
width: 100%;
margin: 0px auto;
}
.news-single .news-heading {
margin-bottom: 30px;
}
.news-single .news-heading h1 {
margin-bottom: 0px;
}
.news-single .news-heading .date {
margin-top: 20px;
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
}
.news-single .news-content {
margin-bottom: 60px;
}
.news-single .news-content .image {
max-width: var(--image-width);
width: 100%;
margin: 0px auto 30px auto;
position: relative;
}
.news-single .news-content .image img {
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.news-descriptions .item {
margin: 0px 0px 60px 0px;
}
@media (min-width: 992px) {
.news-descriptions .item > .row {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.news-descriptions .item > .row .pull-right {
order: 2;
}
}
.news-descriptions .item .image {
display: table;
margin: 0px auto;
}
@media (max-width: 767px) {
.news-descriptions .item .image {
margin: 0px auto 30px auto;
}
}
.news-descriptions .item .image img {
max-width: 100%;
height: auto !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
@media (min-width: 768px) {
.news-descriptions .item .image + .item-body {
margin-top: 30px;
}
}
.news-descriptions .item .item-body {
padding: 0px;
}
.news-descriptions .item .item-body .title-medium {
margin: 0px 0px 20px 0px;
}
.navbar-toggle {
position: absolute;
right: -5px;
top: 23px;
width: 40px;
height: 40px;
margin: 0px;
padding: 0px;
border: 0px;
float: none;
background: url('/img/i-toggle.svg') no-repeat;
background-size: 100% 100% !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.navbar-toggle.in {
background: url('/img/i-toggle-close.svg') no-repeat;
background-size: 100% 100% !important;
}
.navbar-left-toggle {
margin: 0px 0px 30px 0px;
background: #1ca1b6;
color: #FFF;
border: 0px;
padding: 10px 30px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.navbar-collapse-header {
margin: 0px !important;
padding: 0px !important;
}
.navbar-collapse-header.in {
overflow-y: visible;
}
.nav-header {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
float: none;
margin: 0px !important;
}
@media (max-width: 991px) {
.nav-header {
display: block;
}
}
.nav-header > li {
outline: 0px !important;
padding: 0px 10px;
}
.nav-header > li.count-4 {
min-width: 25%;
}
.nav-header > li.count-5 {
min-width: 20%;
}
.nav-header > li.count-6 {
min-width: 16.66666667%;
}
.nav-header > li.count-7 {
min-width: 14.28571429%;
}
.nav-header > li.count-8 {
min-width: 11.11111111%;
}
.nav-header > li.count-9 {
min-width: 11.11111111%;
}
.nav-header > li.count-10 {
min-width: 10%;
}
@media (max-width: 991px) {
.nav-header > li {
padding: 0px;
}
.nav-header > li:first-child > a {
border: 0px !important;
}
}
.nav-header > li > a {
color: #000000;
background: none !important;
font-size: 14px;
font-weight: 600;
display: table;
margin: 0px auto;
text-transform: uppercase;
height: 100%;
padding: 15px 0px;
text-align: center;
outline: 0px !important;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
@media (max-width: 991px) {
.nav-header > li > a {
text-align: left;
padding: 15px 20px 15px 0px;
display: block;
margin: 0px;
text-transform: none;
border-top: 1px solid #d7e2e6 !important;
}
}
@media (min-width: 992px) {
.nav-header > li > a:after {
content: " ";
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
height: 2px;
background: #1ca1b6;
width: 0px;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
}
.nav-header > li > span {
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 49px;
background: rgba(0, 0, 0, 0);
}
@media (max-width: 991px) {
.nav-header > li.mdropdown > a:before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\0054";
color: inherit;
font-size: 10px;
position: absolute;
right: 0px;
top: 18px;
}
}
@media (max-width: 991px) {
.nav-header > li.mdropdown.open > a:before {
content: "\0057" !important;
}
}
.nav-header > li.active > a:hover,
.nav-header > li.open > a:hover,
.nav-header > li:hover > a:hover,
.nav-header > li:active > a:hover,
.nav-header > li:focus > a:hover,
.nav-header > li.active > a:active,
.nav-header > li.open > a:active,
.nav-header > li:hover > a:active,
.nav-header > li:active > a:active,
.nav-header > li:focus > a:active,
.nav-header > li.active > a:focus,
.nav-header > li.open > a:focus,
.nav-header > li:hover > a:focus,
.nav-header > li:active > a:focus,
.nav-header > li:focus > a:focus,
.nav-header > li.active > a,
.nav-header > li.open > a,
.nav-header > li:hover > a,
.nav-header > li:active > a,
.nav-header > li:focus > a {
color: #1ca1b6;
}
.nav-header > li.active > a:hover:after,
.nav-header > li.open > a:hover:after,
.nav-header > li:hover > a:hover:after,
.nav-header > li:active > a:hover:after,
.nav-header > li:focus > a:hover:after,
.nav-header > li.active > a:active:after,
.nav-header > li.open > a:active:after,
.nav-header > li:hover > a:active:after,
.nav-header > li:active > a:active:after,
.nav-header > li:focus > a:active:after,
.nav-header > li.active > a:focus:after,
.nav-header > li.open > a:focus:after,
.nav-header > li:hover > a:focus:after,
.nav-header > li:active > a:focus:after,
.nav-header > li:focus > a:focus:after,
.nav-header > li.active > a:after,
.nav-header > li.open > a:after,
.nav-header > li:hover > a:after,
.nav-header > li:active > a:after,
.nav-header > li:focus > a:after {
width: 100%;
}
.nav-header > li.m1-883278120 > a {
color: #0fa327 !important;
}
.nav-header > li.m1-768740639 > a {
color: #d92861 !important;
}
@media (max-width: 991px) {
.nav-header > li.mdropdown.open > a:hover:before,
.nav-header > li.mdropdown.open > a:active:before,
.nav-header > li.mdropdown.open > a:focus:before,
.nav-header > li.mdropdown.open > a:before {
content: "\0054";
}
}
.nav-header > li .dropdown-menu {
background: #FFF !important;
border: 0px;
padding: 10px 0px;
margin: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
left: 0px;
right: auto;
}
.nav-header > li .dropdown-menu > li {
width: 100%;
}
.nav-header > li .dropdown-menu > li.m2 a,
.nav-header > li .dropdown-menu > li.m2 span {
padding: 6px 20px;
background: none !important;
font-size: 15px;
}
@media (max-width: 991px) {
.nav-header > li .dropdown-menu > li.m2 a,
.nav-header > li .dropdown-menu > li.m2 span {
font-size: 14px;
}
}
.nav-header > li .dropdown-menu > li.m2:hover > a,
.nav-header > li .dropdown-menu > li.m2.active > a {
color: #1ca1b6 !important;
}
.nav-header > li .dropdown-menu.columns {
padding: 50px 0px;
margin: 0px -15px;
}
@media (max-width: 991px) {
.nav-header > li .dropdown-menu.columns {
padding: 5px 5px 20px 5px;
margin: 0px;
background: #FFF;
}
}
@media (min-width: 992px) {
.nav-header > li .dropdown-menu.columns:before {
content: " ";
position: absolute;
left: -85px;
right: -85px;
top: 0px;
bottom: 0px;
background: #FFF;
pointer-events: none;
}
}
.nav-header > li .dropdown-menu.columns > li {
padding: 0px 15px;
}
.nav-header > li .dropdown-menu.columns-2 > li {
width: 50%;
}
@media (max-width: 580px) {
.nav-header > li .dropdown-menu.columns-2 > li {
width: 100%;
}
}
.nav-header > li .dropdown-menu.columns-3 > li {
width: 33.33333333%;
}
@media (max-width: 767px) {
.nav-header > li .dropdown-menu.columns-3 > li {
width: 100%;
}
}
.nav-header > li .dropdown-menu.columns-4 > li {
width: 25%;
}
@media (max-width: 991px) {
.nav-header > li .dropdown-menu.columns-4 > li {
width: 50%;
}
}
@media (max-width: 580px) {
.nav-header > li .dropdown-menu.columns-4 > li {
width: 100%;
}
}
@media (min-width: 992px) {
.nav-header > li.has-columns {
position: static;
}
}
.nav-header > li.has-columns .dropdown-menu {
left: 15px;
right: 15px;
}
.nav-header > li.has-columns .dropdown-menu > li {
position: relative;
}
@media (min-width: 992px) {
.nav-header > li.has-columns .dropdown-menu > li:after {
width: 1px;
top: 0px;
right: 20px;
bottom: 0px;
background: #d7e2e6;
content: " ";
position: absolute;
}
}
.nav-header > li.has-columns .dropdown-menu > li:last-child:after {
display: none;
}
.nav-header > li.has-columns .dropdown-menu .nav {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nav-header > li.has-columns .dropdown-menu .nav .m2 {
width: 100% !important;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.nav-header > li.has-columns .dropdown-menu .nav .m2 {
margin: 15px 0px 10px 0px;
}
}
.nav-header > li.has-columns .dropdown-menu .nav .m2 > a,
.nav-header > li.has-columns .dropdown-menu .nav .m2 > span {
background: none !important;
color: #000000;
font-size: 13px;
display: block;
font-weight: bold;
padding: 0px;
text-transform: uppercase;
}
.nav-header > li.has-columns .dropdown-menu .nav .m3 > a {
color: #000000;
font-size: 16px;
padding: 4px 0px;
display: block;
background: #FFF;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
@media (max-width: 991px) {
.nav-header > li.has-columns .dropdown-menu .nav .m3 > a {
font-size: 14px;
}
}
.nav-header > li.has-columns .dropdown-menu .nav .m3:hover > a,
.nav-header > li.has-columns .dropdown-menu .nav .m3.active > a,
.nav-header > li.has-columns .dropdown-menu .nav .m3.selected > a {
color: #1ca1b6;
}
.nav-header > li.has-columns .dropdown-menu .nav.items-1 > li {
width: 100%;
}
.nav-header > li.has-columns .dropdown-menu .nav.items-2 > li {
width: 50%;
}
.nav-header > li.has-columns .dropdown-menu .nav.items-3 > li {
width: 33.33333333%;
}
@media (max-width: 991px) {
.nav-header > li.has-columns .dropdown-menu .nav.items-3 > li {
width: 50%;
}
}
.nav-header > li.open .dropdown-menu {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/** Menu lewe */
#sidebar {
margin: 0px 0px 60px 0px;
}
#sidebar #filtry .title-filter {
margin: 40px 0px 15px 0px;
font-size: 13px;
font-weight: 400;
color: rgba(30, 90, 124, 0.5);
}
#sidebar #filtry .form-group {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
#sidebar #filtry .form-group .form-checkbox label {
color: #000000;
}
@media (max-width: 991px) {
#sidebar #filtry .form-group .form-checkbox label {
font-size: 14px;
}
}
#sidebar #filtry .form-group .form-checkbox label a {
color: inherit;
}
#sidebar #filtry .form-group .more {
padding-left: 30px;
}
#sidebar #filtry .form-group .more .el-filter-more {
font-size: 13px;
color: #1e5a7c;
}
#sidebar #filtry .form-group .price-group {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
#sidebar #filtry .form-group .price-group div {
width: 45%;
}
#sidebar #filtry .form-group .price-group div:nth-child(2) {
width: 10%;
text-align: center;
}
.nav-left {
border-top: 1px solid #d7e2e6;
}
.nav-left li {
display: block;
}
.nav-left li a {
display: block;
color: inherit;
padding: 10px 15px;
}
.nav-left li.m1 > a {
font-size: 16px;
padding: 15px 20px 15px 0px;
position: relative;
border-bottom: 1px solid #d7e2e6;
background: #FFF !important;
}
@media (max-width: 991px) {
.nav-left li.m1 > a {
padding: 10px 20px 10px 0px;
font-size: 14px;
}
}
.nav-left li.m1 > a::before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\0056';
position: absolute;
right: 0px;
top: 50%;
margin-top: -7px;
font-size: 10px;
color: #1e5a7c;
}
.nav-left li.m1.active > a,
.nav-left li.m1:hover > a {
color: #1ca1b6;
}
.nav-left li.m2 > a {
color: rgba(0, 0, 0, 0.8);
font-size: 13px;
background: rgba(215, 226, 230, 0.2);
padding: 8px 15px 8px 15px;
border-left: 1px solid #d7e2e6;
border-right: 1px solid #d7e2e6;
}
.nav-left li.m2:hover > a,
.nav-left li.m2.active > a {
color: #1ca1b6;
}
.nav-left li.m2:hover > a::before,
.nav-left li.m2.active > a::before {
background: #1ca1b6;
}
.nav-left li.m2 + .m1 {
border-top: 1px solid #d7e2e6;
}
/** Menu dolne */
.nav-footer > li {
display: block;
}
.nav-footer > li > a {
display: block;
padding: 5px 0px;
}
:root {
--layout-margin: 60px;
}
@media (min-width: 991px) {
:root .body.page11111 {
--layout-margin: 100px;
}
}
.main-body {
background: #FFF;
max-width: 1400px;
width: 100%;
margin: 0px auto;
padding-bottom: 1px;
}
.section {
margin-bottom: var(--layout-margin);
}
.section.section-1524181663 {
background: #FFF !important;
width: 100%;
margin-bottom: 0px !important;
}
.section.section-1524181663 .layout-image-center-left .layout-description {
padding: 60px 0px;
}
@media (max-width: 767px) {
.section.section-1524181663 .layout-image-center-left .layout-description {
padding-top: 0px;
}
}
.section.section-products-left-background,
.section.section-products-right-background {
margin-bottom: 0px !important;
}
.section.section-1457023368 .layout-products-right-background .background {
background: #f2f3f3;
}
.section.section-517885164 .layout-products-right-background .background {
background: #f1f7f9;
}
.section.section-606523629 .layout-products-right-background .background {
background: #f2f3f3;
}
.section.section-629954756 {
margin-bottom: 70px !important;
}
.section.section-1827382003 {
margin-bottom: var(--layout-margin) !important;
}
.section.section-1827382003 .layout-products-left-background .background {
background: #f1f7f9;
}
.layout-heading.only-heading h1,
.layout-heading.only-heading h2,
.layout-heading.only-heading h3,
.layout-heading.only-heading h4,
.layout-heading.only-heading .title-large,
.layout-heading.only-heading .title-big,
.layout-heading.only-heading .title-medium,
.layout-heading.only-heading .title-small {
margin: 0px;
}
.layout-products-left-background,
.layout-products-right-background {
margin: 0px auto;
width: 100%;
max-width: 1400px;
overflow: hidden;
padding: 60px 0px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.layout-products-left-background .description,
.layout-products-right-background .description {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
z-index: 2;
}
@media (max-width: 991px) {
.layout-products-left-background .description,
.layout-products-right-background .description {
display: block;
}
}
.layout-products-left-background .description .description-body,
.layout-products-right-background .description .description-body {
width: 35%;
order: 1;
}
@media (max-width: 991px) {
.layout-products-left-background .description .description-body,
.layout-products-right-background .description .description-body {
width: 100%;
}
}
.layout-products-left-background .description .description-body .title-icon,
.layout-products-right-background .description .description-body .title-icon {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
margin-bottom: 20px;
}
.layout-products-left-background .description .description-body .title-icon .icon,
.layout-products-right-background .description .description-body .title-icon .icon {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
min-width: 60px;
width: 60px;
height: 90px;
margin: 0px 20px 0px 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.layout-products-left-background .description .description-body .title-icon .icon img,
.layout-products-right-background .description .description-body .title-icon .icon img {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
z-index: 2;
}
.layout-products-left-background .description .description-body .title-icon .icon:before,
.layout-products-right-background .description .description-body .title-icon .icon:before {
content: " ";
position: absolute;
left: 0px;
bottom: 0px;
width: 60px;
height: 60px;
background: #FFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.layout-products-left-background .description .description-body .title-icon .layout-heading,
.layout-products-right-background .description .description-body .title-icon .layout-heading {
min-height: 60px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.layout-products-left-background .description .description-body .title-icon .layout-heading h1,
.layout-products-right-background .description .description-body .title-icon .layout-heading h1,
.layout-products-left-background .description .description-body .title-icon .layout-heading h2,
.layout-products-right-background .description .description-body .title-icon .layout-heading h2,
.layout-products-left-background .description .description-body .title-icon .layout-heading h3,
.layout-products-right-background .description .description-body .title-icon .layout-heading h3,
.layout-products-left-background .description .description-body .title-icon .layout-heading h4,
.layout-products-right-background .description .description-body .title-icon .layout-heading h4,
.layout-products-left-background .description .description-body .title-icon .layout-heading .h1,
.layout-products-right-background .description .description-body .title-icon .layout-heading .h1,
.layout-products-left-background .description .description-body .title-icon .layout-heading .h2,
.layout-products-right-background .description .description-body .title-icon .layout-heading .h2,
.layout-products-left-background .description .description-body .title-icon .layout-heading .h3,
.layout-products-right-background .description .description-body .title-icon .layout-heading .h3,
.layout-products-left-background .description .description-body .title-icon .layout-heading .h4,
.layout-products-right-background .description .description-body .title-icon .layout-heading .h4,
.layout-products-left-background .description .description-body .title-icon .layout-heading .title-large,
.layout-products-right-background .description .description-body .title-icon .layout-heading .title-large,
.layout-products-left-background .description .description-body .title-icon .layout-heading .title-big,
.layout-products-right-background .description .description-body .title-icon .layout-heading .title-big,
.layout-products-left-background .description .description-body .title-icon .layout-heading .title-medium,
.layout-products-right-background .description .description-body .title-icon .layout-heading .title-medium {
margin: 0px;
}
.layout-products-left-background .description .description-body .icons-purpose,
.layout-products-right-background .description .description-body .icons-purpose {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -50px;
}
@media (max-width: 1200px) {
.layout-products-left-background .description .description-body .icons-purpose,
.layout-products-right-background .description .description-body .icons-purpose {
margin: 0px;
}
}
@media (max-width: 991px) {
.layout-products-left-background .description .description-body .icons-purpose,
.layout-products-right-background .description .description-body .icons-purpose {
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start !important;
-moz-justify-content: flex-start !important;
-ms-justify-content: flex-start !important;
justify-content: flex-start !important;
}
}
.layout-products-left-background .description .description-body .icons-purpose span,
.layout-products-right-background .description .description-body .icons-purpose span {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
max-width: 140px;
margin: 10px 15px 0px 0px;
font-size: 11px;
text-transform: uppercase;
text-align: left;
}
.layout-products-left-background .description .description-body .icons-purpose span.purpose-title,
.layout-products-right-background .description .description-body .icons-purpose span.purpose-title {
font-size: 16px;
text-transform: none;
max-width: none;
}
@media (max-width: 1200px) {
.layout-products-left-background .description .description-body .icons-purpose span.purpose-title,
.layout-products-right-background .description .description-body .icons-purpose span.purpose-title {
width: 100%;
max-width: 100%;
display: block;
}
}
.layout-products-left-background .description .description-body .icons-purpose span img,
.layout-products-right-background .description .description-body .icons-purpose span img,
.layout-products-left-background .description .description-body .icons-purpose span svg,
.layout-products-right-background .description .description-body .icons-purpose span svg {
width: 32px;
height: 32px;
min-width: 32px;
margin-right: 10px;
}
.layout-products-left-background .description .products-carousel-wrapper,
.layout-products-right-background .description .products-carousel-wrapper {
position: relative;
width: 50%;
margin: 0px 0px 0px auto;
order: 2;
}
@media (max-width: 991px) {
.layout-products-left-background .description .products-carousel-wrapper,
.layout-products-right-background .description .products-carousel-wrapper {
width: 100%;
margin-top: 40px;
}
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner {
padding: 30px 40px;
background: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: -100px;
}
@media (max-width: 991px) {
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner {
margin-right: 0px;
padding: 20px;
}
}
@media (min-width: 992px) {
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-stage-outer,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-stage-outer {
margin-right: -40px;
}
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev,
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next {
position: absolute;
left: -65px;
top: 50%;
width: 50px;
height: 50px;
background: #FFF !important;
border: 1px solid #d7e2e6;
font-size: 12px;
margin: -25px 0px 0px 0px !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
@media (max-width: 991px) {
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev,
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next {
left: -15px !important;
}
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev:after,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev:after,
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next:after,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next:after {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
color: #1e5a7c;
content: "\0055";
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next,
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next {
left: auto !important;
right: -15px;
}
@media (max-width: 991px) {
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next,
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next {
right: -15px !important;
}
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next:after,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next:after,
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next:after,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next:after {
content: "\0056";
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item {
display: none;
max-width: 220px;
width: 100%;
}
@media (max-width: 991px) {
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item {
max-width: 100%;
}
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item:first-child,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item:first-child {
display: block;
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .image,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .image {
border: 1px solid #d7e2e6;
margin-bottom: 25px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .image img,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .image img {
max-width: 100%;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .image:hover img,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .image:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .category,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .category {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
text-align: left;
}
.layout-products-left-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .h3,
.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .product-carousel-item .h3 {
font-size: 16px;
font-weight: 600;
margin: 10px 0px 0px 0px;
text-align: left;
}
.layout-products-left-background .background,
.layout-products-right-background .background {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
@media (max-width: 991px) {
.layout-products-left-background .background,
.layout-products-right-background .background {
background: #c8dee6;
}
}
.layout-products-left-background .background img,
.layout-products-right-background .background img {
object-fit: cover;
height: 100% !important;
width: 100% !important;
}
@media (max-width: 991px) {
.layout-products-left-background .background img,
.layout-products-right-background .background img {
display: none;
}
}
@media (min-width: 992px) {
.layout-products-left-background.layout-products-right-background .description .description-body,
.layout-products-right-background.layout-products-right-background .description .description-body {
order: 2;
text-align: right;
}
.layout-products-left-background.layout-products-right-background .description .description-body .title-icon,
.layout-products-right-background.layout-products-right-background .description .description-body .title-icon {
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.layout-products-left-background.layout-products-right-background .description .description-body .title-icon .icon,
.layout-products-right-background.layout-products-right-background .description .description-body .title-icon .icon {
margin: 0px 0px 0px 20px;
order: 2;
}
.layout-products-left-background.layout-products-right-background .description .description-body .icons-purpose,
.layout-products-right-background.layout-products-right-background .description .description-body .icons-purpose {
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
margin: 0px 0px 0px -50px;
}
.layout-products-left-background.layout-products-right-background .description .description-body .icons-purpose span,
.layout-products-right-background.layout-products-right-background .description .description-body .icons-purpose span {
margin-right: 0px;
margin-left: 15px;
}
.layout-products-left-background.layout-products-right-background .description .description-body .el-button,
.layout-products-right-background.layout-products-right-background .description .description-body .el-button {
margin: 30px 0px 0px auto;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.layout-products-left-background.layout-products-right-background .description .description-body .icons-purpose,
.layout-products-right-background.layout-products-right-background .description .description-body .icons-purpose {
margin: 0px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.layout-products-left-background.layout-products-right-background .description .description-body .icons-purpose span.purpose-title,
.layout-products-right-background.layout-products-right-background .description .description-body .icons-purpose span.purpose-title {
text-align: right;
}
}
@media (min-width: 992px) {
.layout-products-left-background.layout-products-right-background .description .products-carousel-wrapper,
.layout-products-right-background.layout-products-right-background .description .products-carousel-wrapper {
order: 1;
margin: 0px auto 0px 0px;
}
.layout-products-left-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner,
.layout-products-right-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner {
margin-right: 0px;
margin-left: -100px;
}
.layout-products-left-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-stage-outer,
.layout-products-right-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-stage-outer {
margin: 0px 0px 0px -40px;
}
.layout-products-left-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev,
.layout-products-right-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev,
.layout-products-left-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next,
.layout-products-right-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next {
left: -15px;
}
.layout-products-left-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next,
.layout-products-right-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-prev.owl-next,
.layout-products-left-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next,
.layout-products-right-background.layout-products-right-background .description .products-carousel-wrapper .products-carousel-inner .products-carousel .owl-nav .owl-next.owl-next {
left: auto;
right: -65px;
}
}
.layout-boxes .boxes {
margin: 0px -15px;
}
.layout-boxes .boxes:after {
clear: both;
display: block;
content: " ";
}
.layout-boxes .boxes .box {
width: 25%;
padding: 0px 15px;
float: left;
margin-top: 50px;
}
@media (max-width: 991px) {
.layout-boxes .boxes .box {
width: 50%;
margin-top: 30px;
}
}
.layout-boxes .boxes .box .image {
margin-bottom: 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.layout-boxes .boxes .box .image img {
max-width: 100%;
display: block;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.layout-boxes .boxes .box .description .category {
font-size: 13px;
color: rgba(30, 90, 124, 0.5);
}
.layout-boxes .boxes .box.has-link:hover .image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.layout-box-image-circle {
margin-bottom: 30px;
}
.layout-box-image-circle > div {
background: #f2f3f3;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding: 60px;
}
@media (max-width: 1200px) {
.layout-box-image-circle > div {
padding: 30px;
}
}
@media (max-width: 460px) {
.layout-box-image-circle > div {
padding: 20px;
}
.layout-box-image-circle > div .el-button {
margin-top: 20px !important;
padding: 10px 20px;
}
}
@media (max-width: 480px) {
.layout-box-image-circle > div .layout-heading h1,
.layout-box-image-circle > div .layout-heading .h2,
.layout-box-image-circle > div .layout-heading .title-large,
.layout-box-image-circle > div .layout-heading .title-big {
font-size: 25px;
}
}
.layout-box-image-circle > div .image-circle {
width: 210px;
min-width: 210px;
margin-left: 15px;
-webkit-border-radius: 51px;
-moz-border-radius: 51px;
border-radius: 51px;
}
@media (max-width: 580px) {
.layout-box-image-circle > div .image-circle {
width: 140px;
min-width: 140px;
}
}
@media (max-width: 460px) {
.layout-box-image-circle > div .image-circle {
width: 100px;
min-width: 100px;
}
}
@media (max-width: 370px) {
.layout-box-image-circle > div .image-circle {
width: 80px;
min-width: 80px;
}
}
.layout-box-image-circle > div .image-circle img {
width: 100%;
-webkit-border-radius: 51%;
-moz-border-radius: 51%;
border-radius: 51%;
}
#sidebar + #content .layout-box-image-circle {
margin-bottom: 0px;
}
#sidebar + #content .layout-box-image-circle > div {
padding: 25px;
}
#sidebar + #content .layout-box-image-circle .image-circle {
width: 140px !important;
min-width: 140px !important;
}
@media (max-width: 1200px) {
#sidebar + #content .layout-box-image-circle .image-circle {
width: 100px !important;
min-width: 100px !important;
}
}
@media (max-width: 480px) {
#sidebar + #content .layout-box-image-circle .image-circle {
width: 80px !important;
min-width: 80px !important;
}
}
::-webkit-input-placeholder {
color: #94a3b8;
}
:-moz-placeholder {
color: #94a3b8;
opacity: 1;
}
::-moz-placeholder {
color: #94a3b8;
opacity: 1;
}
:-ms-input-placeholder {
color: #94a3b8;
}
:placeholder-shown {
color: #94a3b8;
}
.form-element {
margin: 0px -15px;
}
.form-element .form-section.container {
width: 100%;
}
.form-element .form-submit {
padding: 15px 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.form-element .form-submit .form-required-fields {
padding-top: 7px;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
}
@media (min-width: 501px) {
.form-columns {
margin: 0px -15px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.form-columns > div {
width: 50%;
padding: 0px 15px;
}
}
.form-columns .iti {
width: 100%;
}
.form-group {
position: relative;
margin: 0px 0px 15px;
}
.form-group .error-info,
.form-group .form-group-error {
padding-top: 5px;
font-size: 12px;
color: #d00307;
}
.form-group .form-label {
display: block;
margin-bottom: 10px;
font-weight: 400;
}
.form-group.label-left {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.form-group.label-left .form-label {
width: 25%;
padding-right: 15px;
}
.form-group.label-left > div {
width: 75%;
}
.form-group.label-left.field-radio .form-label,
.form-group.label-left.field-checkbox .form-label {
padding-top: 0px;
}
.form-group.field-pole_tekstowe.label-in .form-label,
.form-group.field-custom.label-in .form-label,
.form-group.field-data.label-in .form-label,
.form-group.field-pole_tekstowe_5-liniowe.label-in .form-label {
padding: 0px;
margin: 0px;
height: 50px;
line-height: 50px;
color: #94a3b8;
font-weight: 400;
top: 0px;
position: absolute;
left: 15px;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index: 10;
pointer-events: none;
}
.form-group.field-pole_tekstowe.focus-state .form-label,
.form-group.field-custom.focus-state .form-label,
.form-group.field-data.focus-state .form-label,
.form-group.field-pole_tekstowe_5-liniowe.focus-state .form-label,
.form-group.field-pole_tekstowe.form-group-telinput .form-label,
.form-group.field-custom.form-group-telinput .form-label,
.form-group.field-data.form-group-telinput .form-label,
.form-group.field-pole_tekstowe_5-liniowe.form-group-telinput .form-label {
font-size: 11px;
height: 17px;
line-height: 17px;
padding: 0px 7px;
top: -9px;
background: #FFF;
}
.form-group.is-flex {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
}
.form-group.is-flex label {
margin-right: 30px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.form-group.is-flex label {
margin-right: 0px;
}
}
.form-group.is-flex > div {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.form-group.is-flex > div {
width: 100%;
min-width: 100%;
}
}
.form-group.is-flex > div .form-control {
line-height: 40px;
height: 40px;
}
.form-group-telinput input {
box-shadow: none !important;
border: 1px solid #d7e2e6;
line-height: 50px;
height: 50px;
padding: 0px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.form-group-telinput input:focus {
outline: 3px solid rgba(148, 163, 184, 0.3);
border: 1px solid rgba(148, 163, 184, 0.7);
}
.form-group-telinput input[readonly],
.form-group-telinput input[disabled] {
background: rgba(148, 163, 184, 0.1);
}
.form-heading {
margin-bottom: 15px;
}
.form-heading h1,
.form-heading h2,
.form-heading h3,
.form-heading h4 {
margin: 0px !important;
padding: 0px !important;
}
/** Pola */
.form-price {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.form-price span {
margin: 0px 10px;
}
.form-file {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.form-file > span {
min-width: 220px;
margin-left: 30px;
}
.form-file > span .choosen-file .remove {
float: right;
}
.form-file > span .choosen-file .remove::before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\0051';
}
.form-file > span .progress {
display: block;
height: 14px;
line-height: 14px;
font-size: 9px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #d7e2e6 inset;
opacity: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
margin: 2px 0px;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.form-file > span .progress.progres-active,
.form-file > span .progress.progres-uploaded {
opacity: 1;
}
.form-file > span .progress.out {
opacity: 0;
}
.form-file > span .progress i {
background: #1ca1b6;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
}
.form-file > span .progress span {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
}
.form-file input {
position: absolute;
z-index: -10;
}
.form-file button {
box-shadow: none !important;
border: 1px solid #d7e2e6;
line-height: 50px;
height: 50px;
padding: 0px 16.66666667px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #FFF;
vertical-align: middle;
display: inline-block;
}
.form-file button:focus {
outline: 3px solid rgba(148, 163, 184, 0.3);
}
.form-file button::after {
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\006d';
vertical-align: middle;
margin-left: 10px;
color: #94a3b8;
line-height: normal;
display: inline;
display: inline-block;
}
.form-file input:focus + button {
outline: 3px solid rgba(148, 163, 184, 0.3);
}
.form-control {
box-shadow: none !important;
border: 1px solid #d7e2e6;
line-height: 50px;
height: 50px;
padding: 0px 16.66666667px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.form-control:focus {
outline: 3px solid rgba(148, 163, 184, 0.3);
border: 1px solid rgba(148, 163, 184, 0.7);
}
.form-control[readonly],
.form-control[disabled] {
background: rgba(148, 163, 184, 0.1);
}
textarea.form-control {
line-height: 1.5;
height: auto;
padding: 10px 20px;
}
.form-selectpicker {
border: 1px solid #d7e2e6;
height: 50px;
background: #FFF !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: auto;
min-width: auto;
}
.form-selectpicker .bs-caret {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.form-selectpicker .bs-caret .caret {
display: none;
}
.form-selectpicker .bs-caret::after {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #1e5a7c;
content: '\0054';
}
.form-select {
position: relative;
border: 1px solid #d7e2e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.form-select::after {
width: 50px;
line-height: 50px;
text-align: center;
background: #FFF;
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #94a3b8;
content: '\0054';
pointer-events: none !important;
cursor: pointer !important;
z-index: 1;
}
.form-select select.form-control {
cursor: pointer !important;
-moz-appearance: none;
-webkit-appearance: none;
border: 0px !important;
background: none !important;
position: relative;
z-index: 2;
}
.form-select select.form-control::-ms-expand {
display: none;
}
.form-select select.form-control[disabled] {
background: rgba(215, 226, 230, 0.5) !important;
}
.form-select select.form-control:focus {
outline: 4px solid rgba(148, 163, 184, 0.3);
}
.form-postcode {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
.form-postcode .form-field-2 {
width: 56.66666667px;
}
.form-postcode .form-field-3 {
width: 76.66666667px;
}
.form-postcode .form-control {
text-align: center;
}
.form-postcode .form-spacer {
display: inline-block;
margin: 0px 10px;
}
.form-postcode .form-spacer::after {
content: "-";
}
.form-datepicker {
position: relative;
}
.form-datepicker::after {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
content: '\0062';
color: #94a3b8;
font-family: 'dms', sans-serif;
line-height: 50px;
text-align: center;
pointer-events: none;
}
.form-required {
margin: 10px 0px 30px 0px;
}
.req {
color: #d00307;
}
.form-checkbox {
position: relative;
margin-bottom: 10px;
}
.form-checkbox:last-child {
margin-bottom: 0px;
}
.form-checkbox input {
position: absolute;
top: 0px;
right: 0px;
opacity: 0;
}
.form-checkbox label {
font-weight: 400;
font-size: 1em;
padding: 0px 0px 0px 30px;
position: relative;
cursor: pointer;
}
.form-checkbox label a {
color: #000000 !important;
}
.form-checkbox label::before {
position: absolute;
left: 0px;
top: 2px;
width: 16px;
height: 16px;
border: 1px solid #d7e2e6;
content: " ";
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.form-checkbox label::after {
position: absolute;
left: 3px;
top: 5px;
width: 10px;
height: 10px;
background: #1ca1b6;
content: " ";
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
opacity: 0;
}
.form-checkbox input:focus + label::before {
outline: 3px solid rgba(148, 163, 184, 0.3);
border: 1px solid rgba(148, 163, 184, 0.7);
}
.form-checkbox input:checked + label::after {
opacity: 1;
}
.form-radio {
position: relative;
margin-bottom: 10px;
}
.form-radio:last-child {
margin-bottom: 0px;
}
.form-radio.is-inline {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
margin-bottom: 0px;
}
.form-radio input {
position: absolute;
top: 0px;
right: 0px;
opacity: 0;
}
.form-radio label {
font-weight: 400;
font-size: 1em;
padding: 0px 0px 0px 30px;
position: relative;
cursor: pointer !important;
}
.form-radio label::before {
position: absolute;
left: 0px;
width: 18px;
height: 18px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: 1px solid #d7e2e6;
content: " ";
}
.form-radio label::after {
position: absolute;
left: 4px;
top: 4px;
width: 10px;
height: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #1ca1b6;
content: " ";
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 0;
}
.form-radio input:focus + label::before {
outline: 3px solid rgba(148, 163, 184, 0.3);
border: 1px solid rgba(148, 163, 184, 0.7);
}
.form-radio input:checked + label::after {
opacity: 1;
}
.form-password {
position: relative;
}
.form-password span {
position: absolute;
right: 20px;
height: 20px;
line-height: 20px;
cursor: pointer !important;
text-align: center;
color: #94a3b8;
width: 20px;
right: 15px;
top: 15px;
}
.form-password span::after {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\0071';
}
.form-password input[type="text"] + span::after {
content: '\0072';
}
.form-location {
margin: 0px -10px;
}
.form-location::before,
.form-location::after {
clear: both;
display: block;
content: " ";
}
.form-location > div {
float: left;
width: 30%;
padding: 0px 10px 0px;
}
@media (max-width: 1200px) {
.form-location > div {
width: 35%;
}
}
@media (max-width: 480px) {
.form-location > div {
width: 50%;
}
}
@media (max-width: 420px) {
.form-location > div {
width: 100%;
float: none;
}
}
.form-location > div:last-child {
width: 70%;
}
@media (max-width: 1200px) {
.form-location > div:last-child {
width: 65%;
}
}
@media (max-width: 480px) {
.form-location > div:last-child {
width: 50%;
}
}
@media (max-width: 420px) {
.form-location > div:last-child {
width: 100%;
float: none;
}
}
div[id^="req"] {
color: #d00307;
}
.has-error.label-in .form-label {
color: #d00307 !important;
}
.has-error .form-control {
border: 1px solid #d00307;
}
.has-error .form-control:focus {
outline: 3px solid rgba(208, 3, 7, 0.2);
border: 1px solid rgba(208, 3, 7, 0.7);
}
.has-error .form-select {
border: 1px solid #d00307;
}
.has-error .form-select select:focus {
outline: 4px solid rgba(208, 3, 7, 0.2);
}
.has-error .form-radio label::before {
border: 1px solid #d00307;
}
.has-error .form-radio label a {
color: #d00307;
}
.has-error .form-radio input:focus + label::before {
border: 1px solid rgba(208, 3, 7, 0.7);
outline: 3px solid rgba(208, 3, 7, 0.2);
}
.has-error .form-checkbox label::before {
border: 1px solid #d00307;
}
.has-error .form-checkbox label a {
color: #d00307;
}
.has-error .form-checkbox input:focus + label::before {
border: 1px solid rgba(208, 3, 7, 0.7);
outline: 3px solid rgba(208, 3, 7, 0.2);
}
.has-error .form-file button[type="button"] {
border: 1px solid #d00307;
color: #d00307;
}
.has-error .form-file button[type="button"]:focus {
outline: 3px solid rgba(208, 3, 7, 0.2);
}
.has-error .form-file button[type="button"]::after {
color: #d00307;
}
.datepicker {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #d7e2e6;
padding: 10px;
}
.datepicker .datepicker-prev,
.datepicker .datepicker-next {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
font-size: 12px;
}
.datepicker .datepicker-prev::before,
.datepicker .datepicker-next::before {
content: '\0055';
}
.datepicker .datepicker-prev.datepicker-next::before,
.datepicker .datepicker-next.datepicker-next::before {
content: '\0056';
}
.datepicker .day:hover {
background: #d7e2e6 !important;
}
.datepicker .day.active {
background: #1ca1b6 !important;
color: #FFF !important;
}
#cc-main {
background: transparent;
color: var(--cc-primary-color);
font-family: var(--cc-font-family);
font-size: 16px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.15;
position: relative;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
position: fixed;
z-index: var(--cc-z-index);
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
all: unset;
box-sizing: border-box;
}
#cc-main .pm__badge,
#cc-main button {
all: initial;
box-sizing: border-box;
color: unset;
visibility: unset;
}
#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
-webkit-appearance: none;
appearance: none;
cursor: pointer;
font-family: inherit;
font-size: 100%;
line-height: normal;
margin: 0;
outline: revert;
outline-offset: 2px;
overflow: hidden;
}
#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
all: revert;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
:root {
--cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--cc-modal-border-radius: .5rem;
--cc-btn-border-radius: .4rem;
--cc-modal-transition-duration: .25s;
--cc-link-color: var(--cc-btn-primary-bg);
--cc-modal-margin: 1rem;
--cc-z-index: 2147483647;
--cc-bg: #fff;
--cc-primary-color: ;
--cc-secondary-color: #5e6266;
--cc-btn-primary-bg: #1ca1b6;
--cc-btn-primary-color: #fff;
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg: #157a8a;
--cc-btn-primary-hover-color: #fff;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #e0e0e0;
--cc-btn-secondary-color: #000;
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #d3d3d3;
--cc-btn-secondary-hover-color: #000;
--cc-btn-secondary-hover-border-color: #d4dae0;
--cc-separator-border-color: #f0f4f7;
--cc-toggle-on-bg: var(--cc-btn-primary-bg);
--cc-toggle-off-bg: #667481;
--cc-toggle-on-knob-bg: #fff;
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
--cc-toggle-enabled-icon-color: var(--cc-bg);
--cc-toggle-disabled-icon-color: var(--cc-bg);
--cc-toggle-readonly-bg: #d5dee2;
--cc-toggle-readonly-knob-bg: #fff;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: var(--cc-cookie-category-block-bg);
--cc-cookie-category-block-bg: #f0f4f7;
--cc-cookie-category-block-border: #f0f4f7;
--cc-cookie-category-block-hover-bg: #e9eff4;
--cc-cookie-category-block-hover-border: #e9eff4;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: #dee4e9;
--cc-overlay-bg: rgba(0, 0, 0, 0.65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: var(--cc-btn-secondary-bg);
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #e4eaed;
--cc-pm-toggle-border-radius: 4em;
}
#cc-main.cc--rtl {
direction: rtl;
}
#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
font-weight: 600;
}
#cc-main button > span {
pointer-events: none;
}
#cc-main .cc__link,
#cc-main a {
background-image: linear-gradient(currentColor, currentColor);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 1px;
font-weight: 600;
position: relative;
transition: background-size 0.25s, color 0.25s ease;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
background-size: 100% 1px;
color: var(--cc-primary-color);
}
#cc-main .cc__link {
color: var(--cc-link-color);
}
#cc-main .cm__desc,
#cc-main .pm__body {
overscroll-behavior: auto contain;
scrollbar-width: thin;
}
@media screen and (min-width: 640px) {
#cc-main ::-webkit-scrollbar,
#cc-main ::-webkit-scrollbar-thumb,
#cc-main ::-webkit-scrollbar-track {
all: revert;
}
#cc-main ::-webkit-scrollbar-thumb {
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: var(--cc-toggle-readonly-bg);
border: 0.25rem solid var(--cc-bg);
border-radius: 1rem;
}
#cc-main ::-webkit-scrollbar-thumb:hover {
background: var(--cc-toggle-off-bg);
}
#cc-main ::-webkit-scrollbar {
background: transparent;
width: 12px;
}
}
html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
height: auto !important;
overflow: hidden !important;
}
@media (prefers-reduced-motion) {
#cc-main {
--cc-modal-transition-duration: 0s;
}
}
.cc--darkmode {
--cc-bg: #161a1c;
--cc-primary-color: #ebf3f6;
--cc-secondary-color: #aebbc5;
--cc-btn-primary-bg: #c2d0e0;
--cc-btn-primary-color: var(--cc-bg);
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg: #98a7b6;
--cc-btn-primary-hover-color: #000;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #242c31;
--cc-btn-secondary-color: var(--cc-primary-color);
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #353d43;
--cc-btn-secondary-hover-color: #fff;
--cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
--cc-separator-border-color: #222a30;
--cc-toggle-on-bg: var(--cc-btn-primary-bg);
--cc-toggle-off-bg: #525f6b;
--cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
--cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
--cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
--cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
--cc-toggle-readonly-bg: #343e45;
--cc-toggle-readonly-knob-bg: #5f6b72;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: #1e2428;
--cc-cookie-category-block-bg: #1e2428;
--cc-cookie-category-block-border: var(--cc-section-category-border);
--cc-cookie-category-block-hover-bg: #242c31;
--cc-cookie-category-block-hover-border: #232a2f;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
--cc-overlay-bg: rgba(0, 0, 0, 0.65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: #0c0e0f;
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #060809;
}
.cc--darkmode #cc-main {
color-scheme: dark;
}
#cc-main .cm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
display: flex;
flex-direction: column;
max-width: 24rem;
opacity: 0;
overflow: hidden;
position: fixed;
transform: translateY(1.6em);
visibility: hidden;
z-index: 1;
}
#cc-main .cm--top {
top: var(--cc-modal-margin);
}
#cc-main .cm--middle {
top: 50%;
transform: translateY(calc(-48.4%));
}
#cc-main .cm--bottom {
bottom: var(--cc-modal-margin);
}
#cc-main .cm--center {
left: var(--cc-modal-margin);
margin: 0 auto;
right: var(--cc-modal-margin);
width: unset;
}
#cc-main .cm--left {
left: var(--cc-modal-margin);
margin-right: var(--cc-modal-margin);
}
#cc-main .cm--right {
margin-left: var(--cc-modal-margin);
right: var(--cc-modal-margin);
}
#cc-main .cm__body {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
#cc-main .cm__btns,
#cc-main .cm__links {
padding: 1rem 1.3rem;
width: unset;
}
#cc-main .cm__texts {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
padding: 1rem 0 0;
}
#cc-main .cm__desc,
#cc-main .cm__title {
padding: 0 1.3rem;
}
#cc-main .cm__title {
font-size: 1.05em;
}
#cc-main .cm__title + .cm__desc {
margin-top: 1.1em;
}
#cc-main .cm__desc {
color: var(--cc-secondary-color);
font-size: .9em;
line-height: 1.5;
max-height: 40vh;
overflow-x: visible;
overflow-y: auto;
padding-bottom: 1em;
}
#cc-main .cm__btns {
border-top: 1px solid var(--cc-separator-border-color);
display: flex;
flex-direction: column;
justify-content: center;
}
#cc-main .cm__btn-group {
display: grid;
grid-auto-columns: minmax(0, 1fr);
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
margin-top: .375rem;
}
#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: .375rem;
margin-top: 0;
}
#cc-main .cm--inline .cm__btn + .cm__btn {
margin-left: .375rem;
margin-top: 0;
}
#cc-main .cm--inline.cm--flip .cm__btn + .cm__btn {
margin-bottom: 0;
margin-left: 0;
margin-right: .375rem;
}
#cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: .375rem;
margin-right: 0;
}
#cc-main .cm--wide .cm__btn + .cm__btn,
#cc-main .cm--wide .cm__btn-group + .cm__btn-group {
margin-left: .375rem;
margin-top: 0;
}
#cc-main .cm--wide.cm--flip .cm__btn + .cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: 0;
margin-right: .375rem;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
display: flex;
flex: 1;
justify-content: space-between;
}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
flex-direction: row-reverse;
}
#cc-main .cm__btn {
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
font-size: .82em;
font-weight: 600;
min-height: 42px;
padding: .5em 1em;
text-align: center;
}
#cc-main .cm__btn:hover {
background: var(--cc-btn-primary-hover-bg);
border-color: var(--cc-btn-primary-hover-border-color);
color: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--secondary {
background: var(--cc-btn-secondary-bg);
border-color: var(--cc-btn-secondary-border-color);
color: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--secondary:hover {
background: var(--cc-btn-secondary-hover-bg);
border-color: var(--cc-btn-secondary-hover-border-color);
color: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close {
border-radius: 0;
border-bottom-left-radius: var(--cc-btn-border-radius);
border-right: none;
border-top: none;
display: none;
font-size: 1em;
height: 42px;
min-width: auto !important;
overflow: hidden;
padding: 0 !important;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
#cc-main .cm__btn--close svg {
stroke: var(--cc-btn-primary-color);
transform: scale(0.5);
transition: stroke 0.15s ease;
}
#cc-main .cm__btn--close:hover svg {
stroke: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--close.cm__btn--secondary svg {
stroke: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close + .cm__texts .cm__title {
padding-right: 3rem;
}
#cc-main .cm--inline .cm__btn-group {
grid-auto-flow: column;
}
#cc-main .cm__footer {
background: var(--cc-footer-bg);
border-top: 1px solid var(--cc-footer-border-color);
color: var(--cc-footer-color);
padding: 0.4em 0 0.5em;
}
#cc-main .cm__links {
display: flex;
flex-direction: row;
padding-bottom: 0;
padding-top: 0;
}
#cc-main .cm__link-group {
display: flex;
flex-direction: row;
font-size: .8em;
width: 100%;
}
#cc-main .cm__link-group > * + * {
margin-left: 1.3rem;
}
#cc-main .cm--flip .cm__btn:last-child {
grid-row: 1;
}
#cc-main .cm--inline.cm--flip .cm__btn:last-child {
grid-column: 1;
}
#cc-main .cm--box .cm__btn--close {
display: block;
}
#cc-main .cm--box.cm--flip .cm__btns {
flex-direction: column-reverse;
}
#cc-main .cm--box.cm--wide {
max-width: 36em;
}
#cc-main .cm--box.cm--wide .cm__btns {
flex-direction: row;
justify-content: space-between;
}
#cc-main .cm--box.cm--wide .cm__btn-group {
grid-auto-flow: column;
}
#cc-main .cm--box.cm--wide .cm__btn {
min-width: 120px;
padding-left: 1.8em;
padding-right: 1.8em;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
flex-direction: row-reverse;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
grid-column: 1;
}
#cc-main .cm--cloud {
max-width: 54em;
width: unset;
}
#cc-main .cm--cloud .cm__body {
flex-direction: row;
}
#cc-main .cm--cloud .cm__texts {
flex: 1;
}
#cc-main .cm--cloud .cm__desc {
max-height: 9.4em;
}
#cc-main .cm--cloud .cm__btns {
border-left: 1px solid var(--cc-separator-border-color);
border-top: none;
max-width: 23em;
}
#cc-main .cm--cloud .cm__btn-group {
flex-direction: column;
}
#cc-main .cm--cloud .cm__btn {
min-width: 19em;
}
#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
flex-direction: column-reverse;
}
#cc-main .cm--cloud.cm--inline .cm__btn-group {
flex-direction: row;
}
#cc-main .cm--cloud.cm--inline .cm__btn {
min-width: 10em;
}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
flex-direction: row-reverse;
}
#cc-main .cm--bar {
border-radius: 0;
left: 0;
margin: 0;
max-width: unset;
opacity: 1;
right: 0;
transform: translateY(0);
width: 100vw;
--cc-modal-transition-duration: .35s;
}
#cc-main .cm--bar.cm--top {
top: 0;
transform: translateY(-100%);
}
#cc-main .cm--bar.cm--bottom {
bottom: 0;
transform: translateY(100%);
}
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
margin: 0 auto;
max-width: 55em;
width: 100%;
}
#cc-main .cm--bar .cm__body {
padding: 0.5em 0 0.9em;
}
#cc-main .cm--bar .cm__btns {
border-top: none;
flex-direction: row;
justify-content: space-between;
}
#cc-main .cm--bar .cm__btn-group {
grid-auto-flow: column;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group {
margin-left: .375rem;
margin-top: 0;
}
#cc-main .cm--bar .cm__btn {
min-width: 120px;
padding-left: 2em;
padding-right: 2em;
}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group {
margin-bottom: 0;
margin-left: 0;
margin-right: .375rem;
}
#cc-main .cm--bar.cm--flip .cm__btns {
flex-direction: row-reverse;
}
#cc-main .cm--bar.cm--flip .cm__btn:last-child {
grid-column: 1;
}
#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
max-width: 74em;
}
#cc-main .cm--bar.cm--inline .cm__body {
flex-direction: row;
padding: 0;
}
#cc-main .cm--bar.cm--inline .cm__btns {
flex-direction: column;
justify-content: center;
max-width: 23em;
}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
flex-direction: column-reverse;
}
#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.disable--interaction #cc-main .cm-wrapper:before {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 0;
}
.show--consent #cc-main .cc--anim .cm {
opacity: 1;
transform: translateY(0);
visibility: visible !important;
}
.show--consent #cc-main .cc--anim .cm--middle {
transform: translateY(-50%);
}
.show--consent #cc-main .cc--anim .cm--bar {
transform: translateY(0);
}
.show--consent #cc-main .cc--anim.cm-wrapper:before {
opacity: 1;
visibility: visible;
}
#cc-main.cc--rtl .cm__btn--close {
border-bottom-left-radius: unset;
border-bottom-right-radius: var(--cc-btn-border-radius);
left: 0;
right: unset;
}
#cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title {
padding-left: 3rem !important;
padding-right: 1.3rem;
}
#cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn {
margin-left: 0;
margin-right: .375rem;
}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn {
margin-left: .375rem;
margin-right: 0;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group + .cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group + .cm__btn-group {
margin-left: 0;
margin-right: .375rem;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn + .cm__btn {
margin-left: .375rem;
margin-right: 0;
}
#cc-main.cc--rtl .cm__link-group > * + * {
margin-left: 0;
margin-right: 1.3rem;
}
@media screen and (max-width: 640px) {
#cc-main {
--cc-modal-margin: .5em;
}
#cc-main .cm {
max-width: none !important;
width: auto !important;
}
#cc-main .cm__body {
flex-direction: column !important;
padding: 0 !important;
}
#cc-main .cm__btns,
#cc-main .cm__desc,
#cc-main .cm__links,
#cc-main .cm__title {
padding-left: 1.1rem !important;
padding-right: 1.1rem !important;
}
#cc-main .cm__btns {
border-left: none !important;
border-top: 1px solid var(--cc-separator-border-color) !important;
flex-direction: column !important;
max-width: none !important;
min-width: auto !important;
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
margin: 0.375rem 0 0 !important;
}
#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: .375rem !important;
margin-top: 0 !important;
}
#cc-main .cm__btn-group {
display: flex !important;
flex-direction: column !important;
min-width: auto !important;
}
#cc-main .cm__btn {
flex: auto !important;
}
#cc-main .cm__link-group {
justify-content: center !important;
}
#cc-main .cm--flip .cm__btn-group,
#cc-main .cm--flip .cm__btns {
flex-direction: column-reverse !important;
}
}
#cc-main .pm-wrapper {
position: relative;
z-index: 2;
}
#cc-main .pm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
display: flex;
flex-direction: column;
opacity: 0;
overflow: hidden;
position: fixed;
visibility: hidden;
width: 100%;
width: unset;
z-index: 1;
}
#cc-main svg {
fill: none;
width: 100%;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: 1em 1.4em;
}
#cc-main .pm__header {
align-items: center;
border-bottom: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between;
}
#cc-main .pm__title {
align-items: center;
display: flex;
flex: 1;
font-weight: 600;
margin-right: 2em;
}
#cc-main .pm__close-btn {
background: var(--cc-btn-secondary-bg);
border: 1px solid var(--cc-btn-secondary-border-color);
border-radius: var(--cc-btn-border-radius);
height: 40px;
position: relative;
transition: all .15s ease;
width: 40px;
}
#cc-main .pm__close-btn span {
display: flex;
height: 100%;
width: 100%;
}
#cc-main .pm__close-btn svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(0.5);
transition: stroke 0.15s ease;
}
#cc-main .pm__close-btn:hover {
background: var(--cc-btn-secondary-hover-bg);
border-color: var(--cc-btn-secondary-hover-border-color);
}
#cc-main .pm__close-btn:hover svg {
stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm__body {
flex: 1;
overflow-y: auto;
overflow-y: overlay;
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
border-radius: var(--cc-btn-border-radius);
display: flex;
flex-direction: column;
margin-bottom: .5em;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
border: 1px solid var(--cc-cookie-category-block-border);
border-radius: var(--cc-btn-border-radius);
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: none;
margin-top: 0 !important;
overflow: hidden;
}
#cc-main .pm__section {
border: 1px solid var(--cc-separator-border-color);
padding: 1em;
transition: background-color 0.25s ease, border-color 0.25s ease;
}
#cc-main .pm__section:first-child {
border: none;
margin-bottom: 2em;
margin-top: 0;
padding: 0;
transition: none;
}
#cc-main .pm__section:not(:first-child):hover {
background: var(--cc-cookie-category-block-bg);
border-color: var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-toggles + .pm__section {
margin-top: 2em;
}
#cc-main .pm__section--toggle {
background: var(--cc-cookie-category-block-bg);
border-top: none;
margin-bottom: .375rem;
}
#cc-main .pm__section--toggle .pm__section-title {
align-items: center;
background: var(--cc-cookie-category-block-bg);
border: 1px solid var(--cc-cookie-category-block-border);
display: flex;
justify-content: space-between;
min-height: 58px;
padding: 1.1em 5.4em 1.1em 1.2em;
position: relative;
transition: background-color 0.25s ease, border-color 0.25s ease;
width: 100%;
}
#cc-main .pm__section--toggle .pm__section-title:hover {
background: var(--cc-cookie-category-block-hover-bg);
border-color: var(--cc-cookie-category-block-hover-border);
}
#cc-main .pm__section--toggle .pm__section-desc {
margin-top: 0;
padding: 1em;
}
#cc-main .pm__section--toggle.is-expanded {
--cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
--cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
transform: scale(0.5) rotate(180deg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
display: flex;
}
#cc-main .pm__section--expandable .pm__section-title {
cursor: pointer;
padding-left: 3.4em;
}
#cc-main .pm__section--expandable .pm__section-arrow {
background: var(--cc-toggle-readonly-bg);
border-radius: 100%;
display: flex;
height: 20px;
justify-content: center;
left: 18px;
pointer-events: none;
position: absolute;
width: 20px;
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(0.5);
}
#cc-main .pm__section-title-wrapper {
align-items: center;
display: flex;
position: relative;
}
#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
margin-top: .85em;
}
#cc-main .pm__section-title {
border-radius: var(--cc-btn-border-radius);
font-size: .95em;
font-weight: 600;
}
#cc-main .pm__badge {
align-items: center;
background: var(--cc-btn-secondary-bg);
border-radius: 5em;
color: var(--cc-secondary-color);
display: flex;
flex: none;
font-size: .8em;
font-weight: 600;
height: 23px;
justify-content: center;
margin-left: 1em;
min-width: 23px;
overflow: hidden;
padding: 0 .6em 1px;
position: relative;
text-align: center;
white-space: nowrap;
width: auto;
}
#cc-main .pm__service-counter {
background: var(--cc-btn-primary-bg);
color: var(--cc-btn-primary-color);
padding: 0;
width: 23px;
}
#cc-main .pm__service-counter[data-counterlabel] {
padding: 0 .6em 1px;
width: auto;
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
border-radius: var(--cc-pm-toggle-border-radius);
height: 23px;
transform: translateZ(0);
width: 50px;
}
#cc-main .section__toggle-wrapper {
cursor: pointer;
position: absolute;
right: 18px;
z-index: 1;
}
#cc-main .toggle-service {
height: 19px;
position: relative;
right: 0;
width: 42px;
}
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
height: 19px;
width: 42px;
}
#cc-main .toggle-service .toggle__icon {
position: relative;
}
#cc-main .toggle-service .toggle__icon-circle {
height: 19px;
width: 19px;
}
#cc-main .toggle-service .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
transform: translateX(23px);
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
display: none !important;
}
#cc-main .section__toggle {
border: 0;
cursor: pointer;
display: block;
left: 0;
margin: 0;
position: absolute;
top: 0;
}
#cc-main .section__toggle:disabled {
cursor: not-allowed;
}
#cc-main .toggle__icon {
background: var(--cc-toggle-off-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
display: flex;
flex-direction: row;
pointer-events: none;
position: absolute;
transition: all 0.25s ease;
}
#cc-main .toggle__icon-circle {
background: var(--cc-toggle-off-knob-bg);
border: none;
border-radius: var(--cc-pm-toggle-border-radius);
box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
display: block;
height: 23px;
left: 0;
position: absolute;
top: 0;
transition: transform 0.25s ease, background-color 0.25s ease;
width: 23px;
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
height: 100%;
position: absolute;
transition: opacity .15s ease;
width: 100%;
}
#cc-main .toggle__icon-on {
opacity: 0;
transform: rotate(45deg);
}
#cc-main .toggle__icon-on svg {
stroke: var(--cc-toggle-on-bg);
transform: scale(0.55) rotate(-45deg);
}
#cc-main .toggle__icon-off {
opacity: 1;
}
#cc-main .toggle__icon-off svg {
stroke: var(--cc-toggle-off-bg);
transform: scale(0.55);
}
#cc-main .section__toggle:checked ~ .toggle__icon {
background: var(--cc-toggle-on-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
background-color: var(--cc-toggle-on-knob-bg);
transform: translateX(27px);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
opacity: 1;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
opacity: 0;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
background: var(--cc-toggle-readonly-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
background: var(--cc-toggle-readonly-knob-bg);
box-shadow: none;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
stroke: var(--cc-toggle-readonly-knob-icon-color);
}
#cc-main .toggle__label {
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1;
}
#cc-main .pm__section-desc-wrapper {
color: var(--cc-secondary-color);
display: flex;
flex-direction: column;
font-size: .9em;
}
#cc-main .pm__section-desc-wrapper > :not(:last-child) {
border-bottom: 1px solid var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-services {
display: flex;
flex-direction: column;
}
#cc-main .pm__service {
align-items: center;
display: flex;
justify-content: space-between;
padding: .4em 1.2em;
position: relative;
transition: background-color 0.15s ease;
}
#cc-main .pm__service:hover {
background-color: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__service-header {
align-items: center;
display: flex;
margin-right: 1em;
width: 100%;
}
#cc-main .pm__service-icon {
border: 2px solid;
border-radius: 100%;
height: 8px;
margin-left: 6px;
margin-right: 20px;
margin-top: 1px;
min-width: 8px;
}
#cc-main .pm__service-title {
font-size: .95em;
width: 100%;
word-break: break-word;
}
#cc-main .pm__section-desc {
line-height: 1.5em;
}
#cc-main .pm__section-table {
border-collapse: collapse;
font-size: .9em;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 100%;
}
#cc-main .pm__table-caption {
text-align: left;
}
#cc-main .pm__table-caption,
#cc-main .pm__table-head > tr {
border-bottom: 1px dashed var(--cc-separator-border-color);
color: var(--cc-primary-color);
font-weight: 600;
}
#cc-main .pm__table-tr {
transition: background-color 0.15s ease;
}
#cc-main .pm__table-tr:hover {
background: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
padding: .625em .625em .625em 1.2em;
vertical-align: top;
}
#cc-main .pm__footer {
border-top: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between;
}
#cc-main .pm__btn-group {
display: flex;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin-left: .375rem;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-left: 0;
margin-right: .375rem;
}
#cc-main .pm__btn {
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
flex: auto;
font-size: .82em;
font-weight: 600;
min-height: 42px;
min-width: 110px;
padding: .5em 1.5em;
text-align: center;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
#cc-main .pm__btn:hover {
background: var(--cc-btn-primary-hover-bg);
border-color: var(--cc-btn-primary-hover-border-color);
color: var(--cc-btn-primary-hover-color);
}
#cc-main .pm__btn--secondary {
background: var(--cc-btn-secondary-bg);
border-color: var(--cc-btn-secondary-border-color);
color: var(--cc-btn-secondary-color);
}
#cc-main .pm__btn--secondary:hover {
background: var(--cc-btn-secondary-hover-bg);
border-color: var(--cc-btn-secondary-hover-border-color);
color: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm--box {
height: calc(98%);
left: var(--cc-modal-margin);
margin: 0 auto;
max-height: 37.5em;
max-width: 43em;
right: var(--cc-modal-margin);
top: 50%;
transform: translateY(calc(-48.4%));
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
flex-direction: row-reverse;
}
#cc-main .pm--bar {
border-radius: 0;
bottom: 0;
height: 100%;
margin: 0;
max-height: none;
max-width: 29em;
opacity: 1;
top: 0;
width: 100%;
--cc-modal-transition-duration: .35s;
}
#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
display: block;
}
#cc-main .pm--bar .pm__table-head {
display: none;
}
#cc-main .pm--bar .pm__table-caption {
display: block;
}
#cc-main .pm--bar .pm__table-tr:not(:last-child) {
border-bottom: 1px solid var(--cc-separator-border-color);
}
#cc-main .pm--bar .pm__table-td {
display: flex;
justify-content: space-between;
}
#cc-main .pm--bar .pm__table-td:before {
color: var(--cc-primary-color);
content: attr(data-column);
flex: 1;
font-weight: 600;
min-width: 100px;
overflow: hidden;
padding-right: 2em;
text-overflow: ellipsis;
}
#cc-main .pm--bar .pm__table-td > div {
flex: 3;
}
#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
padding: 1em 1.3em;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
flex-direction: column;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
margin: 0.375rem 0 0;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
flex-direction: column-reverse;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group + .pm__btn-group {
margin-bottom: .375rem;
margin-top: 0;
}
#cc-main .pm--bar:not(.pm--wide) .pm__badge {
display: none;
}
#cc-main .pm--bar.pm--left {
left: 0;
transform: translateX(-100%);
}
#cc-main .pm--bar.pm--right {
right: 0;
transform: translateX(100%);
}
#cc-main .pm--bar.pm--wide {
max-width: 35em;
}
#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
padding: 1em 1.4em;
}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
flex-direction: row-reverse;
}
#cc-main .pm-overlay {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 1;
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
}
.show--preferences #cc-main .cc--anim .pm {
opacity: 1;
visibility: visible !important;
}
.show--preferences #cc-main .cc--anim .pm--box {
transform: translateY(-50%);
}
.show--preferences #cc-main .cc--anim .pm--bar {
transform: translateX(0);
}
.show--preferences #cc-main .cc--anim .pm-overlay {
opacity: 1;
visibility: visible;
}
#cc-main.cc--rtl .pm__service-header {
margin-left: 1em;
margin-right: 0;
}
#cc-main.cc--rtl .pm__section-arrow {
left: unset;
right: 18px;
}
#cc-main.cc--rtl .section__toggle-wrapper {
left: 18px;
right: unset;
transform-origin: left;
}
#cc-main.cc--rtl .toggle-service {
left: 0;
}
#cc-main.cc--rtl .pm__service-icon {
margin-left: 20px;
margin-right: 5px;
}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
padding-left: 5.4em;
padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
padding-right: 3.4em;
}
#cc-main.cc--rtl .pm__badge {
margin-left: unset;
margin-right: 1em;
}
#cc-main.cc--rtl .toggle__icon-circle {
transform: translateX(27px);
}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
transform: translateX(23px);
}
#cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
transform: translateX(0);
}
#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
padding-left: unset;
padding-right: 1.2em;
text-align: right;
}
#cc-main.cc--rtl .pm__table-td {
padding-left: unset;
padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__table-td:before {
padding-left: 2em;
padding-right: unset;
}
#cc-main.cc--rtl .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm__btn-group + .pm__btn-group {
margin-left: 0;
margin-right: .375rem;
}
#cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group {
margin-left: .375rem;
margin-right: 0;
}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
margin-left: 0;
}
@media screen and (max-width: 640px) {
#cc-main .pm {
border-radius: 0;
bottom: 0;
height: auto;
left: 0;
max-height: 100%;
max-width: none !important;
right: 0;
top: 0;
transform: translateY(1.6em);
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: .9em !important;
}
#cc-main .pm__badge {
display: none;
}
#cc-main .pm__section-table,
#cc-main .pm__table-body,
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th,
#cc-main .pm__table-tr {
display: block;
}
#cc-main .pm__table-head {
display: none;
}
#cc-main .pm__table-tr:not(:last-child) {
border-bottom: 1px solid var(--cc-separator-border-color);
}
#cc-main .pm__table-td {
display: flex;
justify-content: space-between;
}
#cc-main .pm__table-td:before {
color: var(--cc-primary-color);
content: attr(data-column);
flex: 1;
font-weight: 600;
min-width: 100px;
overflow: hidden;
padding-right: 2em;
text-overflow: ellipsis;
}
#cc-main .pm__table-td > div {
flex: 3;
}
#cc-main .pm__btn-group,
#cc-main .pm__footer {
flex-direction: column !important;
}
#cc-main .pm__btn-group {
display: flex !important;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin: 0.375rem 0 0 !important;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-bottom: .375rem !important;
margin-top: 0 !important;
}
#cc-main .pm--flip .pm__btn-group,
#cc-main .pm--flip .pm__footer {
flex-direction: column-reverse !important;
}
.show--preferences #cc-main .cc--anim .pm {
transform: translateY(0) !important;
}
}
/** Konto użytkownika */
.dms-user {
margin: 30px auto 60px auto;
width: 100%;
max-width: 1200px;
padding: 0px 15px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
@media (min-width: 1201px) {
.dms-user {
width: 100%;
max-width: 1230px;
}
}
.dms-user-login,
.dms-user-password,
.dms-user-register,
.dms-user-status {
margin: 0px auto;
width: 100%;
max-width: 600px;
}
.dms-user-login-info,
.dms-user-password-info,
.dms-user-register-info,
.dms-user-status-info {
text-align: center;
margin: 20px auto 0px;
}
@media (min-width: 768px) {
.dms-user .el-button + .el-button[data-remove] {
float: right;
}
}
@media (max-width: 767px) {
.dms-user .el-button + .el-button[data-remove] {
display: table;
margin-top: 10px;
}
}
.dms-user .data-user-columns {
margin: 0px -15px;
}
.dms-user .data-user-columns:before,
.dms-user .data-user-columns:after {
clear: both;
display: block;
content: " ";
}
.dms-user .data-user-columns > div {
width: 50%;
float: left;
padding: 0px 15px;
}
@media (max-width: 767px) {
.dms-user .data-user-columns > div {
width: 100%;
float: none;
}
}
.dms-user-profile:before,
.dms-user-profile:after {
clear: both;
display: block;
content: " ";
}
.dms-user-profile-sidebar {
width: 30%;
float: left;
}
@media (max-width: 767px) {
.dms-user-profile-sidebar {
width: 100%;
float: none;
margin-bottom: 30px;
}
}
.dms-user-profile-sidebar .profile-nav li a {
color: #000000;
}
.dms-user-profile-sidebar .profile-nav li.active a {
color: #1ca1b6 !important;
}
.dms-user-profile-content {
width: 70%;
float: left;
}
@media (max-width: 767px) {
.dms-user-profile-content {
width: 100%;
float: none;
}
}
.dms-user-profile-content .order-detail .items .item {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin-bottom: 30px;
}
.dms-user-profile-content .order-detail .items .item-image {
width: 150px;
min-width: 150px;
margin-right: 30px;
}
@media (max-width: 480px) {
.dms-user-profile-content .order-detail .items .item-image {
width: 100px;
min-width: 100px;
margin-right: 20px;
}
}
.dms-user-profile-content .order-detail .items .item-image img {
border: 1px solid #d7e2e6;
}
.dms-user-profile-content .order-detail .items .item-image.has-set {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dms-user-profile-content .order-detail .items .item-image.has-set img {
margin: 0px 5px 10px;
max-width: 50%;
}
.dms-user-profile-content .order-detail .items .item-details {
width: 100%;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
@media (max-width: 600px) {
.dms-user-profile-content .order-detail .items .item-details {
display: block;
}
}
.dms-user-profile-content .order-detail .items .item-details-prices {
text-align: right;
min-width: 160px;
}
@media (max-width: 600px) {
.dms-user-profile-content .order-detail .items .item-details-prices {
text-align: left;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin-top: 20px;
}
}
@media (max-width: 480px) {
.dms-user-profile-content .order-detail .items .item-details-prices {
display: block;
}
}
.dms-user-profile-content .order-detail .items .item-details-detail {
width: 100%;
}
.dms-user-profile-content .order-detail .summary-data {
display: table;
margin: 0px 0px auto auto;
}
.dms-user-profile-content .order-detail .summary-data > div {
display: table-row;
}
.dms-user-profile-content .order-detail .summary-data > div > div {
padding: 10px 0px;
display: table-cell;
}
.dms-user-profile-content .order-detail .summary-data > div > div:last-child {
text-align: right;
}
.dms-user-profile-content .orders {
display: table;
width: 100%;
}
.dms-user-profile-content .orders .headings {
display: table-row;
}
.dms-user-profile-content .orders .headings > div {
padding: 10px;
display: table-cell;
border-bottom: 2px solid #d7e2e6;
vertical-align: middle;
}
@media (max-width: 767px) {
.dms-user-profile-content .orders .headings > div {
padding: 8px 5px;
}
}
.dms-user-profile-content .orders .headings > div:last-child {
text-align: right;
}
.dms-user-profile-content .orders .item {
display: table-row;
}
.dms-user-profile-content .orders .item > div {
padding: 10px;
display: table-cell;
border-bottom: 1px solid #d7e2e6;
vertical-align: middle;
}
@media (max-width: 767px) {
.dms-user-profile-content .orders .item > div {
padding: 8px 5px;
}
}
.dms-user-profile-content .orders .item > div.id {
font-size: 13px;
}
.dms-user-profile-content .orders .item > div.id strong {
display: block;
font-size: 1.2em;
}
.dms-user-profile-content .orders .item > div.id a {
display: block;
color: #1ca1b6;
}
.dms-user-profile-content .orders .item > div:last-child {
text-align: right;
}
.paczkomaty-row {
margin-bottom: 30px;
}
.paczkomaty-row .form-control {
width: 100%;
max-width: 800px;
min-width: 250px;
}
.paczkomaty-row .typeahead.dropdown-menu {
width: 500px;
max-width: 100%;
}
.paczkomaty-row li small {
display: block;
font-size: 12px;
}
.paczkomaty-row .promote {
font-weight: bold;
}
.paczkomaty-row .bootstrap-select button.dropdown-toggle {
padding: 10px 15px !important;
}
.paczkomaty-row .bootstrap-select .dropdown-menu {
left: 0px;
right: 0px;
}
.paczkomaty-row .bootstrap-select .dropdown-menu li a {
white-space: normal;
}
.paczkomaty-row .bootstrap-select .dropdown-menu li:hover .paczkomaty-row .bootstrap-select .dropdown-menu li.selected a,
.paczkomaty-row .bootstrap-select .dropdown-menu li.active a {
color: #FFF;
background: #1ca1b6;
}
.row-punkt-ruchu {
width: 100%;
border: 1px solid #d7e2e6;
}
.row-punkt-ruchu i {
padding: 13px 15px 13px 50px;
display: block;
font-weight: 700;
color: #FFF;
position: relative;
background: #5f615e;
}
.row-punkt-ruchu i.ruch1 {
background: #5f615e url('/grafika/const/paczka_marker.png') no-repeat left 15px center !important;
padding-left: 50px;
}
.row-punkt-ruchu i.ruch2 {
margin: 30px 0px;
}
@media (max-width: 580px) {
.row-punkt-ruchu i.ruch2 {
padding-left: 15px;
}
}
@media (max-width: 420px) {
.row-punkt-ruchu i.ruch2 {
text-align: center;
margin: 80px 0px 0px 0px;
}
}
.row-punkt-ruchu i.ruch2:after {
position: absolute;
right: 50px;
top: 50%;
width: 125px;
height: 81px;
background: url('/grafika/const/paczka_w_ruchu.png') no-repeat !important;
background-size: 100% 100% !important;
margin-top: -40px;
content: " ";
}
@media (max-width: 580px) {
.row-punkt-ruchu i.ruch2:after {
right: 15px;
}
}
@media (max-width: 420px) {
.row-punkt-ruchu i.ruch2:after {
top: -65px;
left: 50%;
width: 80px;
height: 52px;
margin-top: 0px;
margin-left: -40px;
}
}
#punkt_odbioru {
padding: 0px 15px;
}
#punkt_odbioru .paczkawruchu_main {
width: 100% !important;
background: #FFF !important;
height: auto !important;
border: 0px;
padding: 10px 0px 0px 0px;
}
#punkt_odbioru .paczkawruchu_main input.paczkawruchu_input {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 0px;
height: 30px;
line-height: 30px;
width: 160px;
display: inline-block;
margin: 5px 10px 5px 0px;
padding: 0px 10px;
}
#punkt_odbioru .paczkawruchu_main .paczkawruchu_input_search {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: 30px;
line-height: 30px;
display: inline-block;
top: 2px;
padding: 0px;
}
#punkt_odbioru .paczkawruchu_main .paczkawruchu_map_object {
margin: 10px 0px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 100% !important;
clear: both !important;
}
#carousel {
max-width: 1400px;
width: 100%;
margin: 0px auto;
}
#carousel .owl-nav {
margin-top: 0px;
}
@media (max-width: 380px) {
#carousel .owl-nav {
display: none !important;
}
}
#carousel .owl-nav .owl-prev,
#carousel .owl-nav .owl-next {
position: absolute;
left: 30px;
top: 50%;
margin: -25px 0px 0px 0px;
width: 50px;
height: 50px;
border: 1px solid #d7e2e6;
background: #FFF;
cursor: pointer;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
@media (max-width: 991px) {
#carousel .owl-nav .owl-prev,
#carousel .owl-nav .owl-next {
margin: 0px;
left: auto;
top: 15px;
right: 75px;
}
}
#carousel .owl-nav .owl-prev:before,
#carousel .owl-nav .owl-next:before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 12px;
color: #1e5a7c;
content: '\0055';
}
#carousel .owl-nav .owl-prev.owl-next,
#carousel .owl-nav .owl-next.owl-next {
left: auto;
right: 30px;
}
@media (max-width: 991px) {
#carousel .owl-nav .owl-prev.owl-next,
#carousel .owl-nav .owl-next.owl-next {
right: 15px;
}
}
#carousel .owl-nav .owl-prev.owl-next:before,
#carousel .owl-nav .owl-next.owl-next:before {
content: '\0056';
}
#carousel .item {
display: none;
}
#carousel .item:first-child {
display: block;
}
#carousel .item .item-base {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
#carousel .item .item-base .image img {
max-width: 100%;
}
#carousel .item .item-base .description {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
@media (max-width: 767px) {
#carousel .item .item-base .description .container {
width: 100%;
}
}
#carousel .item .item-base .description .description-inner {
width: 35%;
margin: 0px auto;
position: relative;
top: 100px;
opacity: 0;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
-moz-transition-delay: 0.4;
-webkit-transition-delay: 0.4;
transition-delay: 0.4;
}
#carousel .item .item-base .description .description-inner.text-align-center {
text-align: center;
}
#carousel .item .item-base .description .description-inner.text-align-center .el-button {
display: table;
margin-left: auto;
margin-right: auto;
}
#carousel .item .item-base .description .description-inner.to-left {
text-align: left;
margin: 0px;
width: 50%;
}
@media (max-width: 991px) {
#carousel .item .item-base .description .description-inner {
width: 70%;
margin: 0px auto 0px 0px;
text-align: left;
}
}
#carousel .item .item-base .description .description-inner .carousel-title {
color: #1e5a7c;
}
#carousel .item .item-base .description .description-inner h1,
#carousel .item .item-base .description .description-inner h2,
#carousel .item .item-base .description .description-inner .title-large,
#carousel .item .item-base .description .description-inner .title-big {
font-size: 39px;
margin: 0px;
}
@media (max-width: 580px) {
#carousel .item .item-base .description .description-inner h1,
#carousel .item .item-base .description .description-inner h2,
#carousel .item .item-base .description .description-inner .title-large,
#carousel .item .item-base .description .description-inner .title-big {
font-size: 36px;
}
}
@media (max-width: 480px) {
#carousel .item .item-base .description .description-inner h1,
#carousel .item .item-base .description .description-inner h2,
#carousel .item .item-base .description .description-inner .title-large,
#carousel .item .item-base .description .description-inner .title-big {
font-size: 24px;
}
}
#carousel .item .item-base .description .description-inner .description-body {
margin-top: 30px;
}
@media (max-width: 580px) {
#carousel .item .item-base .description .description-inner .description-body {
margin-top: 20px;
}
}
@media (max-width: 480px) {
#carousel .item .item-base .description .description-inner .description-body {
font-size: 13px;
}
}
#carousel .item .item-base .description .description-inner .el-button {
margin: 40px auto 0px auto;
}
@media (max-width: 991px) {
#carousel .item .item-base .description .description-inner .el-button {
margin: 30px 0px 0px 0px;
}
}
@media (max-width: 580px) {
#carousel .item .item-base .description .description-inner .el-button {
margin-top: 20px;
}
}
@media (max-width: 400px) {
#carousel .item .item-base .description .description-inner .el-button {
padding: 10px 15px;
}
}
#carousel .item .item-base-page .image img {
max-width: 100%;
}
#carousel .item .item-base-page .description {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
@media (max-width: 767px) {
#carousel .item .item-base-page .description .container {
width: 100%;
}
}
#carousel .item .item-base-page .description .description-inner {
width: 100%;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
left: -105%;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
-moz-transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
#carousel .item .item-base-page .description .description-inner.text-align-center {
text-align: center;
}
#carousel .item .item-base-page .description .description-inner .carousel-title {
color: #1e5a7c;
}
#carousel .item .item-base-page .description .description-inner h1,
#carousel .item .item-base-page .description .description-inner h2,
#carousel .item .item-base-page .description .description-inner .title-large,
#carousel .item .item-base-page .description .description-inner .title-big {
font-size: 43px;
margin: 0px;
}
@media (max-width: 580px) {
#carousel .item .item-base-page .description .description-inner h1,
#carousel .item .item-base-page .description .description-inner h2,
#carousel .item .item-base-page .description .description-inner .title-large,
#carousel .item .item-base-page .description .description-inner .title-big {
font-size: 36px;
}
}
#carousel .item .item-base-page .description .description-inner .description-body {
margin-top: 20px;
}
#carousel .owl-item.active .item .item-base .description .description-inner {
top: 0px;
opacity: 1;
}
#carousel .owl-item.active .item .item-base-page .description .description-inner {
left: 0px;
}
#carousel .owl-dots {
position: absolute;
left: 0px;
right: 0px;
bottom: 20px;
}
@media (max-width: 580px) {
#carousel .owl-dots {
right: 20px;
left: auto;
}
}
.button-icon {
display: inline-block;
color: #000000 !important;
font-weight: 400;
font-size: 13px;
padding-bottom: 2px;
text-decoration: none !important;
margin-left: 30px;
}
.button-icon i {
vertical-align: middle;
margin-left: 6px;
}
/* domyślne buttony */
.button-more,
.el-button-more {
display: inline-block;
color: #000000 !important;
font-weight: 400;
font-size: 16px;
padding-bottom: 2px;
border-bottom: 1px solid #1e5a7c;
text-decoration: none !important;
}
.button-more:hover,
.el-button-more:hover {
color: #1e5a7c !important;
}
.button-more.is-expand,
.el-button-more.is-expand {
display: table;
margin: 10px 0px auto auto;
font-size: 14px;
border-bottom: 0px;
}
.button-more.is-expand:after,
.el-button-more.is-expand:after {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #1e5a7c;
margin-left: 10px;
content: '\0054';
}
.button-more + .button-more,
.el-button-more + .button-more {
margin-left: 10px;
}
.form-buttons {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
@media (max-width: 480px) {
.form-buttons {
display: block;
}
.form-buttons .el-button,
.form-buttons .button {
width: 100%;
text-align: center;
}
.form-buttons .el-button + .el-button,
.form-buttons .button + .el-button,
.form-buttons .el-button + .button,
.form-buttons .button + .button {
margin-top: 10px;
}
}
.el-button-small {
background: #ffffff;
border: 2px solid #1e5a7c;
font-size: 14px;
display: block;
text-transform: uppercase;
text-decoration: none !important;
outline: 0px !important;
color: #1e5a7c;
cursor: pointer;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width: 100%;
text-align: center;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
font-weight: bold;
padding: 6px 10px;
margin-bottom: 10px;
}
.el-button-small:last-child {
margin-bottom: 0px;
}
.el-button-small.is-cart {
background: #1ca1b6 !important;
border-color: #1ca1b6 !important;
color: #ffffff !important;
}
.el-button-small.is-cart::before {
background: url('/img/i-basket-white.png') no-repeat left center;
background-size: 22px 22px !important;
width: 22px;
height: 22px;
display: inline-block;
content: " ";
margin: -4px 10px -4px 0px;
}
.el-button,
.button {
display: table;
margin: 30px 0px 0px 0px;
background: #ffffff;
border: 2px solid #1e5a7c;
font-size: 14px;
font-weight: bold;
line-height: 20px;
padding: 13px 30px;
text-transform: uppercase;
text-decoration: none !important;
outline: 0px !important;
color: #1e5a7c;
cursor: pointer;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.el-button.is-small,
.button.is-small {
padding: 10px 20px;
}
.el-button i,
.button i {
vertical-align: middle;
margin-left: 15px;
position: relative;
top: 1px;
}
.el-button[class^="i-"]::after,
.button[class^="i-"]::after {
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\0075';
margin-left: 15px;
color: #94a3b8;
position: relative;
top: 1px;
display: inline-block;
}
.el-button.is-blue,
.button.is-blue,
.el-button.is-niebieski,
.button.is-niebieski,
.el-button.is-action,
.button.is-action {
border-color: #1ca1b6;
background: #1ca1b6;
color: #ffffff;
}
.el-button.is-orange,
.button.is-orange,
.el-button.is-pomaranczowy,
.button.is-pomaranczowy {
border-color: #ea9115;
background: #ea9115;
color: #ffffff;
}
.el-button.is-orange:hover,
.button.is-orange:hover,
.el-button.is-pomaranczowy:hover,
.button.is-pomaranczowy:hover {
box-shadow: 0px 0px 30px rgba(234, 145, 21, 0.5);
}
.el-button.is-pink,
.button.is-pink,
.el-button.is-rozowy,
.button.is-rozowy {
border-color: #d92861;
background: #d92861;
color: #ffffff !important;
}
.el-button.is-dark,
.button.is-dark {
background: #000000;
border-color: #000000;
color: #ffffff;
}
.el-button.is-dark:hover,
.button.is-dark:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.el-button.is-cart,
.button.is-cart {
background: #1ca1b6 !important;
border-color: #1ca1b6 !important;
color: #ffffff !important;
padding: 8px 30px;
}
.el-button.is-cart span,
.button.is-cart span {
padding-left: 40px;
background: url('/img/i-basket-white.png') no-repeat left center;
background-size: 22px 22px !important;
display: table;
margin: 0px auto;
line-height: 30px;
}
.el-button.small-margin,
.button.small-margin {
margin-top: 10px;
}
.el-button.is-block,
.button.is-block {
width: 100%;
display: block;
text-align: center;
}
.el-button.btn-without-background,
.button.btn-without-background {
background: none;
color: #1e5a7c;
opacity: .8;
}
.el-button.is-right,
.button.is-right {
display: table;
margin: 0px 0px auto auto;
}
.el-button:not(.is-rozowy):not(.is-pink):not(.is-dark):not(.is-orange):not(.is-pomaranczowy):hover,
.button:not(.is-rozowy):not(.is-pink):not(.is-dark):not(.is-orange):not(.is-pomaranczowy):hover {
background: #1ca1b6;
border-color: #1ca1b6;
color: #ffffff !important;
box-shadow: 0px 0px 30px rgba(28, 161, 182, 0.5);
}
.el-button.in-list,
.button.in-list {
display: block;
line-height: normal;
padding: 0px 15px;
line-height: 37px;
height: 40px;
margin: 0px;
text-align: center !important;
width: 100%;
margin-bottom: 10px;
font-size: 13px;
}
.el-button.in-list span,
.button.in-list span {
margin: -10px 0px;
}
.countrypicker .dropdown-toggle .filter-option-inner-inner .inline-flag {
margin-top: 4px;
}
.countrypicker .dropdown-menu {
min-width: auto !important;
left: 0px !important;
right: 0px !important;
}
.countrypicker .dropdown-menu > li a {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 5px 20px;
white-space: normal;
}
.countrypicker .inline-flag {
min-width: 16px !important;
}
.country-change {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
cursor: pointer;
text-decoration: none !important;
}
.country-change:hover {
color: #1ca1b6 !important;
}
.country-change .country {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
color: #000000 !important;
}
.country-change .country .f16 {
height: 16px;
margin-right: 5px;
}
a {
color: #000000;
}
a:hover {
color: inherit;
}
/* Domyślny link */
.section a[href]:not(h1>a,h2>a,h3>a,h4>a,h5>a,h6>a):not(.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a,.title-large>a,.title-big>a,.title-medium>a,.title-small>a):not(.a-title):not(.image > a:not(.DmsImageBox)):not([href^="tel:"]):not(.el-button):not(.button):not(.el-more):not(.button-more):not(.box-more):not(.DmsImageBox):not(.plik):not(.title-small):not(.title-medium):not(.title-big):not(.title-large),
.layout a[href]:not(h1>a,h2>a,h3>a,h4>a,h5>a,h6>a):not(.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a,.title-large>a,.title-big>a,.title-medium>a,.title-small>a):not(.a-title):not(.image > a:not(.DmsImageBox)):not([href^="tel:"]):not(.el-button):not(.button):not(.el-more):not(.button-more):not(.box-more):not(.DmsImageBox):not(.plik):not(.title-small):not(.title-medium):not(.title-big):not(.title-large) {
color: #000000;
text-decoration: none !important;
padding-bottom: 1px;
border-bottom: 1px solid #1ca1b6;
}
.section a[href]:not(h1>a,h2>a,h3>a,h4>a,h5>a,h6>a):not(.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a,.title-large>a,.title-big>a,.title-medium>a,.title-small>a):not(.a-title):not(.image > a:not(.DmsImageBox)):not([href^="tel:"]):not(.el-button):not(.button):not(.el-more):not(.button-more):not(.box-more):not(.DmsImageBox):not(.plik):not(.title-small):not(.title-medium):not(.title-big):not(.title-large):hover,
.layout a[href]:not(h1>a,h2>a,h3>a,h4>a,h5>a,h6>a):not(.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a,.title-large>a,.title-big>a,.title-medium>a,.title-small>a):not(.a-title):not(.image > a:not(.DmsImageBox)):not([href^="tel:"]):not(.el-button):not(.button):not(.el-more):not(.button-more):not(.box-more):not(.DmsImageBox):not(.plik):not(.title-small):not(.title-medium):not(.title-big):not(.title-large):hover {
color: #1ca1b6;
border-bottom-color: #1ca1b6;
}
.alert,
.el-alert,
.form-info {
padding: 12px 15px;
font-size: 16px;
margin-bottom: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.alert::before,
.el-alert::before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\0061';
vertical-align: middle;
margin-right: 10px;
}
.alert.alert-info,
.el-alert.alert-info,
.alert.is-info,
.el-alert.is-info {
background: rgba(27, 136, 192, 0.05);
border: 1px solid rgba(27, 136, 192, 0.3);
color: #1b88c0;
}
.alert.alert-danger,
.el-alert.alert-danger,
.alert.is-danger,
.el-alert.is-danger {
background: rgba(208, 3, 7, 0.05);
border: 1px solid rgba(208, 3, 7, 0.3);
color: #d00307;
}
.alert.alert-danger::before,
.el-alert.alert-danger::before,
.alert.is-danger::before,
.el-alert.is-danger::before {
content: '\0053';
}
.alert.alert-warning,
.el-alert.alert-warning,
.alert.is-warning,
.el-alert.is-warning {
background: rgba(133, 77, 14, 0.05);
border: 1px solid rgba(133, 77, 14, 0.3);
color: #854d0e;
}
.alert.alert-success,
.el-alert.alert-success,
.alert.is-success,
.el-alert.is-success {
background: rgba(112, 172, 56, 0.05);
border: 1px solid rgba(112, 172, 56, 0.3);
color: #70ac38;
}
.alert.alert-success::before,
.el-alert.alert-success::before,
.alert.is-success::before,
.el-alert.is-success::before {
content: "\0047";
}
.modal-dms .modal-dialog .modal-content {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
border: 0px !important;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) !important;
}
.modal-dms .modal-dialog .modal-content .modal-close {
position: absolute;
top: 15px;
right: 15px;
width: 15px;
height: 15px;
padding: 0px;
margin: 0px;
background: none;
border: 0px;
outline: none;
z-index: 101;
cursor: pointer;
font-size: 13px;
}
.modal-dms .modal-dialog .modal-content .modal-close:hover {
color: #ced6e0;
}
.modal-dms .modal-dialog .modal-content .modal-close::before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
content: '\004d';
}
.modal-dms .modal-dialog .modal-content .modal-header {
border-bottom: 1px solid #d7e2e6;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
width: 100%;
padding: 15px 30px;
position: relative;
padding-right: 30px;
}
.modal-dms .modal-dialog .modal-content .modal-header .modal-title {
width: 100%;
font-size: 16px;
font-weight: bold;
}
.modal-dms .modal-dialog .modal-content .modal-header .modal-close {
top: 50%;
margin-top: -8px;
}
.modal-dms .modal-dialog .modal-content .modal-body {
padding: 30px;
position: relative;
}
.modal-dms .modal-dialog .modal-content .modal-body .modal-title {
margin-bottom: 30px;
}
.modal-dms .modal-dialog .modal-content .modal-body .modal-close {
right: 15px;
top: 15px;
}
.modal-dms .modal-dialog .modal-content .modal-body p:last-child {
margin-bottom: 0px;
}
.modal-dms .modal-dialog .modal-content .modal-footer {
padding: 15px 30px;
background: rgba(215, 226, 230, 0.3);
}
.modal-dms .modal-dialog .modal-content .modal-footer .el-button,
.modal-dms .modal-dialog .modal-content .modal-footer .button {
margin: 5px 0px;
}
@media (max-width: 420px) {
.modal-dms .modal-dialog .modal-content .modal-footer .el-button,
.modal-dms .modal-dialog .modal-content .modal-footer .button {
width: 100%;
text-align: center;
}
}
.modal-dms .modal-dialog .modal-content .modal-footer button[data-bb-handler="confirm"] {
float: right;
}
@media (max-width: 420px) {
.modal-dms .modal-dialog .modal-content .modal-footer button[data-bb-handler="confirm"] {
float: none;
}
}
.modal-dms .modal-dialog .modal-content .modal-footer button[data-bb-handler="cancel"] {
float: left;
}
@media (max-width: 420px) {
.modal-dms .modal-dialog .modal-content .modal-footer button[data-bb-handler="cancel"] {
float: none;
}
}
.modal-backdrop {
background: #94a3b8;
}
.modal-backdrop.in {
opacity: .3;
}
.modal-popup.only-image {
display: grid;
padding: 0px 15px;
}
.modal-popup.only-image .modal-dialog {
width: 100%;
align-self: center;
margin: 0px auto;
}
.modal-popup.only-image .modal-close {
right: 0px !important;
top: -24px !important;
}
.modal-popup.only-image .modal-content {
background: none;
border: 0px;
padding: 0px;
box-shadow: none !important;
}
.modal-popup.only-image .modal-content .modal-body {
padding: 0px;
}
#content > .container {
padding: 0px;
}
img {
max-width: 100%;
height: auto !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bootstrap-select {
width: 100% !important;
min-width: 60px;
max-width: 600px;
}
.bootstrap-select button {
line-height: 48px;
height: 50px;
padding: 0px 50px 0px 20px;
}
.bootstrap-select .filter-option {
position: relative !important;
padding: 0px !important;
top: auto;
left: auto;
display: inline-block;
}
.dropdown-menu {
padding: 0px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #d7e2e6;
font-size: 13px;
}
.dropdown-menu > li a {
background: #ffffff;
color: #000000;
}
.dropdown-menu > li:hover > a,
.dropdown-menu > li.active > a,
.dropdown-menu > li.selected > a {
color: #ffffff !important;
background: #1e5a7c !important;
}
#wruchuModal_div .searchBar__location {
box-sizing: unset;
}
.embeddedContent {
text-align: center;
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.embeddedContent iframe,
.embeddedContent object,
.embeddedContent video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper video {
width: 100%;
height: auto !important;
}
.table-responsive {
margin: 0px;
}
@-webkit-keyframes animateArrow {
0% {
margin: 0px 10px;
}
50% {
margin: 0px 0px;
}
100% {
margin: 0px 10px;
}
}
@-moz-keyframes animateArrow {
0% {
margin: 0px 10px;
}
50% {
margin: 0px 0px;
}
100% {
margin: 0px 10px;
}
}
@-o-keyframes animateArrow {
0% {
margin: 0px 10px;
}
50% {
margin: 0px 0px;
}
100% {
margin: 0px 10px;
}
}
@keyframes animateArrow {
0% {
margin: 0px 10px;
}
50% {
margin: 0px 0px;
}
100% {
margin: 0px 10px;
}
}
.table-responsive-info {
display: block;
text-align: center;
font-size: 10px;
}
@media (max-width: 767px) {
.table-responsive-info {
padding: 10px 20px;
}
}
@media (max-width: 767px) {
.table-responsive-info strong:before {
content: "Przesuń w prawo bądź lewo za pomocą palca";
}
}
@media (max-width: 767px) {
.table-responsive-info .tr-left {
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
position: absolute;
left: 0px;
-webkit-animation: animateArrow 1s infinite;
-moz-animation: animateArrow 1s infinite;
-o-animation: animateArrow 1s infinite;
animation: animateArrow 1s infinite;
}
.table-responsive-info .tr-left:before {
content: "\e079";
}
}
@media (max-width: 767px) {
.table-responsive-info .tr-right {
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
content: "\e080";
position: absolute;
right: 0px;
-webkit-animation: animateArrow 1s infinite;
-moz-animation: animateArrow 1s infinite;
-o-animation: animateArrow 1s infinite;
animation: animateArrow 1s infinite;
}
.table-responsive-info .tr-right:before {
content: "\e080";
}
}
@media (max-width: 767px) {
table {
margin-bottom: 15px;
}
}
table img {
min-width: 100px;
max-width: 100%;
height: auto !important;
}
.alert-center {
text-align: center;
}
.offers {
display: table-row;
}
/* Kreator formularzy */
.pole-inline {
display: inline-block;
}
.pole-2zn {
width: 40px;
}
.pole-3zn {
width: 60px;
}
#req_s {
margin-top: 10px;
}
label {
margin: 0px;
padding: 0px;
font-weight: inherit;
display: block;
}
/* CSS dodatki */
input {
vertical-align: middle;
}
blockquote {
margin-left: 30px;
}
hr:not(.flag),
.hr:not(.flag) {
background: #d7e2e6;
margin: 30px 0px;
}
p + hr,
p + .hr {
margin-top: 0px;
}
/* SYSTEMOWE */
body.cke_editable {
padding: 10px;
}
.mailer {
display: none;
}
.hidden {
display: none;
}
.responsive-right {
text-align: right;
float: right;
}
.responsive-left {
text-align: left;
float: left;
}
/* DODATKI */
@media (max-width: 768px) {
.responsive-left,
.responsive-right {
text-align: center;
float: none;
}
}
/* Edycja inline */
.cms-page-edit {
position: relative;
padding: 10px 0px;
text-align: right;
font-size: 12px;
}
.cms-page-edit > a.cms-link {
color: #000000;
}
.cms-page-edit > a.cms-link span {
margin-left: 10px;
color: #4dab34;
}
.cms-edit {
position: relative;
}
.cms-edit > a.cms-link {
position: absolute !important;
top: -10px !important;
right: -10px !important;
height: 20px !important;
line-height: 20px !important;
padding: 0px 10px !important;
color: #FFF !important;
text-align: center !important;
background: #FFF !important;
font-size: 11px !important;
opacity: 0 !important;
z-index: 9999 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #154fc3 !important;
}
.cms-edit > a.cms-link::before {
content: "EDYTUJ";
}
.cms-edit > a.cms-link span {
display: none;
}
.cms-edit::before {
content: " ";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
background: rgba(21, 79, 195, 0.04);
border: 1px dashed rgba(21, 79, 195, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
z-index: -1;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 0;
}
.cms-edit:hover:before,
.cms-edit:hover a.cms-link {
opacity: 1 !important;
}
.owl-carousel .item {
display: none;
}
.owl-carousel .item:first-child {
display: block;
}
.is-center {
text-align: center;
}
.pagination-wrapper {
padding: 60px 0px;
border-top: 1px solid #d7e2e6;
}
.el-pagination-loader {
background: #000;
height: 400px;
}
.el-pagination {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
padding: 0px;
margin: 0px;
/** Test */
}
.el-pagination.is-test {
background: #FFF;
position: fixed;
z-index: 999999;
bottom: 0px;
left: 0px;
right: 0px;
}
.el-pagination > li {
display: inline-block;
}
.el-pagination > li a {
font-size: 14px;
font-weight: bold;
display: block;
line-height: 50px;
height: 50px;
width: 50px;
color: inherit;
text-decoration: none;
background: #FFF;
text-align: center;
border: 1px solid #d7e2e6;
color: rgba(30, 90, 124, 0.5) !important;
background: none;
margin-left: 10px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.el-pagination > li a.pagination-prev::before {
font-family: 'dms', sans-serif;
content: '\0055';
font-size: 10px;
color: #1e5a7c;
}
.el-pagination > li a.pagination-next::before {
font-family: 'dms', sans-serif;
content: '\0056';
font-size: 10px;
color: #1e5a7c;
}
.el-pagination > li.active a {
background: #1ca1b6 !important;
border-color: #1ca1b6 !important;
color: #ffffff !important;
}
.el-pagination > li:hover a {
background: #d7e2e6;
}
.dms .form-group {
position: relative;
}
.dms .form-group .error-info {
font-size: 12px;
color: #d00307;
}
.dms .form-group label.label-in {
color: #727272;
padding: 0px;
margin: 0px;
height: 50px;
line-height: 50px;
top: 0px;
position: absolute;
left: 15px;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index: 10;
}
.dms .form-group.focus-state .label-in {
font-size: 12px;
height: 17px;
line-height: 17px;
padding: 0px 7px;
top: -8px;
background: #FFF;
}
.dms .form-group.focus-state .form-control {
border: 1px solid #1ca1b6;
}
.dms .form-group.focus .label-in {
color: #1ca1b6;
}
.dms .form-group.focus .form-control {
border: 1px solid #1ca1b6 !important;
}
.dms .form-group.has-error.focus .label-in {
color: #d00307;
}
.dms .form-group.has-error.focus .form-control {
border: 1px solid #d00307 !important;
}
@media (max-width: 480px) {
.col-xxs-12 {
width: 100% !important;
float: none !important;
}
}
@media all and (max-width: 767px) {
.row-offcanvas {
position: relative;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.row-offcanvas-left,
.sidebar-offcanvas {
left: -230px;
}
.row-offcanvas-left.active {
left: 230px;
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 230px !important;
}
.row-offcanvas-left {
left: 0px;
}
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
background: #ebf3f6;
font-weight: 400;
color: #000000;
}
body.is-blur {
overflow: hidden;
}
body.is-blur .main-body,
body.is-blur footer,
body.is-blur .copyright {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
}
a::focus {
outline: 0px !important;
}
.container-empty {
padding-top: 30px;
padding-bottom: 30px;
}
.spacer {
height: 15px;
}
.sidebar-inner .sort-options > span {
padding: 0px 10px 0px 0px;
color: rgba(30, 90, 124, 0.5);
display: table;
margin-bottom: 15px;
font-size: 13px;
}
.sidebar-inner .sort-options .bootstrap-select .form-selectpicker {
border: 0px;
line-height: 20px;
height: 20px;
}
.sidebar-inner .sort-options .bootstrap-select .dropdown-menu {
left: auto;
right: 0px;
}
.wrapper {
max-width: 1920px;
width: 100%;
margin: 0px auto;
overflow-x: hidden;
background: #ebf3f6;
}
.container {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
@media (min-width: 1201px) {
.container {
width: 100%;
max-width: 1230px;
}
}
.content-has-sidebar .container {
width: 100% !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.title-large,
.title-big,
.title-medium,
.title-small,
.filters .title-filter {
color: #000000;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.title-large a,
.title-big a,
.title-medium a,
.title-small a {
color: inherit !important;
text-decoration: none !important;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.title-large span,
.title-big span,
.title-medium span,
.title-small span {
font-size: 13px;
display: block;
}
h1,
.h1,
.title-large {
font-size: 33px;
font-weight: 400;
line-height: 1.2;
margin: 0px 0px 30px 0px;
color: #1e5a7c;
}
h2,
.h2,
.title-big {
font-size: 33px;
font-weight: 400;
line-height: 1.2;
margin: 0px 0px 30px 0px;
color: #1e5a7c;
}
h3,
.h3,
.title-medium {
font-size: 23px;
font-weight: 400;
line-height: 1.2;
margin: 0px 0px 20px 0px;
color: #1e5a7c;
}
h4,
.h4,
.title-small,
.filters .title-filter {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
margin: 0px 0px 15px 0px;
color: #1e5a7c;
}
.body ul:not(.nav):not(.dropdown-menu):not(.nav-tabs):not(.ul-styled):not(#point-list):not(.el-pagination):not(.iti__country-list),
.cke_editable ul:not(.nav):not(.dropdown-menu):not(.nav-tabs):not(.ul-styled):not(#point-list):not(.el-pagination):not(.iti__country-list) {
padding-left: 0px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.body ul:not(.nav):not(.dropdown-menu):not(.nav-tabs):not(.ul-styled):not(#point-list):not(.el-pagination):not(.iti__country-list) > li,
.cke_editable ul:not(.nav):not(.dropdown-menu):not(.nav-tabs):not(.ul-styled):not(#point-list):not(.el-pagination):not(.iti__country-list) > li {
display: block;
padding-left: 20px;
margin: 3px 0px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.body ul:not(.nav):not(.dropdown-menu):not(.nav-tabs):not(.ul-styled):not(#point-list):not(.el-pagination):not(.iti__country-list) > li:before,
.cke_editable ul:not(.nav):not(.dropdown-menu):not(.nav-tabs):not(.ul-styled):not(#point-list):not(.el-pagination):not(.iti__country-list) > li:before {
content: " ";
width: 8px;
height: 8px;
border: 2px solid #1e5a7c;
position: absolute;
left: 0px;
top: 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.breadcrumb {
padding: 30px 0px;
background: none;
margin: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.breadcrumb > li {
color: rgba(30, 90, 124, 0.5);
font-size: 13px;
}
.breadcrumb > li a,
.breadcrumb > li span {
color: inherit;
}
.breadcrumb > li:nth-child(1)::before,
.breadcrumb > li:nth-child(2)::before {
display: none;
}
.breadcrumb li + li:before {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\0056";
padding: 0px 10px;
font-size: 10px;
color: #1e5a7c;
}
.header-spacer {
height: 156px;
}
.header-spacer.pl {
height: 175px;
}
@media (max-width: 991px) {
.header-spacer {
height: 85px !important;
}
}
header {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
z-index: 100;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
max-width: 1400px;
margin: 0px auto;
width: 100%;
background: #ebf3f6;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
}
header .heading {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 30px 0px;
}
header .heading:after {
clear: both;
display: block;
content: " ";
}
@media (max-width: 991px) {
header .heading {
padding: 20px 0px;
}
}
header .heading .logo {
float: left;
}
header .heading .logo img,
header .heading .logo svg {
width: 242px;
height: 45px;
display: block;
}
header .header-action {
position: absolute;
right: 0px;
top: 28px;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 991px) {
header .header-action {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
display: block;
}
}
header .header-action .search {
order: 1;
position: relative;
}
@media (max-width: 991px) {
header .header-action .search {
margin-top: 30px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
}
header .header-action .search form {
max-width: 350px;
padding-right: 70px;
border: 1px solid #d7e2e6;
background: #FFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
/* WebKit, Blink, Edge */
/* Mozilla Firefox 4 to 18 */
/* Mozilla Firefox 19+ */
/* Internet Explorer 10-11 */
/* Microsoft Edge */
}
@media (min-width: 992px) and (max-width: 1200px) {
header .header-action .search form {
max-width: 210px;
padding-right: 40px;
}
}
@media (max-width: 991px) {
header .header-action .search form {
max-width: 100%;
}
}
header .header-action .search form input {
width: 100%;
height: 48px;
line-height: 48px;
padding: 0px 30px;
font-size: 13px;
color: #000000;
border: 0px !important;
outline: 0px !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
@media (min-width: 992px) and (max-width: 1200px) {
header .header-action .search form input {
padding: 0px 15px;
}
}
header .header-action .search form ::-webkit-input-placeholder {
color: rgba(30, 90, 124, 0.5);
}
header .header-action .search form :-moz-placeholder {
color: rgba(30, 90, 124, 0.5);
}
header .header-action .search form ::-moz-placeholder {
color: rgba(30, 90, 124, 0.5);
}
header .header-action .search form :-ms-input-placeholder {
color: rgba(30, 90, 124, 0.5);
}
header .header-action .search form ::-ms-input-placeholder {
color: rgba(30, 90, 124, 0.5);
}
header .header-action .search form button {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 70px;
background: #ffffff url('/img/i-search.svg') no-repeat center center;
background-size: 18px 18px !important;
border: 0px !important;
box-shadow: none !important;
outline: 0px !important;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@media (min-width: 992px) and (max-width: 1200px) {
header .header-action .search form button {
width: 40px;
}
}
header .header-action .nav-top {
margin: 0px 20px;
order: 2;
}
@media (max-width: 1200px) {
header .header-action .nav-top {
margin: 0px 10px;
}
}
@media (max-width: 991px) {
header .header-action .nav-top {
margin: 10px 0px 0px 0px;
}
}
@media (max-width: 991px) {
header .header-action .nav-top > li {
display: inline-block;
float: none;
}
}
header .header-action .nav-top > li > a {
font-size: 13px;
color: #000000;
padding: 10px;
background: none;
}
@media (max-width: 991px) {
header .header-action .nav-top > li > a {
padding: 10px 20px 0px 0px;
font-weight: 600;
}
}
header .header-action .nav-top > li:hover > a,
header .header-action .nav-top > li.active > a {
color: #1ca1b6;
}
header .header-action .user-cart-wrap {
order: 3;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 991px) {
header .header-action .user-cart-wrap {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
}
header .header-action .user-cart-wrap .user-cart {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
header .header-action .user-cart-wrap .user-cart a {
padding: 0px 30px;
color: #000000;
text-decoration: none !important;
border-left: 1px solid #d7e2e6;
}
@media (min-width: 992px) and (max-width: 1200px) {
header .header-action .user-cart-wrap .user-cart a {
padding: 0px 15px;
}
}
@media (max-width: 991px) {
header .header-action .user-cart-wrap .user-cart a:first-child {
border-left: 0px;
padding-left: 0px;
}
}
header .header-action .user-cart-wrap .user-cart a span {
line-height: 30px;
display: table;
margin: 0px auto;
padding-left: 32px;
font-size: 13px;
}
header .header-action .user-cart-wrap .user-cart a.panel span {
background: url('/img/i-panel.svg') no-repeat left center;
background-size: 20px 23px !important;
}
header .header-action .user-cart-wrap .user-cart a.account span {
background: url('/img/i-account.svg') no-repeat left center;
background-size: 24px 22px !important;
}
header .header-action .user-cart-wrap .user-cart a.cart-basket span {
background: url('/img/i-basket.svg') no-repeat left center;
background-size: 22px 22px !important;
}
header .header-action .user-cart-wrap .languages {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
border-left: 1px solid #d7e2e6;
padding: 9px 20px 9px 30px;
cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1200px) {
header .header-action .user-cart-wrap .languages {
padding-left: 15px;
}
}
header .header-action .user-cart-wrap .languages:after {
display: inline-block;
font-family: 'dms';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 0px;
top: 50%;
margin-top: -5px;
color: #1e5a7c;
font-size: 10px;
content: '\0054';
}
header .header-action .user-cart-wrap .languages a {
width: 20px;
height: 12px;
padding: 0px;
display: block;
font-size: 13px;
text-transform: uppercase;
color: #000000 !important;
}
header .header-action .user-cart-wrap .languages a.pl {
background: #ffffff url('/img/i-flag-pl.svg') no-repeat left center !important;
background-size: 20px 12px !important;
}
header .header-action .user-cart-wrap .languages a.en {
background: #ffffff url('/img/i-flag-en.svg') no-repeat left center !important;
background-size: 20px 12px !important;
}
header .header-action .user-cart-wrap .languages a.de {
background: #ffffff url('/img/i-flag-de.svg') no-repeat left center !important;
background-size: 20px 12px !important;
}
header .header-action .user-cart-wrap .languages a.fr {
background: #ffffff url('/img/i-flag-fr.svg') no-repeat left center !important;
background-size: 20px 12px !important;
}
header .header-action .user-cart-wrap .languages a.es {
background: #ffffff url('/img/i-flag-es.svg') no-repeat left center !important;
background-size: 20px 12px !important;
}
header .header-action .user-cart-wrap .languages a.it {
background: #ffffff url('/img/i-flag-it.svg') no-repeat left center !important;
background-size: 20px 12px !important;
}
header .header-action .user-cart-wrap .languages .dropdown-menu {
left: auto;
right: 0px;
min-width: auto;
padding: 5px 10px;
}
header .header-action .user-cart-wrap .languages .dropdown-menu > li > a {
width: 50px;
height: 20px;
line-height: 20px;
padding-left: 30px;
}
header .header-action .user-cart-wrap .languages .dropdown-menu > li:hover > a {
color: #1ca1b6 !important;
}
@media (min-width: 992px) {
header .menu {
background: #FFF;
border-bottom: 1px solid #d7e2e6;
}
}
@media (min-width: 992px) {
header .menu .container {
padding: 0px !important;
}
}
@media (min-width: 992px) {
header.in {
top: -105px;
}
}
header.is-open {
bottom: 0px;
padding-bottom: 30px;
overflow-y: auto;
background: #ebf3f6;
}
footer {
padding-top: 60px;
}
@media (max-width: 767px) {
footer {
padding-top: 40px;
}
footer .col-xs-12 {
margin-bottom: 40px;
text-align: left !important;
}
}
footer a[href^="tel:"] {
color: #000000 !important;
}
footer .h4 {
font-weight: bold;
}
footer .nav-footer {
padding-top: 55px;
}
@media (max-width: 767px) {
footer .nav-footer {
padding-top: 0px;
}
}
footer .nav-footer a {
display: inline-block;
border-bottom: 1px solid #1e5a7c;
margin: 0px 0px 5px 10px;
text-decoration: none !important;
font-size: 13px;
color: #000000;
}
@media (max-width: 767px) {
footer .nav-footer a {
margin: 0px 10px 5px 0px;
}
}
footer .copyright {
padding: 40px 0px;
color: rgba(30, 90, 124, 0.5);
font-size: 13px;
}
footer .copyright:after {
clear: both;
display: block;
content: " ";
}
@media (max-width: 767px) {
footer .copyright {
padding: 0px 0px 40px 0px;
}
}
footer .copyright a {
color: inherit;
}
footer .copyright .copy {
float: left;
}
@media (max-width: 767px) {
footer .copyright .copy {
float: none;
}
}
footer .copyright .zstudio {
float: right;
}
@media (max-width: 767px) {
footer .copyright .zstudio {
margin-top: 5px;
float: none;
}
}
.content-heading h1 {
margin: 0px 0px 30px 0px;
}
.content-heading .sort-options {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0px 0px 30px 0px;
padding-bottom: 10px;
border-bottom: 1px solid #d7e2e6;
}
.content-heading .sort-options.only-sort {
border-bottom: 0px;
margin-bottom: 0px;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
@media (max-width: 440px) {
.content-heading .sort-options {
-webkit-box-lines: multiple;
-moz-box-lines: mulitple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.content-heading .sort-options > div {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
font-size: 13px;
color: #000000;
}
.content-heading .sort-options > div > span {
padding: 0px 10px 0px 0px;
color: rgba(30, 90, 124, 0.5);
font-size: 13px;
display: inline-block;
line-height: 22px;
height: 22px;
}
.content-heading .sort-options > div .bootstrap-select {
line-height: 22px;
height: 22px;
}
.content-heading .sort-options > div .bootstrap-select .form-selectpicker {
border: 0px;
line-height: 22px;
height: 22px;
}
.content-heading .sort-options > div .bootstrap-select .dropdown-menu {
left: auto;
right: 0px;
}