/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
детект размера адбара?
*/
/* 
    Created on : 06.07.2018, 18:17:21
    Author     : studio2
*/

html,body {
    box-sizing: border-box;
    font-family: verdana;
    font-size: 14px;
    padding: 0;
    margin: 0;
    overflow: auto;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    height: 100%;
}
body{ 
    -dep-margin-top:100px;
    -webkit-overflow-scrolling:touch;
}

body *{
    -webkit-overflow-scrolling:touch;
}

.skeleton-loader {
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgba(245, 245, 245, 0.39);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

body a,body a:link,body a:visited,body a:hover,body a:active{
    color:#00acc8;
}


.skeleton-loader svg { 
    width: 100%;
    max-width: 7em;
}

.skeleton-loader-text {
    margin-top: 1.5em;
    animation: skeletonloadertext 0.9s alternate infinite;
    width: 100%;
    text-align: center;
}
@keyframes skeletonloadertext{from{opacity: 0.9;} to{opacity:0.3;}}

.skeleton-loader-content {
    width: 100%;
    box-sizing: border-box;
}

.skeleton-content {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
    padding-top: 2.5em;
}

.skeleton-header-top {
    position: absolute;
    top: 0;
    left: 0;
    background: #00acc8;
    height: 2.5em;
    max-height: 2.5em;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    line-height: 2.5em;
    padding-left: 2.6em;
    padding-right: 7.6em;
    z-index: 2;
}

.skeleton-content-area {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.sketon-header-top-button {
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    line-height: 0;
    top: 0;
    left: 0.05em;
    cursor: pointer;    
    padding: .5em;
    line-height: 0;
    box-sizing: border-box;
}

.sketon-header-top-button svg {
    width: 100%;
    height: 100%;
    fill: white;
}


.skeleton-header-top-item.sketon-header-top-buttons {
    overflow: hidden;
    box-sizing: border-box;
    width: 7.5em;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.skeleton-header-top-item.sketon-header-top-buttons .sketon-header-top-button {
    position: static;
    float: left;
    cursor: pointer;
}


.skeleton-header-top-item.skeleton-header-top-logo {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: .2em .3em;
    padding: 0 0 .5em .1em;
    overflow: hidden;
}

.skeleton-header-top-item.skeleton-header-top-logo img {
    box-sizing: border-box;
    max-height: 100%;
    height: 100%;
}

.skeleton-workfield-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.skeleton-menu {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: auto;
    right:101%;
    background: white;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 2.5em;
}

.skeleton-menu-auth-area {
    position: absolute;
    background: #f0f9fc;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5em;
    max-height: 2.5em;
    overflow: hidden;
    line-height: 2.5em;
    padding: 0 .5em;
}

.skeleton-menu-auth-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.skeleton-menu-auth-promt {
    float: left;
    height: 100%;
    font-size: 1.3em;
    box-sizing:border-box;

}

.skeleton-menu-auth-content .skeleton-menu-auth-promt:nth-child(1) {
    width:  62%;
    border-right:1px solid #00acc8;
}

.skeleton-menu-auth-content .skeleton-menu-auth-promt:nth-child(2) {
    width:38%;
}

.skeleton-menu-auth-promt{
    overflow:hidden;
    white-space:nowrap;
    text-align:center;

}

.skeleton-menu-auth-promt a,.skeleton-menu-auth-promt a:link,.skeleton-menu-auth-promt a:visited,.skeleton-menu-auth-promt a:hover,.skeleton-menu-auth-promt a:active{
    color:#00acc8;
    text-decoration:none;
    display:block;
    width:100%;
    height:100%;
}


.skel-menu-section {
    box-sizing: border-box;
}

.skel-menu-section-header {
    box-sizing: border-box;
    height: 3em;
    line-height: 3em;
    overflow: hidden;
}

.skeleton-menu-section-command {
    position: relative;
    box-sizing: border-box;
    padding-right: 3em;
    padding-left: .5em;
    height: 100%;
    cursor: pointer;
}

.skeleton-menu-command-icon {
    position: absolute;
    top: 0;
    right: .5em;
    width: 2.2em;
    height: 100%;
    line-height: 0;
    padding: .7em;
    box-sizing: border-box;
}

.skeleton-menu-command-icon svg {
    width: 100%;
    height: 100%;
}

.skeleton-menu-command-text {
    font-size: 1.2em;
}

.skel-menu-section-header.skel-menu-section-header-catalog {
    background: #00acc8;
}

.skel-menu-section-header.skel-menu-section-header-catalog .skeleton-menu-command-text {
    color: white;
}

.skel-menu-section-header.skel-menu-section-header-catalog svg {
    fill: white;
}

.skel-menu-catalog-tabs-headers {
    line-height: 3em;
    height: 3em;
    box-sizing: border-box;
    overflow: visible;
}

.skel-menu-catalog-tabs-headers:after {
    content: ' ';
    display: block;
    clear: both;
}

.skel-menu-catalog-tabheader {
    box-sizing: border-box;
    width: 50%;
    float: left;
    height: 100%;
    text-align: center;
    font-size: 1.3em;
    background: #d3eef4;
    color: #00acc8;
    text-decoration: underline;
    cursor: pointer;
    transition: all .3s;
}

.skel-menu-catalog-tabs {
    box-sizing: border-box;
    margin-top: .5em;
}

.skel-menu-catalog-tabbody {
    box-sizing: border-box;
    display: none;
}

.skel-menu-catalog-tabbody ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.skel-menu-catalog-tabbody ul li {
    line-height: 2.5em;
    overflow: hidden;
    display: block;
    padding: 0 .3em;
    height: 2.5em;
}

.skeleton-menu-main-content {
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
}

.skel-menu-catalog-tabbody ul li a {
    color: black;
    display: block;
    cursor: pointer;
    padding-left: .75em;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}

.skel-menu-section.skel-menu-section-state-opened .skeleton-menu-section-command .skeleton-menu-command-icon svg {
    transform: rotate(90deg);    
}

.skeleton-menu-command-icon svg {
    transition: all .3s;
    transform: rotate(0deg);
}

.skel-menu-section-container {
    overflow: hidden;
    max-height: 0;
    transition: all .1s;
}

.skel-menu-section.skel-menu-section-state-opened .skel-menu-section-container{
    max-height: 3000em;
}

.skel-menu-catalog-tabheader.skel-menu-catalog-tabheader-active {
    background: #00acc8;
    color: white;
    text-decoration: none;
    position:relative;
}

.skel-menu-catalog-tabheader.skel-menu-catalog-tabheader-active:after{ content:' '; display:block;position:absolute;bottom: -.45em;left:50%;width: 1.2em;height: 1.2em;background: linear-gradient(to bottom left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%, #00acc8 50%);margin-left:-1em;transform-origin: center;transform: rotate(-45deg);}

.skel-menu-catalog-tabbody.skel-menu-catalog-tabbody-active {
    display: block;
}




.skeleton-menu-breadcrub-content {
    box-sizing: border-box;
    display: none;
}

.skel-menu-section-header.skel-menu-section-header-actions {
    background: #e39e34;
    color: white;
}

.skel-menu-section-header.skel-menu-section-header-actions svg {
    fill: white;
}

.skel-menu-section-container.skel-menu-actions-list-container {
    box-sizing: border-box;
    padding: .3em;
    overflow: hidden;
}

.skel-menu-actions-list-item {
    box-sizing: border-box;
    padding: .3em;
    overflow: hidden;
    cursor: pointer;
}

.skel-menu-actions-list-item-content {
    box-sizing: border-box;
    overflow: hidden;
}

.skel-menu-actions-item-image {
    float: left;
    width: 95px;
    height: 95px;
    line-height: 0;
    overflow: hidden;
    margin-right: 1em;
}

.skel-menu-actions-list-item:nth-child(even) {
    -xxx-background: whitesmoke;
}

.skel-menu-actions-list-item {
    margin-bottom: .3em;
    margin-top:.3em;
}

.skel-menu-section-header.skel-menu-section-header-seminars {
    color: white;
    background: #00acc8;
}

.skel-menu-section-container.skel-menu-actions-list-container {
    padding-bottom: 0;
    padding-top: 0;
}

.skel-menu-section-header.skel-menu-section-header-seminars svg {
    fill: white;
}

.skel-menu-seminar-list-item {
    box-sizing: border-box;
    padding: 0;
    margin-top: .3em;
    margin-bottom: .3em;
}

.skel-menu-seminar-list-item:nth-child(even) {
    -mmm-background: whitesmoke;
}

.skel-menu-seminar-list-item-content {
    box-sizing: border-box;
    overflow: hidden;
    padding: .3em 0.1em;
}

.skel-menu-seminar-item-image {
    float: left;
    margin-right: .5em;
    margin-bottom: .5em;
    line-height: 0;
    width: 60px;
    height: 60px;
}

span.skel-menu-seminar-name {
    color: #00acc8;
}

.skel-menu-seminar-date {
    font-size: .8em;
    margin-top: .3em;
    margin-bottom: .5em;
    font-weight: bold;
    color: grey;
}

.skeleton-menu {
    left:auto;
    right:101%;
    box-shadow: none;
}

.skeleton-menu-backdrop {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(125, 125, 125, 0.5);
    position: absolute;
    display:none;
}


.global_menu_MenuTransite{
    transition:right .25s linear;
}

.global_menu_MenuOpen{
    right:0!important;
}
.global_menu_MenuClose{
    right:101%!important;
}

/*  M.widjet  */
.WidjetLayoutWrapper {
    box-sizing: border-box;
    padding: 0;
    position: relative;
    min-height: 7.5em;
}

.m-widjet-preloader {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.m-widjet-preloader-inner {
    box-sizing: border-box;
    /* width: 100%; */
    /* height: 100%; */
    max-width: 7.5em;
    max-height: 7.5em;
    overflow: hidden;
    width: 7.5em;
    line-height: 0;
    height: 7.5em;
}

.m-widjet-preloader-inner svg {
    width: 100%;
    height: 100%;
    max-height: 100%;
}




.DesktopComponentLayoutWrapper {
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    height: 100%;
}


.widjet_slider-one-image-frame img {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    min-width: 100%;
}

.widjet_slider-one-image-frame {
    line-height: 0;
}

.widjet_slider-images-wrapper {
    overflow: hidden;
    box-sizing: border-box;
}

.widjet_slider-one-image-frame {
    float: left;
}

.widjet_slider-frame {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.widjet_slider-body {
    box-sizing: border-box;
    overflow: hidden;
}

.widjet_slider-one-image-frame {
    position: relative;
    min-height: 8em;
}

.widjet_slider-one-image-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widjet_slider-one-image-loader-inner {
    margin: 0 auto;
    width: 5em;
    height: 5em;
}

.widjet_slider-one-image-loader-inner svg {
    width: 100%;
    height: 100%;
}


.widjet_slider-video-frame-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: calc(width * 800/500);
    padding-top:62%;
    position:relative;
}
.widjet_slider-video-frame-wrapper iframe{
    border:none;
    box-sizing:border-box;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;padding:0;outline:none;
}

.widjet_slider-one-image-play-icon {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10em;
    height:10em;
    padding:.5em;
    margin:-5em 0 0 -5em;
    opacity:.5;
}
.widjet_slider-one-image-play-icon svg{
    width:100%;height:100%;
}

.widjet_slider-one-image-frame {}

.widjet_slider-one-image-frame.widjet_slider-one-image-frame-video {
    position:relative;
}



.skeleton-header-top-item.skeleton-header-top-logo img { 
    box-sizing: border-box;
    max-height: 100%;
    height: 100%;
}

.skeleton-header-top-item.skeleton-header-top-logo {
    padding: 0 0 .5em .1em;
}


.skeleton-content-loader {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(245, 245, 245, 0.82);
    box-sizing: border-box;
    display: none;
    align-items: center;
    justify-content: center;
}

.skeleton-content-loader>div {
    width: 10em;
    height: 10em;
    line-height: 0;
}

.skeleton-content-loader>div>svg {
    width: 100%;
    height: 100%;
}

.desktop-compoent-error {
    box-sizing: border-box;
    padding: .5em;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.desktop-component-error-inner {
    color: crimson;
}

.m-desktop-controller-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(100,100,100,.3);
    display:none;
}

.m-desktop-controller-preloader-inner {
    width: 7em;
    height: 7em;
    overflow: hidden;
}

.m-desktop-controller-preloader-inner svg {
    width: 100%;
    height: 100%;
}


.skeleton-menu-auth-content {
    box-sizing: border-box;
    /* padding: 0 .3em; */
}

.skeleton-menu-auth-content a {
    color: #00acc8;
}

.skeleton-menu-auth-content {
}

.skeleton-menu-auth-cabinet {
    box-sizing: border-box;
    padding: 0 .3em;
    border-right: 1px solid #00acc8;
    float: left;
    padding-right: 1.5em;
    width: 70%;
}

.skeleton-menu-auth-logout {
    box-sizing: border-box;
    width: 30%;
    float: left;
    text-align: right;
    padding-right: 1em;
}

.skeleton-menu-auth-cabinet a {
    font-weight: bold;
}

/* activity controller */
.ControllerActivityWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 5%;
    background: rgba(100,100,100,.5);
}

.ControllerActivityWindow {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: white;
    position: relative;
    padding: 3em 0 5em 0;
}

.ControllerActivityTitle {
    position: absolute;
    box-sizing: border-box;
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    line-height: 3em;
    background: #00acc8;
    width: 100%;
    color: white;
    padding: 0 .5em;
    top: 0;
    left: 0;
    padding-right: 3em;
}

.ControllerAtivityTitleText {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-size: 1.2em;
    overflow: hidden;
    white-space: nowrap;
}

.ControllerActivityCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0;
    width: 3em;
    height: 3em;
    box-sizing: border-box;
    cursor: pointer;
    padding: .5em;
}

.ControllerActivityCloseBtn svg {
    width: 100%;
    height: 100%;
    fill: white;
}

.ControllerActivityBody {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}

.ControllerActivityFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    height: 5em;
    line-height: 5em;
    border-top: 1px solid #00acc8;
    padding-left: .5em;
    padding-right: .5em;
    text-align: right;
}

.ControllerActivityButton {
    color: white;
    background: #00acc8;
    display: inline-block;
    line-height: 2.5em;
    font-size: 1.2em;
    padding: 0 1em;
    margin: 0 .5em;
    cursor: pointer;
}

.widjet_alert-window-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: .5em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.widjet_alert-window-content-inner {
    font-size: 1.2em;
}

.ControllerActivityWrapperCustonNTL-success .widjet_alert-window-content-inner {
    color: #00acc8;
}

.skel-menu-section-header.skel-menu-section-header-footer {
    background: #b9b9b9;
    color: white;
}

.skel-menu-footer-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 2em;
}

.skel-menu-footer-list a {
    color: black!important;
}

.skel-menu-footer-list li {
    font-size: 1.1em;
    line-height: 1.9em;
}

.sketon-header-top-button {
    padding: .5em;
    top:0!important;
    left:0!important;
}


/** menu upd */
.skel-menu-section {
    margin-bottom: .3em;
}

.skel-menu-section-header {
    height: 4em;
    line-height: 4em;
}

.skeleton-menu-command-text {
    font-size: 1.5em;
    font-weight: normal;
    padding-left: 1em;
}

.skeleton-menu-auth-promt {
    text-align: left;
    padding-left: 1.05em;
    box-sizing: border-box;
}

.skeleton-menu {
    padding-top: 3.5em;
}

.skeleton-menu-auth-area {
    height: 3.5em;
    max-height: 3.5em;
    line-height: 3.5em;
}

.skel-menu-footer-list {
    font-size: 1.1em;
}

/**  top panel active icon */
.sketon-header-top-button.current-url-match:after {
    content: ' ';
    line-height: 0;
    background: white;
    position: absolute;
    width: .5em;
    height: .5em;
    transform: rotate(-45deg);
    left: 1em;
    bottom: -.3em;
}

.sketon-header-top-button.current-url-match {
    position: relative!important;
    top: 0;
    left: 0;
}


.skeleton-menu-auth-cabinet {
    box-sizing: border-box;
    padding-left: 1.5em;
}


.skeleton-content {
    position: relative;
}

html{
    -dep-overflow: auto;
}


.skel-menu-section-header.skel-menu-section-header-footer svg {
    fill: white;
}


.skeleton-scroll-top {
    position: fixed;
    right: 1em;
    bottom: 1em;
    width: 3em;
    height: 3em;
    box-sizing: border-box;
    cursor: pointer;
    display:none;
}

.skeleton-scroll-top-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 172, 200, 0.26);
    padding: .5em;
    line-height: 0;
    box-sizing: border-box;
}

