@import url("indicator.css");

table.table-clickable tr {
    cursor: pointer;
}

.table-layout-fixed {
    table-layout: fixed;
}

.cursor-disabled {
    cursor: not-allowed !important;
}

.cursor-help {
    cursor: help !important;
}

.no-wrap {
    white-space: nowrap !important;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.text-small {
    font-size: .75rem
}

.choices {
    margin-bottom: 0;
}

.choices__list {
    z-index: 99;
}

.choices:has(.is-invalid) ~ .invalid-feedback {
    display: block;
}

.choices:has(.is-invalid) .choices__inner {
    border: solid 1px #dc3545 !important;
}

.choices__inner .choices__item {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 0px !important;
}

.choices__list--dropdown .choices__item {
    padding-right: 10px;
}

.choices__list--single {
    padding: 0px !important;
}

.choices__list--single .choices__item {
    padding: 0px !important;
    padding-left: 6px !important;
}

.choices__inner {
    padding: 4.8px 7.5px 4.8px !important;
    border: solid 1px #ced4da !important;
}

.choices__inner .choices__input {
    margin-bottom: 0px !important;
    padding: 0px 8px !important;
    height: 100%;
}

.feather {
    pointer-events: none;
}

.icon-download {
    width: 55px;
    margin: 0px 10px;
}

.message-status-icon {
    font-size: 2em;
}

.text-bold {
    font-weight: bold;
}

div.required label:after {
    content: " *";
    color: red;
}

div.required label {
    font-weight: bold;
}

.required-pp {
    border: solid 1px #ff9100;
}

.choices__inner:has(> .required-pp) {
    border: solid 1px #ff9100 !important;
}

/** override stylu Datatables */
table.dataTable td, table.dataTable th {
    box-sizing: border-box !important;
}


table.data-table thead th {
    background-image: none !important;
}

table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc_disabled:before {
    width: 20px;
}

.choices__heading {
    background-color: #a0a0a0 !important;
    color: #fff !important;
}

.simplebar-content-wrapper:focus {
    outline: 0;
}

/** sticky table header **/
.table-sticky-header {
    height: 100px;
}

.table-sticky-header thead th {
    background-color: #f5f7fb;
}

.table-sticky-header thead {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    align-self: flex-start;
    top: 0;
    z-index: 2;
}

.table-centered td, .table-centered th {
    text-align: center;
}

.table-sticky-first-column th:first-child,
.table-sticky-first-column td:first-child {
    position: sticky;
    left: 0px;
    background-color: #f5f7fb;
}

/* Vynutit šířku prvního sloupce jen v případě, že se kotví i druhý sloupec */
.table-sticky-second-column th:first-child,
.table-sticky-second-column td:first-child {
    width: 150px;
}

.table-sticky-second-column th:nth-child(2),
.table-sticky-second-column td:nth-child(2) {
    position: sticky;
    left: 150px;
    background-color: #f5f7fb;
}

.clickable {
    cursor: pointer;
}

/** hack layoutu kvuli sticky headerum **/
.main {
    overflow: visible !important;
}

.inner-btn {
    width: 10px;
    font-weight: 550;
    border: none;
    background-color: transparent;
    line-height: 20px;
    left: calc(100% - 20px);
    z-index: 3;
}

.inner-btn:hover {
    color: #ff6363 !important;
}

.datepicker-wrap input:focus {
    box-shadow: none;
}

.datepicker-wrap:focus-within {
    border-color: #9dbeee;
    box-shadow: 0 0 0 .2rem rgba(59, 125, 221, .25);
}

.text-success-lighten {
    color: #479f76;
}

.text-danger-lighten {
    color: #e35d6a;
}

.data-table-filters .filter-row .form-select {
    border-radius: 0.2rem;
}

.data-table-filters:not(.data-table-filters-condensed) .filter-row .form-select {
    width: auto;
    min-width: 100%;
}

.flag-small {
    width: 30px;
}

.logo-goes-wheeee {
    animation: logo-goes-wheeee 4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 75px 75px;
}

@keyframes logo-goes-wheeee {
    0% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#notification-wrapper {
    max-height: 70vh;
    display: flex;
    flex-direction: column;
}

#notification-wrapper .list-group {
    overflow: auto;
}

.animate-spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}