:root {
    --bg:                   #17100d;
    --punainenteksti:       #a81107;
    --vihreateksti:         #0b6400;
    --keltainenteksti:      #f0ad4e;
    
    --placeholderteksti:    #c0b4b4;
    --osionotsikkoteksti:   #888;
    
    --tooltip-bg:           #deb887;
    --tooltip-bs-color:     #000;
    
    --harmaatausta:         #a5a2a2;
    --harmaateksti:         #4b4545;
    --sininentausta:        #e6f1fb;
    --sininenteksti:        #185fa5;
    --punainentausta:       #fabcb1;
    --punainenteksti:       #f02121;
    --tulevaisuus_teksti:   #24373a;
    --tulevaisuus_tausta:   #36b6d6;
    --nykyinen_teksti:      #3730a3;
    --nykyinen_tausta:      #46a56b;
    --historia_teksti:      #64748b;
    --historia_tausta:      #d8e5f1;
    --teksti_muistiolista:  #4b4545;
    --tausta_muistiolista:  #fff;
    
    --bg-memo-text:         #fef9c3;
    
    --aktiviteetti_tausta: #ededed;
    --aktiviteetti_teksti: #dedede;
    
    --liiteleveys:          170px;
    --nav-height:           56px;
    
    --font_jetbrainsmono:      'JetBrains Mono', 'Fira Code', monospace;
    }/*END : :root { */
    
/**
 * varataan navbar:lle tila sivun yläreunaan
 * - jos navbarin sisältö muuttuu (esim. lisäät toisen rivin nappeja), arvot pitää päivittää käsin
 */
body { padding-top: 56px; }

@media (min-width: 768px) {
    body {
        padding-top: 70px; /* navbarin todellinen korkeus md-breakpointista ylöspäin */
    }
}

/**
 * navbar:ssa näytettävä info/viesti taso
 */
.js-messages {
    position: absolute;
    top: 3px;
    right: 3px;
    /*top: 100%;      /* heti navbarin alareunan tasalla */
    /*left: 0;/**/
    /*right: 0;        /* venyttää koko navbarin leveydelle */
    z-index: 1030;   /* Bootstrapin navbar z-index on 1030, pidä sama tai ylempi */
    }
    
/**
 * sivuston omat navikointilinkit
 */
.sivuston-aktiviteetti {
    font-family: var( --font_jetbrainsmono );
    display:flex; 
    gap: 5px;
    padding: 3px 10px;  /**/
    background: var( --aktiviteetti_tausta ); 
    color: var( --aktiviteetti_teksti ); 
    border:0.5px solid var( --aktiviteetti_teksti );
    border-radius: 8px;
    }/*END : .sivuston-aktiviteetti { */
 
.text-lista-muistio {
    color: var( --teksti_muistiolista ); 
    border:0.5px solid var( --tausta_muistiolista );
    }/*END : .text-lista-muistio { */

.text-lista-kirjasin { 
    font-size: .95em; /**/
    font-weight:500; /**/
    }/*END : .text-lista-kirjasin { */

.text-lista-tausta {
    border-radius: 8px; /**/ 
    padding: 3px 10px;  /**/
    }/*END : .text-lista-tausta { */

.text-lista-tuleva {
    background: var( --tulevaisuus_tausta ); 
    color: var( --tulevaisuus_teksti ); 
    border:0.5px solid var( --tulevaisuus_teksti );
    }/*END : ..text-lista-tuleva { */    

.text-lista-nykyinen {
    background: var( --nykyinen_tausta ); 
    color: var( --nykyinen_teksti ); 
    border: 1.5px solid var( --nykyinen_teksti );
    }/*END : ..text-lista-tuleva { */ 

.text-lista-historia {
    background: var( --historia_tausta ); 
    color: var( --historia_teksti ); 
    border:0.5px solid var( --historia_teksti );
    }/*END : .text-lista-historia { */ 

.text-lista-sopimukset {
    background: var( --historia_tausta ); 
    color: var( --historia_teksti ); 
    border:0.5px solid var( --historia_teksti );
    }/*END : .text-lista-historia { */ 
    
/* body { padding-top: 1.5rem; } /* tämä lisätty navikaatio.php sivun koodiin  */
.custom-tooltip {
  /*--bs-tooltip-bg: var(--tooltip-bg);/**/
  --bs-tooltip-color: var(--tooltip-bs-white);/**/
}
/****************************
.form-select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}/*END : form-select { */

/* tietokantarivin päivitysajat */
.paivitysajat {
    color: var( --harmaateksti);
    font-size: 0.75em;
    }/*END : .paivitysajat { */

