/* vizualni ladeni datagridu */
.datagrid {
    padding: 0;
}

.col-pagination a.btn.disabled {
    visibility: hidden;
}

/* jak vypada chybove pozadi */
.bg-error {
    background: red;
}

/* Sirsi popup menu, protoze to nepocita dynamicky soucasne s ikonama */
.navbar-nav > li > .dropdown-menu.show {
    width: 336px;
}

/* spravne prehazovani sipek pri zavirani sidebaru - jsou tam obe a pomoci trid se vzdy jedna zhasne */
body.sidebar-toggled #sidebarToggleTop .sidebar-hide-close {
    display: none;
}

body:not(.sidebar-toggled) #sidebarToggleTop .sidebar-hide-open {
    display: none;
}

/* treeview, ve kterem mame jen dva sloupce a chceme ten druhy necentrovat doprava */
.datagrid-docCategoriesGrid-grid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .datagrid-tree-item-right-columns {
    justify-content: normal !important;
}

.datagrid-docCategoriesGrid-grid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right {
    justify-content: space-between;
}

/* oznacovaci ctverecek s barvou u znacek */
.color-rect {
    display: inline-block;
    vertical-align: middle;
    min-width: .8em;
    min-height: .8em;
    border: solid 1px #ccc;
}

.color-text {
    display: inline-block;
    font-family: "Liberation Mono", "Courier New", monospace;
    vertical-align: middle;
}

/* znacka */
.tag {
    font-size: 70%;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 1em;
    color: black;
}

/* velke back to tlacitko v nadpisu */
.back-to-link a:not(:hover) {
    color: black;
}

/* allow wrappable menu item */
.wrappable {
    white-space: normal;
}

/* vertical align centering */
.vam {
    vertical-align: middle;
}

/* formular pridelovani znacek v gridu clenu */
.vam.form-check-input {
    margin-top: 0;
    position: static;
}

#frm-setMemberTagsForm-form .form-check-label {
    margin-bottom: .5rem;
}

/* podoba avataru v gridu */
.avatar {
    height: 2rem;
    width: 2rem;
    border: solid 1px #ddd;
}

/* podoba avataru v profilu */
.avatar-big {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border: solid 1px #ddd;
}

.avatar-big-img {
    max-height: 300px;
    max-width: 300px;
    width: auto;
    height: 300px;
}

/* vyznaceni lodni tridy */
.boat-class-text {
    margin-left: 10px;
}

/* zlomeni ve flexboxu */
.flex-breaker {
    flex-basis: 100%;
    height: 0;
}

/* podbarveni poli v prihlasce na tabory */
#frm-campApplicationForm-form input:not(.btn), #frm-campApplicationForm-form textarea, #frm-campApplicationForm-form select {
    background-color: lightyellow;
}

/* nezobrazovat podbarveni pri najeti na detail v gridu */
.row-item-detail:hover {
    color: inherit !important;
    background-color: inherit !important;
}

/* nezalamovat */
.white-space-nowrap {
    white-space: nowrap;
}

/* zarovnat do bloku od velikosti MD */
@media (min-width: 768px) {
    .text-md-justify {
        text-align: justify !important;
    }
}

/* uzivatelem rezervovana brigada */
.bg-job-your {
    background-color: lightgreen !important;
}

/* zcela obsazena brigada */
.bg-job-full {
    background-color: #ffcccc;
}

.bg-job-full a {
    color: white;
}

/* zuzit mezery v sidebaru */
@media (min-width: 768px) {
    .sidebar .nav-item .nav-link {
        padding-top: .65rem;
        padding-bottom: .65rem;
    }
}

/* na tmavem pozadi neni modry odkaz vubec videt */
.bg-dark a {
    color: yellow;
}

/* nezobrazuj dva oddelovace v menu po sobe */
.dropdown-divider + .dropdown-divider {
    display: none;
}

/* ani samotny prvni oddelovac */
.dropdown-menu div:first-child.dropdown-divider {
    display: none;
}

/* a ani jako posledni samotny oddelovac */
.dropdown-menu div:last-child.dropdown-divider {
    display: none;
}

a.visible-link {
    color: navy;
}

/* vykreslovani rozpoctu */
.table.budget tr.budget-row td {
    border-top: none;
}

.table.budget tr.budget-row th.budget-index, .table.budget tr.budget-row td.budget-index {
    width: 1rem;
    padding-right: 0;
}

