/* 2024-09-09 */
/*https://newbedev.com/how-to-change-bootstrap-s-global-default-font-size*/

.k8-select-list{
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  margin-bottom: 0;
}
.k8-select-list li{
  padding: .25rem;
  list-style-type: none;
}
.k8-select-list li:hover{
  background: #ccc;
  cursor:pointer;
}
.k8-select-list .active{
  background:#ddd;
}

.uncollapse-margins:before,
.uncollapse-margins:after
{
    content: "\00a0"; /* No-break space character */
    display: block;
    overflow: hidden;
    height: 0;
}

.mycontainerbg{
  background: #fff;
  padding-top: 0.1px;
  padding-bottom: 0.1px;
}

.masterdata{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.k8-box-shadow, #layout1 .masterdata, .mycontainerbg .masterdata{
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12)
}
#layout0 .maindata{
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12)
}
.k8-master-detail .tabulator{
  min-height:300px;
}
.k8-element-main .headline{
  border-width: 1px 1px 0 1px; border-style: solid; border-color: #bbb;
  padding-left: 12px;
}
.k8-detail{
  min-height: 300px;
}


.masterdata .headline{
  /* border-width: 1px 1px 0 1px; border-style: solid; border-color: #bbb;*/
  background-color: #f3f5fa;
  padding-left: 12px;
}
.masterdata, .masterdata .headline{
  border:0;
}

.masterdata js_rec_head {
  display: flex;
}

.masterdata>div:nth-child(1){
  background-color: #f3f5fa;
  border:0;
}

.masterdata .headline>div:nth-child(1){
  padding-left:0
}

.masterdata .maindata, .k8-by-blue{
  border-top: 3px solid rgba(40, 58, 90, 0.9);
  border-bottom: 3px solid rgba(40, 58, 90, 0.9);
}

.masterdata-form{
  border:0;
}

@media only screen and (max-width: 768px) {
  .masterdata .container{
    padding-right: 0;
    padding-left: 0;
  }
  .masterdata {
    margin-top: 0;
    margin-bottom: 0;
  }
}


.k8-example-catalog .rec_container{
  margin-bottom: 16px;
}


/* catalog all */
.k8-detail .js_rec_edit, .k8-detail .js_rec_delete,
.k8-example-catalog .js_rec_delete, .k8-example-catalog .js_rec_edit,
.k8-line-catalog .js_rec_delete, .k8-line-catalog .js_rec_edit
{
  padding:0px 4px;
}
.k8-detail .js_rec_edit,
.k8-example-catalog .js_rec_edit,
.k8-line-catalog .js_rec_edit{
 margin: 0px 8px 2px 1px;
}
.k8-detail .js_rec_delete, 
.k8-example-catalog .js_rec_delete,
.k8-line-catalog .js_rec_delete{
 margin: 0px 0px 2px 8px;
}

/* k8-line-catalog */
/*
.k8-line-catalog{
  padding: 0.01px;
}
*/
.k8-line-detail .rec_container,
.k8-line-catalog .rec_container{
  margin-top: 24px;
  margin-bottom: 24px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12)
}
.k8-line-detail .rec_head, 
.k8-line-detail .rec_foot, 
.k8-line-catalog .rec_head, 
.k8-line-catalog .rec_foot{
  border-bottom: 3px solid rgba(40, 58, 90, 0.9) !important;
}
.k8-line-detail .rec_head,
.k8-line-catalog .rec_head{
  background-color: #f3f5fa;
}

/* masterdata */
.k8-line-catalog-tiles .masterdata-form{border-bottom: 1px solid #bbb;}
.k8-line-catalog-tiles .masterdata .headline{
  border:0;
}
/* k8-line-catalog-tiles */
.k8-line-catalog-tiles .rec_container{
  margin-top: 24px;
  margin-bottom: 24px;
}
.k8-line-catalog-tiles .rec_head, .k8-line-catalog-tiles .rec_foot{
  border-bottom: 3px solid rgba(40, 58, 90, 0.9) !important;
}
.k8-line-catalog-tiles .rec_head{
  background-color: #f3f5fa;
}
.k8-line-catalog-tiles .rec_records{
  margin-top: 16px !important; 
}
.k8-line-catalog-tiles .js_rec_pagination .row,.k8-line-catalog-tiles .rec_head{
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
}

.k8-line-catalog-tiles .js_rec_pagination .row,.k8-line-catalog-tiles .rec_record{background-color: white;}
.k8-line-catalog-tiles .js_rec_pagination .row{
  background-color: white;
}
.k8-line-catalog-tiles .k8-title{
  width:100%;
}
/*.k8-line-catalog-tiles .card .k8-images .rec_container{border: 0 !important;}*/
.k8-line-catalog-tiles .card{
  background-color: white;
  margin-bottom: 16px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.35);
}
.k8-line-catalog-tiles .card:hover{
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}
.k8-line-tile{
  background-color: white;
  border-radius: 0;
  margin-bottom: 16px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.35);
}  
.k8-line-tile:hover{
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}


