@layer module
{
@container style( --ttmodule: "calendar" )
{

/* /mod/calendar/unit.css */
.Today     {  background-color: #E0FFE0; }
.Passed    {  background-color: #E0E0E0; }
.PassedTime{  background-color: #AAAAAA; }
.Weekend   {  background-color: #FFCCCC; }
.ShortDay  {  background-color: #EEE8AA; }
/*
td.datum
{
  min-width: 10ch;
}
*/

.CalendarUser
{
  display:          inline-block;     
  padding: 2px;
  border-radius: 5px;
  margin-right: 0.3ch;
}

.Task.Calendar
{
  font-size: 0.8em;   
  position: relative;
  display: inline-block;
  padding-right: 1ch;  
}

}
@container style( --ttmodule: "user" )
{

/* /mod/user/unit.css */
@media only screen and (min-width: 800px) 
{ 

  input.tpe_name, 
  input.tpe_password   { width: 30ch; }

  input.tpe_email      { width: 40ch; }
  select.tpe_active    { width: 20ch; }
  textarea.tpe_css     { width: 60ch; 
                         min-height: 3em; }

}


/* /mod/user/unit.css.php */
}
.User1 { color: #ffffff; background-color: #a800d6; }
.User2 { color: #ff0000; background-color: #3300ff; }
.User3 { color: #ff0000; background-color: #000000; }
.User27 { color: #050505; background-color: #ff8800; }
.User28 { color: #000000; background-color: #ffff00; }
.User29 { color: #f5f5f5; background-color: #42bd00; }
.User35 { color: #ffffff; background-color: #000000; }
{


}
@container style( --ttmodule: "task" )
{

/* /mod/task/unit.css */
td.Tasks
{
  position: relative;
  max-width: 35ch;
}
div.HasImages

{
  display:          inline-block;
  position:         absolute;
  padding: 0.1em;
  bottom:           0;
  right:            0;
  box-sizing:       border-box;
  font-size: 0.9em;
}

.DayNotes
{
  background-color: #DDDDAA;

}

.Task .Name
{
  font-size: 1.1em;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

.tta_type0, .tta_type1, .tta_type2, .tta_type3,.tta_type4, .tta_typeAdd, .tta_type9
.Type0, .Type1, .Type2, .Type3,.Type4, .TypeAdd, .Type9
{
  border: 2px solid;
  margin: 0.1em 0.2em 0.1em 0.2em;
  padding: 1px 1px;
  border-radius: 6px;
    box-sizing: border-box;
  min-height: 0.5em;

}
.tta_type0, .Type0{ border-color: #DDDD00; background-color: #F0F0AA;} /*Info*/
.tta_type1, .Type1{ border-color: #FFAAAA; background-color: #FFEEEE;} /*Service*/
.tta_type2, .Type2{ border-color: #33FF33; background-color: #F0FFF0;} /*Transport*/
.tta_type3, .Type3{ border-color: #528ED5; background-color: #DDDDFF;} /*Montering*/
.tta_type4, .Type4{ border-color: #888888; background-color: #ff960f;} /*Övrigt*/
.tta_type9, .Type9{ border-color: #F00;    background-color: #F8C;   } /*Webförfrågan fsfs*/

.tta_typeAdd, .TypeAdd{ border-color: #AAAAAA; background-color: #DDDDDD; height:  1.6em; vertical-align: middle;} /*Add knapp telefon*/

.tta_state0, .State0 { border-style: dotted; border-width: 3px;               } /*Prel.        */
.tta_state1, .State1 { border-style: solid;  border-width: 2px;               } /*Aktiv        */
.tta_state2, .State2 { border-style: double; border-width: 4px; padding: 2px; } /*Prioriterad  */
.tta_state6, .State6 {
                       background-color: #0000;
                       opacity: 0.6;
                       background-size: 20px 20px;
                       background-image: repeating-linear-gradient(-45deg, #77f 0, #77f 1px, #0000 1px, #0000 50%);
                     }
         
.tta_state7, .State7 { background-color: #CCCCCC;                             } /*Avslutad     */
.tta_state8, .State8 { background-color: #AAAAAA;                             } /*Avslutad     */
.tta_state9, .State9 {
background-color: #00000000;
opacity: 0.6;
background-size: 20px 20px;
background-image: repeating-linear-gradient(-45deg, #f00 0, #f00 1px, #0000 1px, #0000 50%);
}
@media only screen and (min-width: 800px)
{
  input.tta_descr,
  input.tta_place,
  input.tta_customer,
  input.tta_contact,
  input.tta_job          { width: 40ch; }
  input.tta_phone,

  textarea.tta_notes,
  textarea.tta_report    { width: 40ch; }

  select.tta_tpe_id,
  select.tta_type,
  select.tta_state,
  select.tta_visibility   { width: 20ch; min-width: 20ch; }

  input.tta_sort          { width: 14ch; }

  select.tta_duration      { width: 9ch; min-width: 9ch; }

}
.Task
{
/*  font-size: 1.2em;   */
  position: relative;

}

.tta_state > span,
.tta_visibility > span
{
  margin: 0.5em;
  display:          inline-block;
}





@media only screen and (max-width: 800px)
{
  .Task
  {
    padding: 0.3em 0;
    margin-bottom: 0.5em;
  }

  .tta_state > span,
  .tta_visibility > span
  {
    margin: 2px 2px 1em 1em;
  display:          inline-block;
  }
}

.NewButton
{
  background-color: #AAFFAA;
  padding:          0.1em 1ch;
  border:           2px solid #00AA00;
  border-radius:    6px;
  box-sizing:       border-box;
  color:            #006600;
  z-index: 1;
}

td div.NewButton
{
  font-size:        1.2em;
  display:          inline-block;
  position:         absolute;
  top:              0;
  right:            0;
  background-color: #ccc8;
  padding:          0.2em 0.2em 0.5em 0.5em;
  border:           1px solid #AA0000;
  border-radius:    0 0 0 70%;
  box-sizing:       border-box;
  color:            #AA0000;
  cursor: pointer;
}

.TaskLT
{
  display:flex;
  flex-wrap: wrap;
}

.TaskGroup
{
  display:flex;
  flex-wrap: wrap;
  padding-left: 3ch;

}

.TaskGroupHeadline
{
  background-color: #EEF;
  padding-left: 2ch;
}

.btnMini
{
  display:          inline-block;
  border:           1px solid #00A;
  background-color: #CCC;
  padding:          0.2em 1em;
  border-radius:    0.3em;
  box-sizing:       border-box;
  color:            #000;
  cursor: pointer;
}


}
@container style( --ttmodule: "asset" )
{

/* /mod/asset/unit.css */
/* tt_asset */
.asset-restvalue
{
  color: blue;
  text-align: right;
}
  
.asset-deval
{
  color: red;
  text-align: right;
}

.asset-accdeval
{
  color: #a900e3;
  text-align: right;
}

.asset-accinkopspr
{
  color: #080;
  text-align: right;
}

.asset-eol
{
  background-color: #AAA;
}

.asset-restvalued
{
  background-color: #AAF;
}

td.asset-purchasedate,
td.asset-endoflife,
td.asset-startprice,
td.asset-endprice
{
  text-align: right;
}    
td.asset-period
{
  text-align: center;
}    

input.year
{
  width: 8ch;
  
}

.clError
{
  color: red;
  
}

@media  print 
{
  .Today,
  .asset-eol,
  .Passed,
  .PassedTime
  {
    background: none ;
  }    
  html   
  {
    --th-bg-color: none;
  }
}

#assetContainer.asset-NoActive .asset-NoActiveBtn,
#assetContainer.asset-NoEol .asset-NoEolBtn,
#assetContainer.asset-NoRestvalued .asset-NoRestvaluedBtn,
#assetContainer.asset-NoZero .asset-zeroBtn  {  background-color: red; }

#assetContainer.asset-NoEol        .asset-eol,
#assetContainer.asset-NoActive     .asset-active,
#assetContainer.asset-NoRestvalued .asset-restvalued,
#assetContainer.asset-NoZero       .asset-NoZero        {display: none;}





}
@container style( --ttmodule: "knowhow" )
{

/* /mod/knowhow/unit.css */
.knowhow-headline
{
  display: inline-block;
  font-size: 1.5em;  
  min-width: 30ch;
  margin-left: 2ch;
}

.knowhow-edited
{
  display: inline-block;
  font-size: 0.9em;  
}


}
@container style( --ttmodule: "worklog" )
{

/* /mod/worklog/unit.css */
.clRows_twl
{
  container-type: inline-size;
  container-name: clRows_twl;

}

.clRow_twl
{
  display: grid;
  grid-template-columns: 3ch 10ch 10ch 8ch 8ch 8ch 8ch 8ch 10ch 6ch 10ch 10ch 20ch 8ch 10ch 1fr 10ch;
  column-gap: 0px;
  row-gap: 0px;
  align-items: stretch;
  width: 100%;
  
  grid-template-areas:   
    "edit  twl_D twl_WO twl_ST twl_ET twl_BT twl_UA plu_N pl_PPU twl_PL twl_PR twl_OR pe_NA twl_CR twl_CC twl_DE twl_IV";
  
}

.clCell_twl
{
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;  
  white-space: nowrap;
  background-color: #00000000;
}

.clTbl_edit                { grid-area: edit     ; }
.clTbl_twl_worker          { grid-area: twl_WO   ; }
.clTbl_twl_date            { grid-area: twl_D    ; }
.clTbl_twl_startTime       { grid-area: twl_ST   ; text-align: right;}
.clTbl_twl_endTime         { grid-area: twl_ET   ; text-align: right;}
.clTbl_twl_breakTime       { grid-area: twl_BT   ; text-align: right;}
.clTbl_twl_useAmount       { grid-area: twl_UA   ; text-align: right; }
.clTbl_plu_name           { grid-area: plu_N   ; }
.clTbl_pl_pricePerUnit    { grid-area: pl_PPU  ; text-align: right;}
.clTbl_twl_pl_id           { grid-area: twl_PL   ; text-align: center;}
.clTbl_twl_price           { grid-area: twl_PR   ; text-align: right;}
.clTbl_twl_ownRef          { grid-area: twl_OR   ; }
.clTbl_tpe_name           { grid-area: pe_NA   ; }
.clTbl_twl_custRef         { grid-area: twl_CR   ; }
.clTbl_twl_customerContact { grid-area: twl_CC   ; }
.clTbl_twl_description     { grid-area: twl_DE   ; }
.clTbl_twl_iv_no           { grid-area: twl_IV   ; }

.clSWLogo
{
  background-color: #e31818;
  padding: 0.5em;
  border-radius: 15px;
}

@media (max-width: 1200px) 
{
 .clRows_twl 
  {
    display: block;
  }
/*  
  .clRow_twl 
  {
    display: none;
  }*/
}

@container clRows_twl (max-width: 1200px) 
{
  
  div.clCell_twl
  {
    border-color: #FFAAAA;
  }

  .clRow_twl
  {
    grid-template-columns: 3ch 9ch 6ch 6ch 6ch 6ch 8ch 10ch 6ch 10ch 10ch 20ch 8ch 10ch 10ch 1fr;
    
    grid-template-areas:   
      "edit twl_D   twl_ST twl_ET twl_BT twl_UA plu_N  pl_PPU twl_PL twl_PR twl_OR pe_NA  twl_CR twl_CC twl_WO twl_IV"
      "edit twl_DE  twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE twl_DE";
    
  }
}

.clRow_twl:hover  
{
  background-color: #b8d1f3;
  
}

@container clRows_twl (max-width:  500px) 
{ 
  .clRow_twl
  {
    grid-template-columns: 3ch 9ch 6ch 6ch 6ch 1fr;
    
    grid-template-areas:   
      "edit twl_D twl_ST twl_PR twl_PL pe_NA"
      "edit twl_DE twl_DE twl_DE twl_DE twl_DE";
  }
.clTbl_twl_endTime         ,
.clTbl_twl_breakTime       ,
.clTbl_twl_useAmount       ,
.clTbl_plu_name           ,
.clTbl_pl_pricePerUnit    ,
.clTbl_twl_ownRef          ,
.clTbl_twl_custRef         ,
.clTbl_twl_customerContact ,
.clTbl_twl_iv_no           ,
.clTbl_twl_worker
{ display: none; }


}

.report_wl_customerContact,
.report_wl_worker
{
  width:         7ch; 
  overflow:      hidden;
  text-overflow: ellipsis;  
  white-space:   nowrap;  
}

.report_wl_customer
{
  page-break-before:always;  
  font-size: 1.5em;
  font-weight: bold;
  
}

.report_wl_iv_no
{
  font-size: 1.2em; 
  font-weight: 600;
  display: inline-block;  
}
.report_wl_ym
{
  font-size: 1.2em;
  margin-left: 3ch;
  display: inline-block;  
}
.report_wl_cref
{
  font-size: 1.1em; 
  font-weight: 600;
}
.report_wl_description
.report_plu_name,
{}



.report_wl_date,
.report_wl_startTime,
.report_wl_endTime,
.report_wl_breakTime,
.report_wl_useAmount,
.report_wl_price
{
  text-align:    right;
  overflow:      hidden;
  text-overflow: ellipsis;  
  white-space:   nowrap;  
}

.report_wl_useAmount,
.report_wl_price
{
  width:         8ch; 
}

.report_wl_date
{
  width:         9ch; 
}

.report_wl_startTime,
.report_wl_endTime,
.report_wl_breakTime
{
  width:         6ch; 
}

.report_wl_sum_unit,
.report_plu_name
{
  width:         5ch; 
}


table.report_wl
{
  width: 100%;
  
}

.report_wl_sum_box
{}

.report_wl_sum_headline
{
  display: inline-block;
  font-size: 1.1em;
  font-weight: 600;
  
}

.report_wl_sum_pl
{
  width:         20ch; 
}

.report_wl_sum_amount,
.report_wl_sum_ppu,
.report_wl_sum_pris,
.report_wl_sumsum_pris
{
  width:         13ch; 
  text-align: right;
}

.report_wl_sumsum_pris
{
  font-weight: bold;
}


@media  print 
{
  table.report_wl
  {
    font-size: 0.7em;
    
  }  
}
/*
@page {
  size: A4;
  margin: 10%;

  @top-left-corner {
    content: "Page " counter(page);
  }
}
*/
td.clTbl_edit 
{
  width:3ch;
}

.report_wl_customerBlock,
.report_wl_crefBlock,
.report_wl_ymBlock,
.report_wl_iv_noBlock
{
  margin-left:3ch;
  background-color: #0000770C;
}


}
@container style( --ttmodule: "manual" )
{

/* /mod/manual/unit.css */
.Func            {  color:#DD0000;      }
.Param           {  color:#333333;      }
.Value           {  color:#8888FF;      }
.Src             {  color:#00F;         font-size: 0.81rem; }
.RType           {  color:#00AA00;      font-size: 0.81rem; }
.Type            {  color:#00AA00;      font-size: 0.81rem; }
A.Line,                                 
.Line            {  color:#006666;      font-size: 0.81rem;
                      text-align: right;                      }
.Cmnt            {  color:#000000;      font-size: 0.9rem;  }

table.manual     {  width: 100%;        }

table.manual TD, 
table.manual TH  {  font-size: 1rem;    }

table.fixed      {  table-layout:fixed; }
table.fixed td   {  overflow: hidden;   }

}
@container style( --ttmodule: "tsc_historik" )
{

/* /mod/tsc_historik/unit.css */
a.tschPdfLink
{
  background-color: #55F;
  padding:          0.2em 1ch;
  margin:           0.4em;
  border:           1px solid #0000AA;
  border-radius:    4px;
  color:            #FFF;
  font-size:        0.8em;

  &:link, 
  &:visited, 
  &:hover, 
  &:active
  {
    color:            #FFF;
  }
  &:hover
  {
    background-color: #F00;
    text-decoration:  none;
  }
}

.tschResultTable
{
  width: 100%;
  
}

}
@container style( --ttmodule: "woodcut" )
{

/* /mod/woodcut/unit.css */


tr.total
{
  font-style: bold;
  background-color: #DFD;
}

.woodlength
{
  display:           inline-flex;
  padding:          0.5em 0.5em;
  border-radius:    5px;
  background-color: #CCD;
  user-select:      none;
  margin:           0.3em;
  
  input[ type='radio' ] {  display: none; }

  .woodlengthradio
  {
    padding:       0.4em 0.9em;
    border-radius: 0.5em;
    margin:        0 0.2em;
    cursor:        pointer;
    &:has( :checked ){  background-color: #99F; }  
  }
    
}
.woodcut
{
  display:          inline-flex;
  padding:          0.5em 0.5em;
  border-radius:    5px;
  background-color: #BB5;
  user-select:      none;
  margin:           0.3em;
  
  input[ type='radio' ] {  display: none; }

  .woodcutradio
  {
    padding:       0.4em 0.9em;
    border-radius: 0.5em;
    margin:        0 0.2em;
    cursor:        pointer;
    &:has( :checked ){  background-color: #FF9; }  
  }
    
}

.woodin input 
{
  width: 8ch;
  
}

}
@container style( --ttmodule: "dinner" )
{

/* /mod/dinner/unit.css */
.Columns
{
  display: flex;
  flex-direction:columns;
  
}

.dinner_tag,
.dinner_tag_group,
.dinner_tagoption
{
  display:          inline-block;     
  padding: 3px;
  border-radius: 5px;
  margin-right: 0.3ch;
}

.dinner_tag
{
  background-color: #DFD;
}

.dinner_tagoption
{
  background-color: #FFD;
}

.dinner_tag_group
{
  border: 2px solid #FBB;
}

a.URLButton
{
  display:          inline-block;     
  padding: 2px 0.5em;
  border-radius: 8px;
  font-size: 1.8em;
  background-color: #FFF;
  color: #F00;
}


}
@container style( --ttmodule: "dev" )
{

/* /mod/dev/unit.css */
tr.duplicates
{
  background-color: #FAA;
  
  
}
#form_target
{
  font-size: 3em;
  
}

.debugFrameGeneric
{
  border: 1px solid red;
  background-color: #FF000010;
} 

.debugFrameBlock
{
  border: 1px solid blue;
  background-color: #0000FF10;
} 
.ttpowerShow
{
  display: flex;
  background-color: #333;
  padding: 1em;
  border-radius: 1em;
  flex-wrap: wrap;
}

}
@container style( --ttmodule: "dev2" )
{

/* /mod/dev2/unit.css */
/*
    div {
      margin: 0em;
      padding: 2em;
    }
    #target {
      border: 1px solid black;
    }
*/

}
@container style( --ttmodule: "filesearch" )
{

/* /mod/filesearch/unit.css */
.selected
{
  background-color: #dfd;
}

}
@container style( --ttmodule: "cyberorg" )
{

/* /mod/cyberorg/unit.css */
.selected
{
  background-color: #dfd;
}

}
@container style( --ttmodule: "rentalunit" )
{

/* /mod/rentalunit/unit.css */
.RUGs
{
    font-size: 1.1em;      
}   

.RUGdescr
{
  min-width: 10ch; 
  height: 3em;
  border-radius: 1.5em;
  background-color: var( --RUGdescrcolor );
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0em 1em;
  font-family: 'Nunito', sans-serif;
  vertical-align: middle;

  display: flex;
  justify-content: start;  
  align-items: center;
}        

A.RUGdescr
{
  COLOR: #000000;
}
    
.rusgStatusBall 
{
  display:inline-block; 
  min-width: 3em; 
  height: 3em;
  border-radius: 1.5em;
  background-color: var( --pluppcolor );
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0em 0em;
   font-family: 'Nunito', sans-serif;
   font-weight: 700;
  display: flex;
  justify-content: center; 
  align-items: center;
}       

.rusgStatusBall:empty
{
  background-color: #00000000;

  border: 5px solid var( --pluppcolor );
}
 
.RUGbox 
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;  
  justify-content: flex-start;
/*  align-items: stretch; */
  gap: 2px;
  margin: 0.5em 0.5em; 
  align-items: center;
  --RUGdescrcolor: #DDDDDD;
}   

@media only screen and (max-width: 800px) 
{ 
  .RUGbox 
  {
    margin: 0.2em 0.5em; 
    
  }

  .RUGdescr
  {  
    font-size: 1em;      
  }  
   
}

@media only screen and (min-width: 800px) 
{ 
  A.RUGdescr
  {
    order: 99;    
  } 
}


.RUGbox:nth-child(odd) 
{
  --RUGdescrcolor: #BBBBBB;
}


.rusgStatus0      { --pluppcolor: #DDDDDD; }  
.rusgStatus10     { --pluppcolor: #FFFFAA; }  
.rusgStatus20     { --pluppcolor: #AAFFAA; }  
.rusgStatus30     { --pluppcolor: #AAAAFF; }  
.rusgStatus40     { --pluppcolor: #FFAAAA; }  

td.RUstatus
{
    background-color: var( --pluppcolor );

  
}

td.RUstatus20
{
    background-color: #ff4141;
    COLOR: #FFFFFF;
  
}

  
 .sort2nd  {  font-size: 0.6em;  }

}
@container style( --ttmodule: "sie" )
{

/* /mod/sie/unit.css */
.clTransType0
{
  background-color: #FCC;
  text-decoration: line-through;
}

.clTransType2
{
  background-color: #CFC;
}

}
@container style( --ttmodule: "jgdeconomy" )
{

/* /mod/jgdeconomy/unit.css */
.horzontalFlexSplit
{
  display:flex;
  gap: 10px;
}

tr.error             { background-color: #FFAAAA; }        
tr.import            { background-color: #FFFFAA; }
tr.import:hover      { background-color: #FFFF00; }
tr.unvierified       { background-color: #CCCCFF; }
tr.error.unvierified { background-color: #FFAA00; }
tr.error.import      { background-color: #FFCCAA; }
tr.mark              { background-color: #CCAAAA; }
tr.markneg           { background-color: #AAAAAA; }

.ec_date             { width: 14ch; }
.ec_description      { min-width: 40ch; }
.ec_supplier         { width: 15ch; }
.ec_amount           { width:  8ch; }
.ec_fromaccount      { width: 25ch; }
.ec_toaccount        { width: 25ch; }
.ec_transid          { width: 10ch; }
.ec_invoiceno        { width: 10ch; }

.hit             { background-color: #FF0000; }        

input
{
   position: relative;
  
}
/*
input::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: attr(id);
    color: green;
    z-index: 10;
    background-color: yellow;
}*/
/*
.SelectAll
{
      background-color: yellow;
}
*/
.eco_balance
{
  color: #b51b14;
  
}

.clGridboxLayout
{  
  --minGridColSize: 35ch;
}

}
@container style( --ttmodule: "test" )
{

/* /mod/test/unit.css */
tr.duplicates
{
  background-color: #FAA;
  
  
}
#form_target
{
  font-size: 3em;
  
}

.debugFrameGeneric
{
  border: 1px solid red;
  background-color: #FF000010;
} 

.debugFrameBlock
{
  border: 1px solid blue;
  background-color: #0000FF10;
} 
.ttpowerShow
{
  display: flex;
  background-color: #333;
  padding: 1em;
  border-radius: 1em;
  flex-wrap: wrap;
}

}
@container style( --ttmodule: "debug" )
{

/* /mod/debug/unit.css */
td.Tasks
{
  position: relative;
  max-width: 35ch;
}
div.HasImages

{
  display:          inline-block;
  position:         absolute;
  padding: 0.1em;
  bottom:           0;
  right:            0;
  box-sizing:       border-box;
  font-size: 0.9em;
}

.DayNotes
{
  background-color: #DDDDAA;

}

.Task .Name
{
  font-size: 1.1em;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

.tta_type0, .tta_type1, .tta_type2, .tta_type3,.tta_type4, .tta_typeAdd, .tta_type9
.Type0, .Type1, .Type2, .Type3,.Type4, .TypeAdd, .Type9
{
  border: 2px solid;
  margin: 0.1em 0.2em 0.1em 0.2em;
  padding: 1px 1px;
  border-radius: 6px;
    box-sizing: border-box;
  min-height: 0.5em;

}
.tta_type0, .Type0{ border-color: #DDDD00; background-color: #F0F0AA;} /*Info*/
.tta_type1, .Type1{ border-color: #FFAAAA; background-color: #FFEEEE;} /*Service*/
.tta_type2, .Type2{ border-color: #33FF33; background-color: #F0FFF0;} /*Transport*/
.tta_type3, .Type3{ border-color: #528ED5; background-color: #DDDDFF;} /*Montering*/
.tta_type4, .Type4{ border-color: #888888; background-color: #ff960f;} /*Övrigt*/
.tta_type9, .Type9{ border-color: #F00;    background-color: #F8C;   } /*Webförfrågan fsfs*/

.tta_typeAdd, .TypeAdd{ border-color: #AAAAAA; background-color: #DDDDDD; height:  1.6em; vertical-align: middle;} /*Add knapp telefon*/

.tta_state0, .State0 { border-style: dotted; border-width: 3px;               } /*Prel.        */
.tta_state1, .State1 { border-style: solid;  border-width: 2px;               } /*Aktiv        */
.tta_state2, .State2 { border-style: double; border-width: 4px; padding: 2px; } /*Prioriterad  */
.tta_state6, .State6 {
                       background-color: #0000;
                       opacity: 0.6;
                       background-size: 20px 20px;
                       background-image: repeating-linear-gradient(-45deg, #77f 0, #77f 1px, #0000 1px, #0000 50%);
                     }
         
.tta_state7, .State7 { background-color: #CCCCCC;                             } /*Avslutad     */
.tta_state8, .State8 { background-color: #AAAAAA;                             } /*Avslutad     */
.tta_state9, .State9 {
background-color: #00000000;
opacity: 0.6;
background-size: 20px 20px;
background-image: repeating-linear-gradient(-45deg, #f00 0, #f00 1px, #0000 1px, #0000 50%);
}
@media only screen and (min-width: 800px)
{
  input.tta_descr,
  input.tta_place,
  input.tta_customer,
  input.tta_contact,
  input.tta_job          { width: 40ch; }
  input.tta_phone,

  textarea.tta_notes,
  textarea.tta_report    { width: 40ch; }

  select.tta_tpe_id,
  select.tta_type,
  select.tta_state,
  select.tta_visibility   { width: 20ch; min-width: 20ch; }

  input.tta_sort          { width: 14ch; }

  select.tta_duration      { width: 9ch; min-width: 9ch; }

}
.Task
{
/*  font-size: 1.2em;   */
  position: relative;

}

.tta_state > span,
.tta_visibility > span
{
  margin: 0.5em;
  display:          inline-block;
}





@media only screen and (max-width: 800px)
{
  .Task
  {
    padding: 0.3em 0;
    margin-bottom: 0.5em;
  }

  .tta_state > span,
  .tta_visibility > span
  {
    margin: 2px 2px 1em 1em;
  display:          inline-block;
  }
}

.NewButton
{
  background-color: #AAFFAA;
  padding:          0.1em 1ch;
  border:           2px solid #00AA00;
  border-radius:    6px;
  box-sizing:       border-box;
  color:            #006600;
  z-index: 1;
}

td div.NewButton
{
  font-size:        1.2em;
  display:          inline-block;
  position:         absolute;
  top:              0;
  right:            0;
  background-color: #ccc8;
  padding:          0.2em 0.2em 0.5em 0.5em;
  border:           1px solid #AA0000;
  border-radius:    0 0 0 70%;
  box-sizing:       border-box;
  color:            #AA0000;
  cursor: pointer;
}

.TaskLT
{
  display:flex;
  flex-wrap: wrap;
}

.TaskGroup
{
  display:flex;
  flex-wrap: wrap;
  padding-left: 3ch;

}

.TaskGroupHeadline
{
  background-color: #EEF;
  padding-left: 2ch;
}

.btnMini
{
  display:          inline-block;
  border:           1px solid #00A;
  background-color: #CCC;
  padding:          0.2em 1em;
  border-radius:    0.3em;
  box-sizing:       border-box;
  color:            #000;
  cursor: pointer;
}


}
@container style( --ttmodule: "3d_materials" )
{

/* /mod/3d_materials/unit.css */

.mtrlColor
{
  min-height: 5em;
  min-width : 10ch;
  
}


.mtrlColors
{
}

.mtrlColorLabel
{
  background: #FFF9;
}

.mtrlColorLabel.mtrlColorInStock
{
/*  background: #FAAF;*/
/*  color: #028;*/
}

.clProcBarVert, .clProcBarColor, .clProcBarColorInv
{
  --proc: 0;
  --procent: calc( 1% * var(--proc) );
  --hue: calc( 120 - calc( var(--proc)*1.2 ) );
  --proc-clr1: hsl( var(--hue) 40% 70% );  
  --proc-clr2: #FFF;
}

.clProcBarVert
{
  background: linear-gradient(to top, var(--proc-clr1), var(--proc-clr1) var(--procent), var(--proc-clr2) var(--procent) );
  min-height: 3em;
  height:     3em;
  font-size:  2em;
}

.clProcBarColorInv
{
  --hue: calc( calc( var(--proc)*1.2 ) );
}
.clProcBarColor, .clProcBarColorInv
{
  background: var(--proc-clr1);
}

table.cl3dprtable td
{
  min-width: 8ch;
  
}

.cl3dN04
{
  background-color: #AAF7;
}

.cl3dN06
{
  background-color: #AFA7;
}

.cl3dN08
{
  background-color: #FAF7;
}

.clColorShow
{
  width: 10mm;
  height: 3mm;
  background-color: var(--color);
  border: 1px solid black;
  border-radius: 1mm; 
  margin: 0.02em 0.5ch;
}

.clquotationHeadline
{
  background-color: #A8F;
  font-weight: bold;
}

.cl3dStatequote       { background-color: #FFA; }
.cl3dStateinvoiced    { background-color: #CFC; }
.cl3dStateproduction  { background-color: #AAF; }
.cl3dStateold         { background-color: #FBB; }
.cl3dStatedelivery    { background-color: #5A5; }
.cl3dStatedraft       { background-color: #505; }
.cl3dStateordered     { background-color: #1F1; }
.cl3dStatedone        { background-color: #ccc; }

.indented { margin-left: 5ch; }

.pricelist
{
  .name { min-width: 30ch; }
  .price{ min-width: 10ch; }
  
}
.pricelistImage
{
  max-width: 300px;
  max-height: 200px;
  transition: max-width 1.5s ease;
  transition: max-height 1.5s ease;
}

.pricelistImage:hover
{
  max-width: 800px;
  max-height: 600px;
  
}

}
@container style( --ttmodule: "invoice" )
{

/* /mod/invoice/unit.css */

.debugFrameGeneric
{
  border: 1px solid red;
  background-color: #FF000010;
} 

.debugFrameBlock
{
  border: 1px solid blue;
  background-color: #0000FF10;
} 

TH.tir_id{  width: 3ch; }

.clInvoiceDataForm input.tiv_state,
.clInvoiceDataForm input.tiv_persnr,
.clInvoiceDataForm input.tiv_orgnr
{
  min-width:  15ch; 
}

.clInvoiceDataRowForm input.tir_sort     {  width:  6ch; }
.clInvoiceDataRowForm input.tir_type     {  width:  15ch; }
.clInvoiceDataRowForm input.tir_cnt      {  width:  5ch; }
.clInvoiceDataRowForm textarea.tir_text  {  width:  40ch; }
.clInvoiceDataRowForm input.tir_price    {  width:  8ch; }

.clInvoiceSummary td { min-width: 10ch }
.clInvoiceSummary th { min-width: 15ch }


.clEdit .clInvoiceDataForm    { grid-column-end: span 3; grid-row-end: span 3;}  
.clView .clInvoiceDataForm    { grid-column-end: span 2; grid-row-end: span 3;}  

.clEdit .clInvoiceDataRowForm { grid-column-end: span 3; grid-row-end: span 3;}  
.clView .clInvoiceDataRowForm { grid-column-end: span 2; grid-row-end: span 2;}  


.tiv_stateCurrent, .tiv_statePossible, .tiv_stateImpossible
{
  padding: 0.5em 1em;
  border: 2px solid #666;  
  border-radius: 0.3em;
  margin: 0.8em 0px;
  display: block;
  text-align: center;
}

.tiv_statePossible, a:link.tiv_statePossible, a:visited.tiv_statePossible
{
  color: #03f;
  background-color: #DFD;

}

a:hover.tiv_statePossible
{
  text-decoration: none;
  background-color: #555;
  color: #FFF;
}

.tiv_stateCurrent
{
  background-color: #090;
  color: #FFF;
}


.tiv_stateImpossible
{
  background-color: #CCC;
  color: #000;
 
}

.tiv_stateErrorExpl
{
  color: #B00;
  font-size: 0.7em;
}

tr[data-tir_type="650"] input.tir_price  { display: none; }
tr[data-tir_type="650"] input.tir_cnt    { display: none; }
tr[data-tir_type="650"] textarea.tir_text{ display: none; }


tr[data-tir_type="660"] input.tir_price  { display: none; }
tr[data-tir_type="660"] input.tir_cnt    { display: none; }
tr[data-tir_type="660"] textarea.tir_text{ display: none; }

tr[data-tir_type="665"] input.tir_price  { display: none; }
tr[data-tir_type="665"] input.tir_cnt    { display: none; }
tr[data-tir_type="665"] textarea.tir_text{ display: none; }

tr[data-tir_type="670"] input.tir_price  { display: none; }
tr[data-tir_type="670"] input.tir_cnt    { display: none; }
tr[data-tir_type="670"] textarea.tir_text{ display: none; }

tr[data-tir_type="680"] input.tir_price  { display: none; }
tr[data-tir_type="680"] input.tir_cnt    { display: none; }
tr[data-tir_type="680"] textarea.tir_text{ display: none; }

tr[data-tir_type="685"] input.tir_price  { display: none; }
tr[data-tir_type="685"] input.tir_cnt    { display: none; }
tr[data-tir_type="685"] textarea.tir_text{ display: none; }


tr[data-tir_type="690"] input.tir_price  { display: none; }
tr[data-tir_type="690"] input.tir_cnt    { display: none; }
tr[data-tir_type="690"] textarea.tir_text{ display: none; }

tr[data-tir_type="800"] input.tir_price  { display: none; }
tr[data-tir_type="800"] input.tir_cnt    { display: none; }

tr[data-tir_type="810"] input.tir_price  { display: none; }
tr[data-tir_type="810"] input.tir_cnt    { display: none; }

tr[data-tir_type="820"] input.tir_price  { display: none; }
tr[data-tir_type="820"] input.tir_cnt    { display: none; }

tr[data-tir_type="830"] input.tir_price  { display: none; }
tr[data-tir_type="830"] input.tir_cnt    { display: none; }

tr[data-tir_type="840"] input.tir_price  { display: none; }
tr[data-tir_type="840"] input.tir_cnt    { display: none; }

tr[data-tir_type="900"] input.tir_price  { display: none; }
tr[data-tir_type="900"] textarea.tir_text{ display: none; }

tr[data-tir_type="910"] input.tir_price  { display: none; }
tr[data-tir_type="910"] input.tir_cnt    { display: none; }
tr[data-tir_type="910"] textarea.tir_text{ display: none; }

tr[data-tir_type="920"] input.tir_price  { display: none; }
tr[data-tir_type="920"] input.tir_cnt    { display: none; }
tr[data-tir_type="920"] textarea.tir_text{ display: none; }

tr[data-tir_type="990"] input.tir_price  { display: none; }
tr[data-tir_type="990"] input.tir_cnt    { display: none; }
tr[data-tir_type="990"] textarea.tir_text{ display: none; }


tr[data-tir_type="999"] input.tir_price  { display: none; }
tr[data-tir_type="999"] input.tir_cnt    { display: none; }
tr[data-tir_type="999"] textarea.tir_text{ display: none; }

tr[data-tir_type="990"] { background-color: #ff459f; }
tr[data-tir_type="999"] { background-color: #777; }

tr[data-tir_type="180"] { background-color: #DFF; }


tr[data-tir_type="670"], 
tr[data-tir_type="200"], 
tr[data-tir_type="210"], 
tr[data-tir_type="220"], 
tr[data-tir_type="230"], 
tr[data-tir_type="240"], 
tr[data-tir_type="250"] { background-color: #e7aef3; }
tr[data-tir_type="800"] { background-color: #DDF; }

tr[data-tir_type="650"], 
tr[data-tir_type="660"], 
tr[data-tir_type="665"] { background-color: #BB6; } 
tr[data-tir_type="680"] { background-color: #FFC; }
tr[data-tir_type="690"] { background-color: #CFC; }

tr[data-tir_type="685"] { background-color: #FDA; }

tr.clError { background-color: #F66; }

.invoicejournal 
{
  font-size: 1.3rem;  
  width: 100%;
}
.invoicejournal .account
{
  width: 7ch;  
  
}
.invoicejournal td.account
{
  text-align: center;  
}


.invoicejournal .debet,
.invoicejournal .kredit
{
  width: 14ch;  
}

.kontering TH
{
  text-align: center;  
}

.invoicejournal .tf
{
  padding: 0 1em;  
}

table.invoicejournal th
{
  padding: 0 0.3em;  
  position: static;
  width: fit-content;
}

.invoicejournal tr:last-child
{
  border-bottom: 3px solid #222;
}

.kontering tr:last-child
{
  border-bottom: none;
}
table.invoicejournal
{
  margin-bottom: 0.5em;
  
  
}
.invoicejournal TH.ij
{
  width: 12ch;  
}

.invoicejournal TD.kont
{
  width: 43ch;  
}

.tt_invoice tr.tiv_state0   , .invoicelist tr.State0   { background-color: #DDF; } /* Utkast                                */
.tt_invoice tr.tiv_state10  , .invoicelist tr.State10  { background-color: #FFC; } /* Klar att skicka'                      */
.tt_invoice tr.tiv_state40  , .invoicelist tr.State40  { background-color: #CFC; } /* Skickad'                              */
.tt_invoice tr.tiv_state50  , .invoicelist tr.State50  { background-color: #FAA; }/* Bestriden av kund'                    */
.tt_invoice tr.tiv_state70  , .invoicelist tr.State70  { background-color: #EFA; }/* Betald - Dags att skicka ROT'         */
.tt_invoice tr.tiv_state80  , .invoicelist tr.State80  { background-color: #0F0; }/* Betald - ROT ansökt hos skatteverket' */
.tt_invoice tr.tiv_state90  , .invoicelist tr.State90  { background-color: #F99; }/* Betald - ROT nekad av skatteverket'   */
.tt_invoice tr.tiv_state95  , .invoicelist tr.State95  { background-color: #CFC; }/* Skapa ROTavslagsfaktura'              */
.tt_invoice tr.tiv_state210 , .invoicelist tr.State210 { background-color: #F33; }/* Inkasso'                              */
.tt_invoice tr.tiv_state100 , .invoicelist tr.State100 { background-color: #CDC; }/* Avslutad'                             */
.tt_invoice tr.tiv_state990 , .invoicelist tr.State990 { background-color: #FCC; }/* Förlustkontot'                        */
.tt_invoice tr.tiv_state999 , .invoicelist tr.State999 { background-color: #999; }/* Raderad'                              */

.tt_invoice tr.tiv_stateLate , .invoicelist tr.StateLate { background-color: #FCC; }


}
@container style( --ttmodule: "2026" )
{

/* /mod/2026/unit.css */
/* 2026 unit.css  */

/* /mod/2026/unit.css.php */
/* 2026 unit.css.php  */


}

}