.table.budget tr.budget-row td, .table.budget tr.budget-row th {
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.table.budget tr.budget-row td.budget-sep {
    min-width: 40px;
}

/* podbarvovani radku pri najeti mysi */
.table.highlight-table-row tr:hover td, .table.highlight-table-row tr:hover th {
    background-color: #dddddd;
}

/* znazorneni dulezitosti */
.bullet-important {
    display: inline-block;
    vertical-align: middle;
    min-width: .8em;
    min-height: .8em;
    border: solid 1px #ccc;
    margin-right: 1rem;
}

/* skrtnuty zavod */
.strikeout {
    text-decoration: line-through;
}

/* stejny vyznam jako .alert-danger pro formulare */
.alert-error {
    color: #78261f;
    background-color: #fadbd8;
    border-color: #f8ccc8;
}

/* vysledky voleb - podbarveni */
.poll_results {
    padding-right: 1rem;
    padding-left: 1rem;
}

.poll_results:nth-child(even) {
    background-color: #f4f4f4;
}

.poll_results span {
    vertical-align: text-top;
}

.remove-btn-area {
    position: relative;
}

.remove-btn {
    position: absolute;
    top: -16px;
    right: -16px;
    z-index: 10;
    cursor: pointer;
}

.topbar .navbar-collapse.show {
    background-color: #fff;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
    z-index: 500;
}

.topbar .navbar-collapse.show .nav-item .nav-link {
    border-bottom: 1px solid #e3e6f0;
}

.topbar .navbar-collapse.show .nav-item.show {
    z-index: 1000;
}

.oneliner, .oneliner div {
    display: inline-block;
}

.oneliner .form-group {
    margin-bottom: 0;
}

.oneliner .col-form-label {
    line-height: inherit;
    padding-top: 0;
    padding-bottom: 0;
}

.oneliner {
    vertical-align: bottom;
}

.pier {
}

.pier .pierdeck {
    background-color: darkorange;
    width: 1.5rem;
    max-width: 1.5rem;
    min-width: 1.5rem;
    color: black;
    font-size: 90%;
    padding-left: .25rem;
    padding-right: .25rem;
}

.pier .pierdeckvert {
    background-color: darkorange;
    min-width: 1rem;
    width: 1rem;
    max-width: 1rem;
    height: 100%;
}

.pier .pierdeckside {
    background-color: darkorange;
    width: 100%;
    height: 1rem;
}

.pier .water {
    height: 1rem;
    min-width: 30rem;
}

.pier .gate {
    background-color: limegreen;
    text-align: center;
    color: black;
    padding-left: .5rem;
    padding-right: .5rem;
}

.pier .boatname {
    color: black;
    font-weight: bold;
}

.pier .grass {
    background-color: limegreen;
    height: 1rem;
    color: black;
    font-size: 90%;
    text-align: center;
}

.pier .boat {
    vertical-align: top;
}

.pier .sideboat {
    vertical-align: bottom;
    min-width: 200px;
}

.pier .spacer {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
}

.w-200px {
    width: 200px;
}

.state-mark {
    border-radius: 50%;
    border: solid 1px;
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.state-new {
    background-color: #2cba00;
    color: #2cba00;
}

.state-great {
    background-color: #93cf00;
    color: #93cf00;
}

.state-good {
    background-color: #fff400;
    color: #fff400;
}

.state-used {
    background-color: #ffa700;
    color: #ffa700;
}

.state-bad {
    background-color: #ff0000;
    color: #ff0000;
}

.state-damaged {
    background-color: #7f0000;
    color: #7f0000;
}

.state-field-new {
    background-color: #2cba00;
    color: black;
}

.state-field-great {
    background-color: #93cf00;
    color: black;
}

.state-field-good {
    background-color: #fff400;
    color: black;
}

.state-field-used {
    background-color: #ffa700;
    color: black;
}

.state-field-bad {
    background-color: #ff0000;
    color: black;
}

.state-field-damaged {
    background-color: #7f0000;
    color: white;
}

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

.wide-column {
    width: 200px;
}

input[required], select[required], textarea[required] {
    background-color: lightgoldenrodyellow;
}

.form-control-feedback {
    border: solid 1px #ccc;
    background-color: #ffdfee;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    margin-top: 2px;
    border-radius: 2px;
    z-index: 2;
}

[data-event-selector] {
    display: none;
}

#snippet-coPaymentsGrid-grid-toolbarButtons, #snippet-otherWagesGrid-grid-toolbarButtons, #snippet-coachReportGrid-grid-toolbarButtons, #snippet-clearingRulesGrid-grid-toolbarButtons {
    display: inline-block;
}

.datagrid .datagrid-toolbar > span {
    margin-left: 0;
}

.datagrid .datagrid-toolbar {
    text-align: right;
}

.btn-success {
    color: #fff;
    background-color: #159667;
    border-color: #159667;
}

.btn-xs-space span.fa {
    margin-right: .2rem;
}

/*.table-responsive {
    overflow-x: visible;
}*/

.seznam-clenstvi {
    font-size: 80%;
    list-style-type: none;
    margin-bottom: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.smaller {
    font-size: 80%;
}

@font-face {
    font-family: 'BabelStone Maritime';
    src: url('/fonts/BabelStoneMaritime.woff') format('woff2');
}

.maritime-outline {
    text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
}

.maritime-huge {
    font-size: 48pt;
}

.maritime {
    font-family: 'BabelStone Maritime', emoji;
}

.tiles {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fit, 130px);
}

.tile {
}

.tile-flag {
    text-align: center;
}

.tile-meaning {
    text-align: center;
    font-weight: bold;
}

.tile-uc {
    text-transform: uppercase;
}

.tile-big {
    font-size: 150%;
}

.bg-ci-silver {
    background-color: silver;
}

.bg-ci-darkred {
    background-color: #600000;
}

.bg-login-image {
    background: url(/img/login.jpg);
    background-size: cover;
}

.cup-results td.cup-race-result:not(.race-not-attended) {
    color: black;
}

.race-strike-out {
    text-decoration: line-through;
}

.race-not-attended {
    font-style: italic;
}