.skeleton-scroll-top-inner svg {
    width: 100%;
    height: 100%;
    fill: #00acc8;
}


.skeleton-scroll-top {
    position: fixed;
    right: 1em;
    bottom: 1em;
    width: 3em;
    height: 3em;
    box-sizing: border-box;
    cursor: pointer;
    display:none;
    z-index:1;
}

.skeleton-scroll-top-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 172, 200, 0.26);
    padding: .5em;
    line-height: 0;
    box-sizing: border-box;
}

.skeleton-scroll-top-inner svg {
    width: 100%;
    height: 100%;
    fill: #00acc8;
}

.skeleton-menu {
    z-index: 2;
}

div#global_menu_button {
    padding-top: .7em;
}

.sketon-header-top-button.skeleton-header-search-button {
    padding: .559em;
}

.sketon-header-top-button.skeleton-header-basket-button {
    padding: .568em;
}
.sketon-header-top-button.skeleton-header-search-button {
    padding: .559em;
}

.sketon-header-top-button.skeleton-header-basket-button {
    padding: .568em;
}

.skeleton-header-top-item.skeleton-header-top-logo {
    padding-left: .5em;
}

div#SKELETON_TOP_PANEL {
    padding-right: 8em;
}

.skeleton-header-top-item.sketon-header-top-buttons {
    margin-right: .3em;
}

