@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(//centrumstamina.pl/wp-content/plugins/xpanel/assets/fonts/MaterialIcons-Regular.eot); src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(//centrumstamina.pl/wp-content/plugins/xpanel/assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(//centrumstamina.pl/wp-content/plugins/xpanel/assets/fonts/MaterialIcons-Regular.woff) format('woff'),
url(//centrumstamina.pl/wp-content/plugins/xpanel/assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.mdi,
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: inherit;
display: inline-block;
line-height: 1;
text-transform: none;
vertical-align: middle; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
} .screen-reader-text,
.sr-only {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
}
.screen-reader-text:focus,
.sr-only:focus {
background-color: #f5f5f5;
clip: auto;
display: block;
height: auto;
line-height: normal;
padding: 16px 24px;
position: absolute;
left: 4px;
top: 4px;
text-decoration: none;
text-transform: none;
width: auto;
z-index: 100000; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.24);
box-shadow: 0 1px 3px rgba(0,0,0,.24);
} #sliding-panel-actions {
position: fixed;
overflow: hidden;
z-index: 114;
display: none;
}
#sliding-panel-actions {
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.24), 0 -3px 8px rgba(0,0,0,.12);
-moz-box-shadow: 0 -1px 3px rgba(0,0,0,.24), 0 -3px 8px rgba(0,0,0,.12);
box-shadow: 0 -1px 3px rgba(0,0,0,.24), 0 -3px 8px rgba(0,0,0,.12);
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#sliding-panel-actions:hover {
-webkit-box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
}
.panel-toggle {
display: inline-block;
margin: 6px 0;
padding: 6px 16px 6px 48px;
color: inherit;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.panel-pos-right .panel-toggle {
padding: 6px 48px 6px 16px;
}
.panel-toggle:before {
width: 48px;
font-size: 24px;
line-height: 1;
line-height: 24px;
content: '\e5d2';
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
display: inline-block;
text-transform: none;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
.panel-pos-right .panel-toggle:before {
left: auto;
right: 0;
}
.panel-toggle.icon-style:before {
line-height: 48px;
}
.panel-toggle.icon-style {
position: absolute;
margin: 0;
padding: 0;
top: 24px;
right: -48px;
width: 48px;
height: 48px;
border-radius: 0 2px 2px 0;
box-shadow: 1px 0 2px rgba(0,0,0,.12);
background: #fff;
}
.panel-pos-right .panel-toggle.icon-style {
right: auto;
left: -48px;
border-radius: 2px 0 0 2px;
box-shadow: -1px 0 2px rgba(0,0,0,.12);
} .panel-toggle.icon-style.has-text {
display: flex;
align-items: center;
flex-flow: row wrap;
width: 120px;
right: -120px;
height: auto;
padding: 10px 12px 10px 48px;
box-sizing: border-box;
line-height: 1.33;
word-break: break-word;
}
.panel-pos-right .panel-toggle.icon-style.has-text {
left: -120px;
right: auto;
padding: 10px 48px 10px 12px;
}
.panel-toggle.icon-style.has-text:before {
position: absolute;
line-height: 1;
width: auto;
left: 10px;
}
.panel-pos-right .panel-toggle.icon-style.has-text:before {
left: auto;
right: 10px;
}
.panel-body-mask {
background-color: rgba(0,0,0,0.7);
height:100%;
left:0;
opacity:0.1;
top:0;
visibility:hidden;
width:100%;
z-index: 112;
position:fixed;
-webkit-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0)
} .sliding-sidebar {
position: fixed !important;
overflow: visible;
width: 272px !important;
background: #fff;
color: inherit;
display: none;
top: 0;
left: -272px;
margin: 0;
padding: 0 !important;
height: 100%;
height: -webkit-calc(100% - 48px);
height: -moz-calc(100% - 48px);
height: -o-calc(100% - 48px);
height: calc(100% - 48px);
z-index: 113;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-webkit-transition-property: left, right;
transition-property: left, right;
}
.rtl .sliding-sidebar {
text-align: right;
}
.panel-pos-right .sliding-sidebar {
left: auto;
right: -272px;
}
.panel-wrap {
position: relative;
height: 100%;
padding: 16px;
overflow-x: hidden;
overflow-y: scroll;
}
.panel-full-height .sliding-sidebar {
height: 100%;
}
.xpanel-sidebar .wrap {
padding: 0;
}
.xpanel-sidebar,
.sliding-sidebar,
#sliding-panel-actions.show-actions {
display: block;
}
.panel-pos-right #sliding-panel-actions {
text-align: right;
}
.side-panel-active {
left: 0;
}
.panel-pos-right .side-panel-active {
left: auto;
right: 0;
}
.panel-body-mask.show-mask {
opacity:1;
visibility:visible;
}
.panel-body-mask.disable-mask {
display: none;
}
.offcanvas-ready {
overflow-x: hidden;
width: 100%;
-webkit-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.off-canvas {
margin-left: 272px;
}
.off-canvas.panel-pos-right {
margin-left: -272px;
}
.off-canvas .side-panel-active {
left: 0;
}
.off-canvas.panel-pos-right .side-panel-active {
left: auto;
right: 0;
}
.disable-offcanvas,
.panel-pos-right.disable-offcanvas {
margin-left: 0;
} .accordion-menu,
.accordion-menu ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
line-height: 24px;
}
.accordion-menu li {
position: relative;
float: none;
width: 100% !important;
}
.accordion-menu li a {
padding: 12px 16px;
display: block;
}
.accordion-menu li.has-children > a:not(.expand-menu) {
padding: 12px 48px 12px 16px;
}
.rtl .accordion-menu li a:not(.expand-menu) {
padding: 12px 16px;
}
.rtl .accordion-menu li.has-children > a {
padding: 12px 16px 12px 48px;
}
.accordion-menu a {
color: inherit;
}
.accordion-menu a:hover {
color: #424242;
background: rgba(0,0,0,.04);
}
.accordion-menu .expand-menu {
position: absolute;
top: 0;
right: 0;
padding: 12px;
color: #9e9e9e;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rtl .accordion-menu .expand-menu {
right: auto;
left: 0;
padding: 12px;
}
.accordion-menu .expand-menu:hover {
background: transparent;
}
.accordion-menu .expand-menu .mdi {
width: 24px;
font-size: 24px;
line-height: 1;
height: 24px;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
.accordion-menu .expand-menu .rotate-180 {
-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);
}
.accordion-menu .expand-menu:hover,
.accordion-menu .rotate-180 {
color: #424242;
}
.mdi-keyboard_arrow_down:before {
content: "\e313";
}