/* =============================================================================
= Videos =======================================================================
================================================================================ */

/* Video in center on page "Zobacz, jak się u nas pracuje" ================== */
html[data-menu-id="60ae0a7d6ccefe6e54056c2b"].desktop .page .page-content .video:not(.grid-gallery-item):not(.pig-video):not(.pig-figure),
.mobile .page .page-content .video:not(.grid-gallery-item):not(.pig-video):not(.pig-figure) {
    margin: 0 auto;
}

/* =============================================================================
= SETTINGS =====================================================================
================================================================================ */
.settings .ma-list .delete{
    display: none !important;
}

/* =============================================================================
= Newsfeed =====================================================================
================================================================================ */
/* public area: hide post meta info ============================================ */
.loggedout .news-feed-post-meta,
.loggedout .news-detail-post-meta{
    display:none;
}

.plugin-60a652d6fc265931e5d06568 article[data-channel-id="6093e72a3a766038afebfacd"] .news-feed-post-teaser{
    display: -webkit-box;
   -webkit-box-orient: vertical;  
    overflow: hidden;
    -webkit-line-clamp: 5;

}

/* =============================================================================
= WIDGETS ======================================================================
================================================================================ */

/* QUICKLINKS ================================================================== */
.quick-links-widget.type-tiles li{
    border-radius: 10px;
} 

/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
#toolbar .toolbar-item{
    background-color: #24bdf2;
    color: #fff; 
}
 
#toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #24bdf2; 
    font-weight: 600;
}
 
#toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}

/* BUTTONS ===================================================================== */
/* Login Button in Signin Mask ===================================== */
.signin .signin-view button, 
.signin .signin-view button:focus{
    background: rgb(36,189,242);
    color: #fff; 
}

.signin .signin-view button:active, 
.signin .signin-view button:hover{
    background: rgba(36,189,242, .8);
    color: #fff; 
}

/* Login Button in Public Area ===================================== */
.public-login-hint button {
    background-color: rgb(36,189,242);
}

.mouse .public-login-hint button.positive:active, 
.mouse .public-login-hint button.positive:hover, 
.touch .public-login-hint button.positive.active, 
.public-login-hint button.positive:focus,
.mouse .public-login-hint button.neutral:active, 
.mouse .public-login-hint button.neutral:hover, 
.touch .public-login-hint button.neutral.active, 
.public-login-hint button.neutral:focus{
    background-color: rgba(36,189,242, .8);
} 

/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */
.desktop .dialog.signin .logo,
.desktop .dialog-inner {
    background-color: #fff !important;
}
  
.mobile:not(.ipad) .page.signin .logo,
.mobile .page.signin .page-content {
    background-color: #fff !important;
} 


/* =============================================================================
= MENU (SIDEBAR) ===============================================================
================================================================================ */

.mobile #sidebar{
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15); 
    background-color: #f8f8f8;
    border-right: 1px solid #E5E5E5; 
}

.mobile #sidebar .profile-header{
    background: #f8f8f8;
    color: #333333;
}

.mobile.ios .profile-header .menu-list.items-4 {
    color: #333333;
}

.ios #wrapper{
    border-right: 1px solid #E5E5E5; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; 
}

.mobile #sidebar .plugin-list{
    background: #f8f8f8 !important;
    color: #333333; 
}

.mobile #sidebar .plugin-list>.item:first-of-type{
    margin-top: 10px;   
}

.mobile #sidebar .plugin-list>.search-widget{
    background: #f8f8f8;
}

.retina.mobile #sidebar .channel-list{
    background-color: #f8f8f8;
}

.retina.mobile #sidebar .plugin-list>.item:not(:first-of-type),
.mobile #sidebar .plugin-list>.item:not(:first-of-type) {
    border-top: 1px solid #f8f8f8;
    background: none; 
}

.retina.mobile #sidebar .channel-list .item+.item,
.retina.mobile #sidebar .channel-list, 
.mobile #sidebar .channel-list .item{
    background: none; 
    border: none;
}

 #sidebar .channel-list .item:before,
.ios #sidebar .channel-list .item:before{
    background-color: #000;
    top: 20px; 
}

.mobile.touch #sidebar .channel-list .item.active,
.mobile.touch #sidebar .plugin-list>.item.active,
.mobile.touch #sidebar .actor.active, 
.mobile.touch #sidebar .profile-header .item.active, .mobile.touch #sidebar>.menu-list .item.active{
   background-color: #eeeeee;
}

.mobile #sidebar .plugin-list:first-child>.search-widget, 
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px; 
    padding-top: 15px
}

/* FIX for new_search on white background menu */ 
.mobile .no-header .plugin-list.scroller > div > div{
    background: #f8f8f8 !important; 
}

.welcome .page-header .ok-button{
    background: #333333;
    color: #f8f8f8;
}

.android.touch .welcome .page-header .active,
.touch .welcome .page-header .active{
    opacity: .8;
    background: #333333;
    color: #f8f8f8;
}

/* SIDEBAR HEADER ==================================================================== */

.mobile #sidebar .profile-header .actor{
    background: #f8f8f8; 
}

.mobile #sidebar .plugin-list>.search-widget{
    background: #eeeeee;
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap span.we-icon.search{
    top: 15px; 
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap input::placeholder{
    color: #666;
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap input{
    background-color: #f8f8f8;
    border: none;
    border-radius: 5px;
    height: 45px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);   
}

.mobile #sidebar .plugin-list:first-child>.search-widget, 
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px; 
    padding-top: 15px; 
}