.skel-menu-catalog-tabbody.skel-menu-catalog-tabbody-active {
    font-size: 1.2em;
}

.skel-menu-catalog-tabbody.skel-menu-catalog-tabbody-active ul {
    margin-top: 1.1em;
    padding-left: .75em;
}

.skel-menu-seminar-list-item {
    padding: 0.5em;
    margin-bottom: 1em;
}

.skel-menu-seminar-item-image {
    margin-right: .75em;
    margin-bottom: .75em;
}

.skel-menu-seminar-register-werapper {
    margin-top: .5em;
    margin-bottom: .5em;
    line-height: 2.5em;
    box-sizing: border-box;
    padding: 0 0em;
}

.skel-menu-seminar-register-button {
    box-sizing: border-box;
    text-align: center;
    color: white;
    background: #00acc8;
    cursor: pointer;
    clear:both;
}


.skel-menu-actions-list-item {
    padding: .75em;
    box-sizing: border-box;
}

.skel-menu-actions-list-item:after {
    display: block;
    content: ' ';
    width: 50%;
    margin: 0 auto;
    box-sizing: border-box;
    height: 1px;
    border-top: 1px solid black;
    margin-top: 1em;
}
.skel-menu-actions-list-item:nth-last-child(1):after {
    display: none;
}