.yes-border-top { border-top: 2px solid #8da9b8 !important; }/*END : .yes-border-top { */
.no-bottom-border{ border-bottom: 1px solid #fff !important; }/*END : .no-bottom-border{ */

.no-underline { text-decoration: none !important; }

/* liitetiedostojen mallit, tyylit */    
.liiteasettelu {
    /*display:grid; /**/
/* 3 saraketta */
    /*grid-template-columns:repeat(3, max-content); /**/
    /*gap:8px;/**/
/* koko grid keskelle */
    justify-content:center;/**/
    /*display:grid; /* grid */
    /*grid-template-columns:1fr 1fr; /**/
    /*gap:8px; /**/
    /*margin-top:4px; /**/
    }/*END : .liiteasettelu { */
.liite-tasot {
    cursor: pointer;
    border-radius:8px; 
    padding:10px 12px; 
    display:flex; 
    align-items:center; 
    gap:8px;
/* min-width: var( --liiteleveys ) !important; /**/
/* width: var( --liiteleveys ) !important; /**/
/* max-width: var( --liiteleveys ) !important; /**/
    }/*END : .liite-tasot { */
.tason-otsikko {
    font-size:13px;
    font-weight:500;
    margin:0;
    /*text-decoration: none; /**/
    }/*END : .tason-otsikko { */
.tason-teksti {
    font-size:11px;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }/*END : .tason-teksti { */

/* pdf-liitteet */    
.pdf-taso {
    border:0.5px solid #F5C4B3; 
    background:#FAECE7; 
    --bs-tooltip-bg:#FAECE7;
    }/*END : .pdftaso { */
.pdf-icon-varitys { 
    font-size:18px; 
    color:#993C1D;
    }/*END : .pdfvaritys { */
.pdf-otsikko-vari { color: #993C1D; }/*END : .pdf_otsikko { */
.pdf-teksti-vari { color: #D85A30; }/*END : .pdf-teksti { */
/* END : pdf-liitteet */
/* ods-liitteet */
.ods-taso {
    border:0.5px solid #C0DD97; 
    background:#EAF3DE; 
    --bs-tooltip-bg:#EAF3DE;
    }/*END : .odstaso { */
.ods-icon-varitys { 
    font-size:18px; 
    color:#3B6D11
    }/*END : .odsvaritys { */
.ods-otsikko-vari { color:#3B6D11; }/*END : .ods_otsikko { */
.ods-teksti-vari { color: #639922; }/*END : .ods-teksti { */
/* END : ods-liitteet */
/* ext-liitteet */
.ext-taso {
    border:0.5px solid #CECBF6; 
    background:#EEEDFE;
    --bs-tooltip-bg:#FAECE7;
    }/*END : .exttaso { */
.ext-icon-varitys { 
    font-size:18px; 
    color:#534AB7;
    }/*END : .extvaritys { */
.ext-otsikko-vari { color:#534AB7; }/*END : .ext_otsikko { */
.ext-teksti-vari { color: #7F77DD; }/*END : .ext-teksti { */
/* END : ext-liitteet */
/* odt-liitteet */
.odt-taso {
    border:0.5px solid #B5D4F4; 
    background:#E6F1FB;
    --bs-tooltip-bg:#E6F1FB;
    }/*END : .odttaso { */
.odt-icon-varitys { 
    font-size:18px; 
    color:#185FA5;
    }/*END : .odtvaritys { */
.odt-otsikko-vari { color:#185FA5; }/*END : .odt_otsikko { */
.odt-teksti-vari { color:#378ADD; }/*END : .odt-teksti { */
/* END : odt-liitteet */
/* txt-liitteet */
.txt-taso {
    border:0.5px solid #f3f2a3; 
    background:#fbfbe6;
    --bs-tooltip-bg:#fbfbe6;
    }/*END : .txttaso { */
.txt-icon-varitys { 
    font-size:18px; 
    color:#97a518; /* #185FA5 */ 
    }/*END : .txtvaritys { */
.txt-otsikko-vari { color:#9ca518; }/*END : .txt_otsikko { */
.txt-teksti-vari { color:#6f8013; }/*END : .txt-teksti { #378ADD */
/* END : txt-liitteet */
/* kuva-liitteet */
.kuva-taso {
    border:0.5px solid #f4b5cf; 
    background:#fbe6f2;
    --bs-tooltip-bg:#fbe6f2;
    }/*END : .kuvataso { */
.kuva-icon-varitys { 
    font-size:18px; 
    color:#185FA5;
    }/*END : .kuvavaritys { */
.kuva-otsikko-vari { color:#185FA5; }/*END : .kuva_otsikko { */
.kuva-teksti-vari { color:#378ADD; }/*END : .kuva-teksti { */
/* END : kuva-liitteet */

/* END : liitetiedostojen mallit, tyylit */

/* PTS-listan vuodet */
.pts-vuosi {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0.2em 0.5em;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    }/*END : .pts-vuosi { */
/* työpöytäversion tekstit/taustat */
.pts-vuosi.tulevaisuus { background: var(--tulevaisuus_tausta); color: var(--tulevaisuus_teksti); }
.pts-vuosi.nykyinen { background: var(--nykyinen_tausta); color: var(--nykyinen_teksti); }
.pts-vuosi.historia { background: var(--historia_tausta); color: var(--historia_teksti); }
/* mobiilin card-header-taustaan */
.tulevaisuus { background: var(--tulevaisuus_tausta); color: var(--tulevaisuus_teksti); }
.nykyinen { background: var(--nykyinen_tausta); color: var(--nykyinen_teksti); }
.historia   { background: #d8e5f1; color: #64748b; }

/* prioriteetit */
.prioriteetti {
    width: 80%;
    font-size:12px; 
    border-radius:20px; 
    padding:3px 10px; 
    font-weight:500;
}
.prioriteetti_m {
    font-size:12px; 
    border-radius:20px; 
    padding:3px 10px; 
    font-weight:500;
}
.text-pri-normaali {
    background: var( --sininentausta ); 
    color: var( --sininenteksti ); 
    border:0.5px solid #B5D4F4; 
}
.text-pri-korkea {
    background: var( --punainentausta ); 
    color: var( --punainenteksti ); 
    border:0.5px solid #B5D4F4; 
}
.text-pri-matala {
    background: var( --harmaatausta ); 
    color: var( --harmaateksti ); 
    border:0.5px solid #B5D4F4; 
}
.text-pri-vihrea {
    background: var( --nykyinen_tausta ); 
    color: var( --nykyinen_teksti ); 
    border:0.5px solid var( --nykyinen_teksti ); 
    }/*END : .text-pri-vihrea { */
  
/* hiiren kursorit */
.disabled { cursor: not-allowed !important; }
.cursor-sormi { cursor: pointer !important; }
.cursor-default { cursor: default !important; }
.cursor-contexmenu { cursor: context-menu !important; }
.cursor-alias { cursor: alias !important; }
.cursor-move {cursor: move;}
.cursor-grab {cursor: -webkit-grab; cursor: grab;}
.ohjeinfo_linkki { cursor: pointer !important; }

/* huomiotekstit */
.punainenteksti { color: var(--punainenteksti); }
.vihreateksti { color: var(--vihreateksti); }
.keltainenteksti { color: var(--keltainenteksti); }
.sininenteksti { color: var(--sininenteksti); }

/* piilota kenttä pysyvästi */
.piilota-teksti { display: none !important; }

.osionotsikko {
    font-size: .80em; 
    font-weight: 500; 
    text-transform: uppercase; 
    letter-spacing: .06em; 
    color: var(--osionotsikkoteksti); 
    /*margin-bottom: 6px; /**/
    display: table-cell;
    vertical-align: middle;
    /*text-align: center;/**/
    }/*END : .osionotsikko {  */ 

/* ohej/memo-tekstit */
.kortti-memotext {
    background: var(--bg-memo-text);
    white-space: pre-wrap;
    font-family: arial;
    overflow-wrap: break-word;
    padding: 1.25rem;
    }/* END : .kortti-memotext { */     
 
/* https://developer.chrome.com/docs/css-ui/css-field-sizing */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
textarea { field-sizing: content;}/**/
.pre-line {
    white-space: pre-line;
    }

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var( --placeholderteksti );
    font-size: .85em; 
    opacity: 0.5; /* Firefox */
}

/* Desktop */
@media (min-width:768px){

.liite-tasot {
    min-width: var( --liiteleveys ) !important;/**/
    width: var( --liiteleveys ) !important;/**/
    max-width: var( --liiteleveys ) !important;/**/
    }/*END : .liite-tasot { */

.tason-teksti {
    max-width: 120px;
    }/*END : .tason-teksti { */    
    
    }/*END : @media (min-width:768px){ */

/* Mobile */
@media (max-width:767px){
/* Piilota taulukko mobiilissa ja näytä kortit */    
    .d-md-table { display: none !important; }
    .d-md-none { display: block !important; }

.tason-teksti {
    max-width: 250px;
    }/*END : .tason-teksti { */    
    /*.breadcrumb { font-size: 0.9rem; } /**/
}/*END : @media (max-width:767px){ */

/* sivun alareunaan tyhjää tilaa */
.footer-spacer-100 {
    height: 100px; /* lisää tilaa sivun viimeiselle riville */
}
.footer-spacer-75 {
    height: 75px; 
}
.footer-spacer-50 {
    height: 50px; 
}
.footer-spacer-25 {
    height: 25px; 
}