body {
    padding-bottom: 20px;
    font-family: 'Segoe UI', 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

h2 {
    font-size: 18px;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.dl-horizontal dt {
    white-space: normal;
}
   
.breadcrumb {
    border-radius: 0px;
}

.card-default > .card-header {
    font-weight: bold;
}

#loader {
    display: none;
    background: rgba(204, 204, 204, 0.5);; 
    left: 0px;
    top: 0px; 
    width: 100%; 
    height: 100%; 
    position: fixed;
    z-index: 9998; 
}
    #loader > #loader-container {
        left: 50%; 
        top: 35%;
        width: 250px; 
        position: fixed;
        margin-left: -125px;
        text-align: center;
    }
    #loader > #loader-container > img {
        display: none;
        border: 3px solid;
        border-radius: 10px;
        padding: 10px;
    }
    #loader > #loader-container > #loader-info,
    #loader > #loader-container > #loader-error {
        display: none;
        margin-top: 10px;
    }

.navbar {
    padding-bottom: 0px;
}
    .navbar > .navbar-brand {
        padding: 10px 20px;
        font-size: 18px;
    }
        .navbar > .navbar-brand > img {
            width: 25px;
        }
        .navbar > .navbar-brand > a {
            text-decoration: none;
        }
        .navbar-inverse > .navbar-toggler > .navbar-toggler-icon {
            width: 1em;
            height: 1.2em;
        }

.nav-tabs-dynamic {
    display: -webkit-box;
}
    .nav-item-dynamic {
        white-space:nowrap; 
    }
        .nav-item-dynamic > .nav-link {
            overflow: hidden; 
            text-overflow:ellipsis;
        }

.o-x {
    overflow-x: auto;
}

.o-h {
    overflow: hidden;
}

.t-o-e {
    text-overflow: ellipsis;
}

.m-w-90p {
    max-width: 90%;
}

.browser {
    margin-top: 10px;
}

.browser > tbody > .sumRow > td {
    font-weight: bold;
}

fieldset {
    margin-bottom: 10px;
    padding: 10px 20px;
}
    fieldset > legend {
        font-weight: bold;
        margin-left: 0px;
        margin-top: 10px;
        padding: 5px;
        width: 180px;
    }
    fieldset label {
        font-weight: normal;
    }

.dropdown-menu {
    font-size: 1em;
}

.detail-tabs {
    margin-bottom: 10px;
}

footer {
    text-align: center;
    padding: 10px;
}


/* Pro tlačítka prepend/append na iPad, neměnit */
.w100 {
    width: 100%;
}
.w100i {
    width: 100% !important;
}
.w55 {
    width: 55px !important;
}
.w50 {
    width: 50px !important;
}

.w-10 { 
    width: 10% !important; 
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40 {
    width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}

/* Select2 override to bootstrap4 style */
.select2-container .select2-selection--single {
    height: 38px;
    padding: .275rem .50rem;
    font-size: 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}
.select2-selection--single:focus, .select2-search__field {
    outline: 0;
}
.select2-selection-left-radius-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/* END - Select2 override to bootstrap4 style */

.input-group .select2-container {
    display: table;
    table-layout: fixed;
}
.select2-container--disabled > .selection > .select2-selection--single:focus {
   box-shadow: none;
   border-color: #CCC;
}

.btn-group > .btn.radius-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.btn-group > .btn.radius-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.popover {
    min-width: 400px; 
}

.p-t-10 {
    padding-top: 10px;
}

.f-s-75 {
    font-size: 0.75rem;
}

.gridster-container {
    margin-top: auto;
    margin-bottom: auto;
    min-height: auto;
}

.gridster-container > .card-header {
    font-weight: bold;
}

.no-underline, .no-underline:hover {
    text-decoration: none !important;
}

.tile {
    overflow: hidden;
    background-color: #FFF;
    border: 1px solid #EEE;
}
.tile:hover {
    border: 1px solid #CCC;
}
    .tile-caption {
        height: 2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /**/
        display: flex;
    }
    .tile-icon {
        height: 1.2rem;
        margin-right: 0.2rem;
        /* Transparent icon - temporarily*/
        mix-blend-mode: multiply;
    }
    .tile-align-bottom {
        position: relative;
        bottom: 0;
        padding-bottom: 0.5rem;
    }


.browser-btn {
    background-color: #EFEFEF;
}

.bg-disabled {
    background-color: #F0FFFF;
}

@media (max-width: 576px) {
    .mceToolbar {
        display: none;
    }
    .hseparator {
        display: none;
    }
}