.skel-menu-actions-list-item {
    margin-bottom: 0;
}


body,body *{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.skeleton-menu-copyright-block {
    box-sizing: border-box;
    background: #e7e7e8;
    padding: 1em;
}

.skeleton-menu-copyright-block a {
    color: #00acc8;
}

.skeleton-menu-copyleft-pre {
    margin-bottom: 1.5em;
}

a.skleton-menu-footer-link-a {
    display: block;
    line-height: 2.3em;
}

.skeleton-menu-contact-row {
    line-height: 2em;
}

.skel-menu-seminar-item-image {
    box-sizing: border-box;
    margin-top: .2em;
    margin-bottom: .55em;
}

.skel-menu-section-container ul li {
    height: auto;
    line-height: normal;
    padding-top: .55em;
    padding-bottom: .55em;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}
.skel-menu-section-container ul li a{
    display:block;
    box-sizing:border-box;
    white-space:normal;
    overflow:hidden;
}

.skeleton-menu-auth-content .skeleton-menu-auth-promt:nth-child(1) {
    width: 75%;
}

.skeleton-menu-auth-content .skeleton-menu-auth-promt:nth-child(2) {
    width: 25%;
}

.skeleton-menu-auth-cabinet {
    width: 75%;
}

.skeleton-menu-auth-logout {
    width: 25%;
}

.global-list-mode-control-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    padding: .5em;
    padding-bottom: .35em;
    padding-top: .35em;
}

