@import url("style.css?v=20251022");

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}





form h2 {
    margin:0;
    padding:5px;
}
thead tr {
    background-color:#ddd;
}

#ipad {
    display:none;
    width:1024px;
    height:768px;
    border:1px solid black;
    z-index:99;
    position:absolute;
    top:0;
    left:0;
}

body header.page {

    margin:3px;
    padding:5px;
    border:1px solid darkgrey;
    background-color:#ddd;
    border-radius:5px;
}

body nav.page {
    
    margin:3px;
    padding:0px 0px;
    border:1px solid darkgrey;
    background-color:#ddd;
    border-radius:5px; 
    min-width:1024px;
    
}
body section {
    margin:3px;
    padding:5px;
    
    background-color:#fff;
    border-radius:5px; 
    min-width:1024px;    
}

/*
body nav .navblock {
     
    display: table-cell;
    
    vertical-align: top;
    
    border:1px solid #eee;
    background-color:#eee;
    border-radius:5px;   
} */

a.menuitem {
    
    display:table-cell;
    

    padding:8px 3px 0 3px;
    width: 50px;
    height: 80px;
    background-color:#ddd;
    border:0px none;
    margin-right:3px;
    text-align:center;
    
    border-radius:4px;   
    background-color:#eee;
}
a.menuitem:hover {
    background-color:#bbb; 
}

   

   
form.web2 {
    
    margin:3px;
    padding:5px;
    border:1px solid #005EAD;
    background-color:rgba(183,215,240,0.5);
    border-radius:5px;     
    
    
        
    overflow:hidden;
 
    
}     




textarea { 
    font-size:12px;
}

.web2 input, .web2 select {
    /*border:1px solid black;;*/
} 

.web2 fieldset {
        border:1px solid #005EAD; 
}

.web2 *,
select.web2 option,
.web2 {
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
}

.web2 .small.group, .small.group .web2 { font-size:12px !important;  }


table.web2 * {
    font-size:13px;
}

table.web2 td {
    padding:3px; 
    /*font-size:16px;  */
    /*background-color:#efefef;*/
    text-align: left;
    vertical-align: top;
    
}
table.web2 {
    border-collapse: separate;
}


select.web2, input.web2, textarea.web2 {
    padding:4px 5px; 
    font-size:16px;
}






form.web2 .label{ padding:4px 5px; font-size:16px; margin-top:5px; }
form.web2 .small.group .label{  }

form.web2 .element label { padding:4px 5px;  font-size:16px; }
form.web2 .small.group .element label { padding:0;  font-size:12px; }





div.taskitem {
    
    margin:0 0 5px 0;
    padding:2px;
    border:1px solid #005EAD;
    background-color:rgba(183,215,240,0.5);
    /*background-color:rgba(215,228,188,0.5);*/
    border-radius:5px;    
    /*height:80px;*/
    overflow:hidden;
    
}
div.taskitem div {
    padding:2px 5px;
}

a.web3 {
    text-decoration: underline;
}

a.entity {
    font-size:12px;
    text-decoration: underline;
}

td a.entity {
    font-size:12px;
}

.smalltext a.entity {
    font-size:11px;
}



div.project_task_block {

  background-color:#ddd;
  padding:4px;
  border-radius:8px;  
  margin:10px 0;
}

div.project_task_title {
    
    
  background-color:#aaa;  
  padding:6px 3px;
  
  border-radius:3px;
  font-weight:bold;
  margin:0 0 5px 0;
}

td {
    vertical-align: top;
}

td.money {
    text-align:right;
}


tr.abrechenbar {
    background-color:#C5FEC6;
}







/* überschreiben der jquery css */

.ui-autocomplete { 
    max-height: 280px; 
    overflow-y: scroll; 
    overflow-x: hidden;
}

ul.ui-autocomplete a.ui-corner-all{
    
    padding:1px 5px; 
    font-size:14px;
         
}

option.opt-green {
    background-color:green;
    
}

option.opt-orange {
    background-color:orange;
    
}


option.opt-red {
    background-color:red;
    
}

div.task a {
font-size:13px;


}

div.task-detail {
font-size:12px;
padding:10px;
}

