/**@preserve
 * @package		KarneySoft\ahoj\interjacht
 * @author      Robert Karney <robert@karneysoft.pl>
 * @copyright	Copyright (C) 2023 - 2025 KarneySoft. All rights reserved.
 * @license		KSSD - KarneySoft Single Domain
 * @license     https://karneysoft.pl/licenses/KSSD.php
 * @version 	1.0006
 * @note		This program is distributed in the hope that it will be useful - WITHOUT
 * 				ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * 				FITNESS FOR A PARTICULAR PURPOSE.
 * @endpreserve
 */

/*
*, *:before, *:after {
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
}
*/

* {
    box-sizing: border-box;
}

body, html {
    font-size: 18px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

body{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #0000;
    margin: 0;
}

.ks-app {
    display: block;
    unicode-bidi: isolate;
    margin: 10px;
}

.ks-tip {
    font-size: .5rem;
    color: #3c50eb;
}

.ks-modal-box {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.ks-container {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #3c50eb;
    border-radius: 4px;
    margin: 3px;
    justify-content: center;
}

.ks-item {
    flex-basis: content;
    margin: 1em;
    position: relative;
}
.ks-item a {
    text-decoration: none;
}

.ks-login-box {
    display: flex;
    border: 1px solid #3c50eb;
    border-radius: 4px;
    margin: auto;
    width: fit-content;
}

.ks-input-group {
    flex-basis: 200px;
    margin: 1em;
    position: relative;
}
.ks-input {
    font: inherit;
    padding: 10px;
    border: none;
    border-radius: 4px;
    outline: 2px solid #000;
    background-color: white;
    transition: outline-color 500ms;
    width: 100%;
}
.ks-input:is(:focus, :valid) {
    outline-color: #3c50eb;
}
.ks-label {
    position: absolute;
    top: 0;
    left: 0;
    translate: 10px 10px;
    transition: translate 500ms, scale 500ms;
    background-color: #fff;
}
.ks-input:focus +
.ks-label,
.ks-input:valid +
.ks-label {
    padding-inline: 5px;
    translate: 10px -14px;
    scale: 0.8;
    background-color: #fff;
}
.ks-button {
    font-size: 1em; 
    display: inline-block; 
    border: none;
    border-radius: 2em;
    padding: 10px;
    margin: auto;
    width:fit-content;
    display: flex;    transform: scale(1);
    transition: filter 500ms, scale 500ms;
    cursor: pointer; 
}
.ks-button:hover {
    filter: opacity(.8);
    transform: scale(1.02);
    box-shadow: 0px 0px 1px 2px #fff, 0px 0px 1px 4px #3c50eb;
}
.ks-button i {
    padding-right: 6px;
}
.ks-ok-btn {
    color: #fff;
    background-color: #04aa6d;
    box-shadow: 0px 0px 1px 2px #fff, 0px 0px 1px 4px #04aa6d;   
}
.ks-cancel-btn {
    color: #fff;
    background-color: #f00;
    box-shadow: 0px 0px 1px 2px #fff, 0px 0px 1px 4px #f00;
}


/* table css */

.ks-table tr, .ks-table th, .ks-table td {
    border: 1px solid #ccc;
    padding: .25em .5em;
    font-size: .8rem;
}

.ks-table td {
    background: #dddddd;
    /*white-space: nowrap;*/
}

/*
.ks-table td:last-child {
    width: 100%;
}
*/
.ks-table th {
    background-color: #aaa;
}

.ks-table tr:nth-child(odd)>td{
    background-color: #eeeeee;
}

.ks-table thead tr {
    position: sticky;
    top: 0;
    z-index: 9;
}

.ks-table {
    overflow: auto;
    max-height: 85vh;
    border: thin solid #ccc;
    position: relative;
    margin: .5rem;
    flex-basis: 100%;
}

.ks-container-tbl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #3c50eb;
    border-radius: 4px;
    margin: 3px;
    width: calc(100% - 6px);
    overflow-wrap: break-word;
    overflow: auto;
}