.global-list-mode-control-button {
    box-sizing: border-box;
    padding: .45em;
    cursor: pointer;
    transition: all .3s;
    line-height: 0;    
    overflow: hidden;
    width: 3.2em;
    height: 3.2em;    
    margin-right: .3em;
}

.global-list-mode-control-button svg {
    width: 100%;
    height: 100%;
    fill:#00acc8

}



.global-list-mode-control-button.global-list-mode-control-button-mode-list {
    padding-top: .25em;
    padding-bottom: .25em;
    padding: .25em;
}

body.global_list_control_mode_TILE .global-list-mode-control-button.global-list-mode-control-button-mode-list svg {
    fill:#a3e1eb;   
}

body.global_list_control_mode_LIST .global-list-mode-control-button.global-list-mode-control-button-mode-tile svg {
    fill:#a3e1eb;   
}

div#global_menu_button svg {
    stroke: white;
}

/** tree view widget */
.WidjetLayoutWrapper.WidjetLayoutWrapperwidjet_tree_default-tree {
    box-sizing: border-box;
    height: 100%;
}

.m-widjet-preloader.m-widjet-preloader-widjet_tree_default-tree {
    display: none;
}

.widjet-tree-view-wrapper {
    box-sizing: border-box;
    height: 100%;
}

.widjet-tree-view-body {
    box-sizing: border-box;
    height: 100%;
}

