Podio Wide Blue by jonnyx

/* ==UserStyle==
@name         Podio WideTables - JC
@version      2023.01.27
@namespace    podio.com
@description  Wide table view
@author       joncross
@license      No License
==/UserStyle== */
@-moz-document domain("podio.com") {
    
.logo-img {
    content: url("https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/podio-white.svg");
}

.app-view {
    max-width: max-content;
}

.space-switcher .search .default-title {
    color: #FFF;
    overflow: hidden;
    line-height: 63px;
    font-weight: 400;
    font-size: 14px;
}

.space-switcher-wrapper.highlight,
.button-new.primary {
    background: #616e88;
}

.app-sidebar .app-view-add,
.app-sidebar-new .app-view-add,
.app-view-component .app-views-list__name .tables-header,
#space-navigation ul.app-nav li.core.app-apps a,
.app-view-component .app-views-list__count,
.activity-header .selector li.active,
.app-view-component .app-views-list__name,
.app-view-header.v2 .filter-reset-link {
    color: #616e88;
}
    
/*Item header block*/
.relationship-badge-component__title, .css-12gxi90 {
    background-color: #fff;
}
/*Item text*/
.relationship-badge-component__section, .css-1w6hb67 {
    color: #616e88;
}

.app-sidebar-new__view-tab.active {
    border-bottom: 2px solid #616e88;
}

#header-global,
#header-global .podio-search-box,
#header-global .nav-box > .inner .user-functions,
.podio-search-box {
    background: #616e88;
}

.button-new.secondary {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #616e88;
    color: #616e88;
}

a:active,
a:link,
a:visited {
    color: #616e88;
}

#space-navigation ul.app-nav li.core.app-apps .icon,
.app-sidebar .app-view-add .icon,
.app-sidebar-new .app-view-add .icon {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/Podio-icon_appnav-apps_nov052013-JC.svg) -4px -4px no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    top: 4px;
    position: relative;
}
    
#space-navigation ul.app-nav li.core.app-apps:hover .icon {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/Podio-icon_appnav-apps_nov052013-JC.svg) -28px -4px no-repeat;

}

.icon-16-green-notification {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/mastersprite16-one_july212017.svg) 0 -2225px no-repeat;
}



.app-view-actions-component .icon-wrench {
    background: url(/images/components/AppViewComponent/settings-wrench.svg) top left no-repeat;
}
    

.icon-search {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/sprite-nav-29apr2013.svg) 0 -128px no-repeat;
}
    
.icon-header-help {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/sprite-nav-29apr2013.svg) 0 -96px no-repeat;
}
   
.icon-account {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/sprite-nav-29apr2013.svg) no-repeat;
}
    
.icon-notifications {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/sprite-nav-29apr2013.svg) 0 -224px no-repeat;
}
    
.icon-chat {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/sprite-nav-29apr2013.svg) 0 -176px no-repeat;
}
    
.icon-connections {
    background-image: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/connections.svg);
}
    
.icon-header-calendar {
    background-image: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/calendar.svg);
}
    
.icon-tasks {
    background-image: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/tasks.svg);
}
    
.icon-16-hamburger {
    background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/mastersprite16-one_july212017.svg) 0 -1552px no-repeat;
}
    
.icon-16-white-magnifier {
	background: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/mastersprite16-two_august312018.svg) 0 -3664px no-repeat;
}
 /*   
.relationship-badge-component__title .app-icon-24 {
    background-image: url(https://me-learning.s3.eu-west-2.amazonaws.com/testing-only/sprite-app-icons-24_nov012013-white.svg);
    background-repeat: no-repeat;
    height: 24px!important;
    width: 24px!important;
}
  */  


}