.k8-pagestiles3 .js_rec_head{
  background-color: white;
  border-radius: 10px;
}
.k8-pagestiles3 h1{margin-bottom: 0}

.k8-pagestile{
  background-color: white;
  border-radius: 10px;
  margin-bottom: 16px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.35);
}  
.k8-pagestile:hover{
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}
.k8-pagestile img{
  border-radius: 10px 10px 0 0;
}

.k8-control-btn{
  padding:0px 4px;
}

.k8-pagestiles3 .js_rec_edit{
  padding:0px 4px; margin: 0 6px 2px 0
}

.k8-pagestiles3 .js_rec_delete {
  padding:0px 4px; margin: 0 0 2px 6px
}

.k8-pagestiles3 .k8-titleline{
  font-size: 1.5em; margin-bottom: 8px; display:flex; width:100%;
}

.k8-pagestiles3 .k8-title{
  height: 1.4em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width:100%;
}


.k8-control-line{
  display:flex;
  align-items:center;
}
.k8-control-line .k8_rec_control:has(+ h1),
.k8-control-line .k8_rec_control:has(+ h2),
.k8-control-line .k8_rec_control:has(+ h3){
  height: 26px;
  padding: 0px 4px;
  margin-right: 8px;
  margin-bottom: 4px
}
.k8-control-line h1+.k8_rec_control,
.k8-control-line h2+.k8_rec_control,
.k8-control-line h3+.k8_rec_control{
  height: 26px;
  padding: 0px 4px;
  margin-left: 8px;
  margin-bottom: 4px
}
.k8-control-line .k8-title{
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.k8-control-line .k8-title-100{
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width:100%;
}



.k8-headline0{
  background-color: #f3f5fa;
}
.k8-headline0>div{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
@media (min-width: 768px) {
  .k8-headline0{
    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;
  }
}
.k8-headline0 form{
    padding-top: 0.25rem !important;
}
  
.k8-bg-stripes>div:nth-child(odd){
  background-color: #ffffff;
}
.k8-bg-stripes>div:nth-child(even){
  background-color: #f3f5fa;
}
.k8-bg-bright{
  background-color: #ffffff;
}
.k8-bg-dimmed{
  background-color: #f3f5fa;
}

.k8-justify{
  text-align: justify;
  text-justify: inter-word;
}

/* for background image 
 <div class="k8-ratio-2-1" style="background-image:url('http://placehold.it/800x200')"></div>
*/
.k8-ratio-2-1{
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 50% ; /* % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}
.k8-ratio-3-2{
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 66% ; /* % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}
.k8-ratio-4-3{
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 75% ; /* % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}
.k8-ratio-1-1{
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 100% ; /* % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}


#cookie_request {
    position:absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
}      
#cookie_request>div{
  background-color: white;
  border: 2px solid black;
}
#overviewsmall .k8-chartjs{
  border: 1px solid #bbb;
  padding: 0 12px 12px 12px
}
.k8-chartjs h1, .k8-chartjs h2, .k8-chartjs h3{
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}


.k8-card{padding: 6px;height:100%;
       overflow:hidden;
}
.k8-card a{text-overflow:ellipsis;}

/*
#layout1 {min-height: 200px}
*/

.tabulator { font-size: 1rem; }

textarea{width: 100%; height: 100px}


.CodeMirror{
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.table caption{
    padding-left: 8px;
    border: 1px solid #ddd;
    color: #fff;
    background-color: #7a52b3;
    font-size: 1.1em;
}

table {
    caption-side: top;
}

footer{
  color:#ffffff;  
  /*margin-top:60px;*/
  padding-top:60px;
  margin-bottom:30px;
  line-height: 1.5rem;
}
footer li, footer p{
  padding: 10px 0;
}
footer a{
  color: #ffffff;
}
footer a:hover{
  color: #47b2e4;
}