.widjet-tree-view-body-content {
    box-sizing: border-box;
    height: 100%;
}

.widjet-tree-view-body-content-inner {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
}

.widjet-tree-view-body.widjet-tree-view-body-with-toolbar {
    position: relative;
    padding-top: 2.5em;
}

.widjet-tree-view-toolbar-outer {
    position: absolute;
    background: whitesmoke;
    border-bottom: 1px solid silver;
    width: 100%;
    height: 2.5em;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 .25em;
}

.widjet-tree-view-toolbar-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.widjet-tree-view-toolbar-button-outer {
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    border: 1px solid silver;
    margin: 0 .25em;
    overflow: hidden;
    cursor: pointer;
    padding: .25em;
    line-height: 0;
}

.widjet-tree-view-toolbar-button-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.widjet-tree-view-toolbar-button-inner svg {
    width: 100%;
    height: 100%;
    fill: silver;
}

.widjet-tree-view-toolbar-button-outer:hover {
    border: 1px solid #00acc8;
}
.widjet-tree-view-toolbar-button-outer:hover .widjet-tree-view-toolbar-button-inner svg {    
    fill: #00acc8;
}
.widjet-tree-view-node-header {
    box-sizing: border-box;    
}

.widjet-tree-view-node-outer {
    box-sizing: border-box;
    padding: .25em .5em;
}

