/* This file contains a couple of examples to customize the Viewport interface */

/* Sample color scheme that overrides the default */
body {
    /* Aubergine */
    --color-background-dark: #440044;
    --color-background-dark-hover: #773355;
    --color-background-light: #fffcfe;
    --color-sidebar-background: #f8f0f4;
    --color-tree-background: #f8f0f4;
    --color-tree-background-hover: #e0d0db;
    --color-table-stripe: #f8f0f4;
}

/* Color scheme for a specific site with key 'R4D', normalized to 'r4d' */
body.site--r4d {
    /* Red */
    --color-background-dark: #660000;
    --color-background-dark-hover: #993333;
    --color-background-light: #fffdfd;
    --color-sidebar-background: #f8f0f0;
    --color-tree-background: #f8f0f0;
    --color-tree-background-hover: #ddbbbb;
    --color-table-stripe: #f8f0f0;
}

/* Color scheme for a specific site with key 'L12SG', normalized to 'l12sg' */
body.site--l12sg {
    /* Green */
    --color-background-dark: #005511;
    --color-background-dark-hover: #338844;
    --color-background-light: #fdfffe;
    --color-sidebar-background: #f0f6f2;
    --color-tree-background: #f0f6f2;
    --color-tree-background-hover: #bbd3cc;
    --color-table-stripe: #f0f6f2;    
}

/* For site L12SG show 'TEST ENVIRONMENT' in the top bar after the logo */
body.site--l12sg .content-tools-container::before {
    content: 'TEST ENVIRONMENT';
    font-size: 9px; 
    vertical-align: top;
}

/* Kinsmen branding — KAI site only */
body.site--kai {
    --color-background-dark: #4a6988;
    --color-background-dark-hover: #38516b;
    --color-background-light: #ffffff;
    --color-sidebar-background: #f2f5f8;
    --color-tree-background: #f2f5f8;
    --color-tree-background-hover: #dde6ef;
    --color-table-stripe: #f2f5f8;
}

/* Kinsmen red icons for KAI folders starting with # */
body.site--kai .infinite-tree .infinite-tree-node
a.infinite-tree-title.icon-folder[title^="#"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath fill='%23D51639' stroke='%23A8102C' stroke-linejoin='round' d='M1 3V1h6l2 2h10v12H1z'/%3E%3Cpath fill='%23ED7188' stroke='%23A8102C' stroke-linejoin='round' d='M1 6h18l-2 9H1z'/%3E%3C/svg%3E") !important;
    background-size: 16px 14px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* KAI: red icons for # folders in the main folder list */
body.site--kai .grid2__body td[title^="#"]
.icon.icon-folder.icon--inline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath fill='%23D51639' stroke='%23A8102C' stroke-linejoin='round' d='M1 3V1h6l2 2h10v12H1z'/%3E%3Cpath fill='%23ED7188' stroke='%23A8102C' stroke-linejoin='round' d='M1 6h18l-2 9H1z'/%3E%3C/svg%3E") !important;
    background-size: 16px 14px;
    background-repeat: no-repeat;
}

/*.app-start__logo {
    background: url(../custom/img/logo-updated.png) no-repeat !important;
	background-size: 229px !important;
    background-position-y: 7px !important;
}

.app-start__logo {
    /*background: url(../custom/img/logo-small-updated.png) no-repeat !important;
    width: 230px;
    height: 60px;
}*/
/* KAI admin button — preserve Viewport's default layout */
body.site--kai .app-header__item--personal,
body.site--kai .app-header__item--show-personal-menu {
    background-color: #D51639 !important;
    color: #ffffff;
}
body.site--kai .app-header__item--personal, .app-header__item--show-personal-menu {
    margin-bottom: 14px;
    height: 36px !important;
    margin-top: 14px;
    background-color: #7aaed4 !important;
}

a.toggle {
    padding: 15px !important;
    background: no-repeat !important;
    background-image: url(../custom/img/folder-open.png) !important;
    background-position: -40px center !important;
    background-origin: content-box !important;
    background-size: contain !important;
    padding-left: 40px !important;
	
}

tr.toggle.collapsed a.toggle {
    background-image: url(../custom/img/folder-closed.png) !important;
}

.site-list__row:nth-child(odd) {
    background-color: var(--color-background) !important;
}

.source--filesystem {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/77/Breathe-folder.svg);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.source--pemac {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    background-image: url(https://is5-ssl.mzstatic.com/image/thumb/Purple113/v4/6b/0c/ab/6b0cab47-84c9-f194-e9b3-7edf5ae17f70/source/60x60bb.jpg);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.source--meridian {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    background-image: url(https://www.symetri.se/media/8d8800deb28178f/meridian-300x200.png);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.source--filesystem_albengweb01_pdf_sjp_ {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/77/Breathe-folder.svg);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.source--filesystem_albengweb01_tif_sjp_ {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/77/Breathe-folder.svg);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.source--asset_register  {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    background-image: url(https://i0.wp.com/howtolearn.me/wp-content/uploads/2014/12/IBM-Maximo-Logo.png?resize=169%2C112&ssl=1);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.source--kinsmen_ai  {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    
    background-image: url(https://media.licdn.com/dms/image/v2/D560BAQFG7m7oavywmQ/company-logo_200_200/company-logo_200_200/0/1719257644979/kinsmen_group_logo?e=2147483647&v=beta&t=gJpb3KCCGQrEosGOxe0M-h19jlF2kpkS3E3DCFlO28E);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.source--sap  {
    /* NOTE: Add https://upload.wikimedia.org to trusted sites in server.yml  */
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 40px;
    padding-right: 50px;
}

.infinite-tree-scroll {
    height: 100%;
}

.infinite-tree-content {
    height: 100%;
}

.infinite-tree-content .infinite-tree-item {
    height: 1.5rem !important;
}

.infinite-tree-content .infinite-tree-toggler {
    height: 1.5rem !important;
}

.icon--inline {
    height: 1.4rem !important;
}

body.site--kai .app-header__item--personal {
    background-color: #D51639 !important;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin: 2px 0 2px 0.5em;
    margin-right: 8px;
}

/*.app-header {
    height: 60px !important;
    line-height: 60px !important;
	background-color: #002857 !important;
}

.app-header-right {
	background: linear-gradient(to right, #002857 0%, #002857 10px, #002857 100%);
	background-color: #002857 !important;
}


.app-base {

    top: 57px;
}

.logo {
	min-width: 230px;
}

.app-header__item--personal.loggedIn {
    margin-top: 13px !important;
}*/

body.site--kai .grid-area > header {
	color: #D51639 !important;
}