td.task-prio-3 {
    background-color:green !important;
}

td.task-prio-2 {
    background-color:orange !important;
}

td.task-prio-1 {
    background-color:red !important;
}


.menubar { margin:0px 0 20px 0; }

nav.section { margin:5px 0; padding:0 0 5px 0; border-bottom:1px solid #efefef;}
nav.section ul { list-style:none; margin:0; padding:0; display:block;  }
nav.section ul li { float:left; margin-right: 10px; }

.smalltext td {
    /*padding:1px 3px;*/
}


table.print.report { border-collapse: collapse; }

table.print.report {  width:100%;  }
table.print.report th { font-size: 16px; height:40px; }
table.print.report td { /*border:1px solid black;*/ padding:7px; } 
table.print.report thead td { border:0px none; } 
table.print.report tr.title { font-weight:bold; font-size: 16px; } 
table.print.report .smalltext { font-size:16px;}

.buttons input { margin:5px 0px; }

@media print { 
    nav.page { display:none; }
    header.page { display:none; }
    
    
    
    
  table { page-break-after:auto }
  tr    { page-break-inside:avoid; page-break-after:auto; }
  td    { page-break-inside:avoid; page-break-after:auto; }
  thead { display:table-header-group }
  tfoot { display:table-footer-group }
    
  .print-nobreak { page-break-inside:avoid; }
  
}

@page {
   /* margin: 3cm 3cm;*/
}


.ui-autocomplete-loading { background: white url("/template/images/ajax-loader-arrows-1B5294.gif") 98% 50% no-repeat;  }


.slacoverage ul.list li { margin:5px;padding:4px; }




th.campaignstate{ text-align:left; padding:0.75em 0 0.5em 0.5em; font-size:1.5em; background-color:#fff; border:0px none; }


[data-action="copy-value"] { cursor:copy;  }
.has-copy-value:hover [data-action="copy-value"] { display:inline-block !important; }


.list-unstyled {
    padding-left:0;
    list-style: none;

    margin-left: 0;
}





.taskplanner {

    background-color:#ffffff;
    position:fixed;
    top:300px;
    right: 0;
    width: 800px;
    min-width:0;
    z-index: 50;

    margin:0;

    box-shadow: 0 0 15px rgba(0,0,0,0.15);

    padding:16px;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;


}

.taskplanner > header {
    display: flex;
    justify-content: space-between;
    margin: -16px -16px 0 -16px;
    padding: 16px 16px 0 16px;

    cursor: move;

}

.taskplanner .days {
    display:flex;
    gap: 12px;
    margin:16px 0 8px 0;
    flex:1;
    min-height: 220px;
}


.taskplanner .days .day {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;

    min-width:0;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.taskplanner .days .separator {
    width:1px;
    background-color:#ddd;
}

.taskplanner .days .day .header {

    padding:6px 4px;
    background-color:#ddd;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    font-weight:bold;

}


.taskplanner .days .day .schedule {
    border:1px solid #000;
    /*border-radius:8px;*/
    padding:4px;
    background: #E9E9E9;

    cursor: move;
    margin:4px 0;
    display:flex;
    gap:4px;
    align-items: flex-start;
}

.taskplanner .days .day .schedule .title {
    flex:1;
}

.taskplanner .days .day .schedule select {
    min-width: 50px;
    text-align:right;
}


.taskplanner footer .trash { min-height: 0; transition: min-height 0.2s ease; }
.taskplanner footer .trash.ui-droppable-active,
.taskplanner footer .trash.ui-droppable-hover { background-color: rgba(241, 167, 167, 0.6); min-height: 40px; }

.taskplanner footer .trash .fal.fa-trash { font-size: 10pt; transition: font-size 0.2s ease;  }
.taskplanner footer .trash.ui-droppable-active .fal.fa-trash,
.taskplanner footer .trash.ui-droppable-hover .fal.fa-trash {
    font-size: 16pt;
}






.task.draghelper {
    border:1px solid #000;
    padding:4px;

    width: 200px;
    background-color:#E9E9E9;
    background-color: rgba(233, 233, 233, 0.9);

}