.widjet-tree-view-node-header-inner {
    box-sizing: border-box;
}

.widjet-tree-view-node-icon-block {
    width: 2em;
    height: 2em;
    line-height: 0;
    overflow: hidden;
    max-width: 2em;
    min-width: 2em;
    max-height: 2em;
    min-height: 2em;
    margin-right: .25em;
}

.widjet-tree-view-node-header-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

.widjet-tree-view-node-body {
    box-sizing: border-box;
    padding-left: 1em;
    display: none;
}

.widjet-tree-view-node-icon-item {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    line-height: 0;
    overflow: hidden;
}

.widjet-tree-view-node-icon-item svg{
    width:100%;
    height:100%;
    fill:#00acc8;
}
.widjet-tree-view-node-icon-block {
    padding: .25em;
    box-sizing: border-box;
}

.widjet-tree-view-node-icon-block {
    padding: .25em;
    box-sizing: border-box;
}

.widjet-tree-view-node-icon-item.widjet-tree-view-node-icon-item-state-open {
    display: none;
}

.widjet-tree-view-node-icon-block {
    padding: .25em;
    box-sizing: border-box;
}

.widjet-tree-view-node-icon-item.widjet-tree-view-node-icon-item-state-open {
    display: none;
}



.widjet-tree-view-node-outer.widjet-tree-wiew-node-opened-state>.widjet-tree-view-node-header>.widjet-tree-view-node-header-inner>.widjet-tree-view-node-icon-block>.widjet-tree-view-node-icon-item.widjet-tree-view-node-icon-item-state-open {
    display: block;
}

.widjet-tree-view-node-outer.widjet-tree-wiew-node-opened-state>.widjet-tree-view-node-header>.widjet-tree-view-node-header-inner>.widjet-tree-view-node-icon-block>.widjet-tree-view-node-icon-item.widjet-tree-view-node-icon-item-state-closed {
    display: none;
}

.widjet-tree-view-node-outer.widjet-tree-wiew-node-opened-state>.widjet-tree-view-node-body {
    display: block;
}

.widjet-tree-view-node-outer.widjet-tree-wiew-node-selected>.widjet-tree-view-node-header>.widjet-tree-view-node-header-inner>.widjet-tree-view-node-name-block {
    color: white;
    background: #00acc8;
}

.widjet-tree-view-node-name-block {
    padding: .25em .75em;
}


/** -- tree wiew widget */


/** ++ paginator widget ++ */
.WidjetLayoutWrapper.WidjetLayoutWrapper-layout-cs-paginator-widget-common {
    box-sizing: border-box;
    min-height: 0;
    height: auto;
}

.widjet-paginator-wrapper {
    box-sizing: border-box;
}

.widjet-paginator-body {
    box-sizing: border-box;
}

.widjet-paginator-inx-body {
    box-sizing: border-box;
}

.widjet-paginator-inx-body-inner {
    box-sizing: border-box;
    position: relative;
    padding: 0 2.5em;
}

.widget-paginator-button-arrow {
    box-sizing: border-box;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    top: 0;
    line-height: 0;
}

.widget-paginator-button-arrow-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    pointer-events: none;
    line-height: 0;
    padding: .25em;
}

.widget-paginator-button-arrow.widget-paginator-button-arrow-left {
    left: 0;
}

.widget-paginator-button-arrow.widget-paginator-button-arrow-right {
    right: 0;
}

.widget-paginator-inx-content {
    box-sizing: border-box;
    height: 2.5em;
    overflow: hidden;
}

.widget-paginator-inx-content-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.widget-paginator-button-digit {
    width: 2.5em;
    height: 2.5em;
    min-width: 2.5em;
    line-height: 2.5em;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #00acc8;
    text-align: center;
    max-width: 2.5em;
    border-left: none;
    color:#00acc8;
    transition:all .3s;
    cursor:pointer;
}

.widget-paginator-button-digit:nth-child(1){
    border-left:1px solid #00acc8;
}

.widget-paginator-button-arrow-inner svg {
    width: 100%;
    height: 100%;
    fill:white;
}

.widget-paginator-button-arrow-inner {
    padding: .5em;
}

.widget-paginator-button-arrow-left .widget-paginator-button-arrow-inner svg {
    transform: rotate(-180deg);
}

.widget-paginator-button-arrow {
    background: #00acc8;
    cursor: pointer;
}

.widget-paginator-button-digit {
    border: 1px solid #00acc8;
}

.widget-paginator-inx-content-inner {
    justify-content: space-around;
}

.widget-paginator-button-digit.widget-paginator-button-selected {
    color: white;
    background: #00acc8;
}

.widget-paginator-inx-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.widget-paginator-inx-content-inner {
    min-width: 100%;
    max-width: 100%;
}

.widget-paginator-button-arrow.widget-paginator-arrow-button-disabled {
    background: lightgray;
}
.widget-paginator-button-arrow.widget-paginator-arrow-button-disabled svg{
    fill:gray;
}

/** -- paginator widget -- */


/** -- xtalert */
.EveMXtalert {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    overflow: hidden;
}

.EveMXtalertinner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.EveMXTalertWindow {
    box-sizing: border-box;
    background: white;
    padding: 0 .5em;
    min-width: 75%;
    max-width: 90%;
    min-height: 7.5em;
    max-height: 75%;
    overflow: hidden;
    position: relative;
    padding-top: 2em;
    padding-bottom: 2.5em;
}

.EveMXTalertTitle {
    height: 2em;
    padding: 0 .5em;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 2em;
    border-bottom: 1px solid rgba(0, 172, 200, 0.28);
}

.EveMXTalertTitleInner {
    box-sizing: border-box;
    width: 100%;
    color: #00acc8;
    /* font-weight: bold; */
    white-space: nowrap;
    overflow: hidden;
}

.EveMXTalertfooter {
    position: absolute;
    height: 2.5em;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 2.5em;
    border-top: 1px solid rgba(0, 172, 200, 0.28);
    background: white;
}

.EveMXTalertfooterInner {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 .25em;
}

.EveMXtalertButton {
    color: #00acc8;
    margin-left: .5em;
    padding: 0 .75em;
}

.EveMxtalertmessage {
    padding: .25em 0;
    height: 100%;
    max-height: 100%;
    overflow: auto;
}

.EveMxtalertmessageInner {
    box-sizing: border-box;
}
.EveMXtalert {
    z-index: 5;
}

/** xtalert */

.skel-menu-seminar-all-seminars-button-wrapper {
    margin: 1em 0;
    padding: 0 .75em;
}

.skel-menu-seminar-all-seminars-button {
    line-height: 3.25em;
    background: #00acc8;
    text-align: center;
    cursor: pointer;
    color: white;
    white-space: nowrap;
    text-transform: uppercase; 
}

.skel-menu-seminar-date {
    margin-bottom: .25em;
}

.skel-menu-seminar-length { 
    font-size: .8em;
    font-size: .8em;
    margin-top: .3em;
    margin-bottom: .5em;
    font-weight: bold;
    color: grey;
}

.skel-menu-actions-list-item-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.skel-menu-actions-item-image {
    min-width: 95px;
    max-width: 95px;
    float: none;
}


.skeleton-menu-disklaimer {
    font-size: .9em;
    color: dimgray;
}

.skeleton-menu-disklaimer {
    margin-top: 1em;
    margin-bottom: 1em;
}