.AjaxLoadingAnimate{
    position:absolute;
    top: auto;
    z-index:9999;
}

.AjaxLoading,
.AjaxLoading:hover,
.AjaxLoading:active { opacity: 0.5; cursor: default; -webkit-box-shadow: none; box-shadow: none; }

.padding-small {
    padding: 2px;
}

.validation-error {
    color:red;
}

.inline {
    width:auto;
    display:inline;
}

.fas .far{
    /*color: #446E9B;*/
    color: #ab2650;
}

.archiveLink {
    float: right;
    font-size: initial;
}

.actionsInHeader {
    font-size: initial;
}

.topMargin {
    margin-top:30px;
}

.template {
    color: lightgrey;
    /*cursor: pointer;*/
}

    .template:hover {
        color:unset;
    }

.mandatory {
    font:bold;
}

.table-hover tbody tr.nohover:hover {
    background-color: unset;
}

.wizardHeader .card {
    margin-right: 3px;
    margin-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    min-width: 100px;
    min-height: 50px;
}

.wizardHeader .card a {
    text-decoration: underline;
    color: white;
}

.nav-pills .nav-link {
    color: white;
}

.flatStatusBox {
    width: 160px;
}

.flatStatus {
    /*padding-top: 5px;*/
    padding-bottom: 5px;
    padding-left: 5px;
    border-radius: 5px;
}

.flatStatusBoxContent {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width:100%;
}

/*.flatStatusName {
    color: yellow;
}*/

.required::after {
    content: "*";
}

.saveInfo {
    color:green;
}

.noSaveInfo {
    color: red;
}

.heading3Small {
    font-size: 0.57em;
}

.custom-select {
    -webkit-appearance: unset;
}

.datepicker {
    width:120px;
}

.datetimepicker {
    max-width: 180px;
}

.multiline {
    white-space: pre-wrap;
}

.card:hover {
    background-color: #850C30 !important;
    cursor:pointer;
}

.card.active {
    background-color: #850C30 !important;
}

.cardnohover:hover {
    background-color: #f8f9fa !important;
    cursor: auto;
}

.status {
    height: 66%;
    display: block;
    margin: auto;
}

.right {
    text-align:right;
}

.report td {
    padding-left: 20px;
    padding-right: 20px;
}

/* Google autocomplete show before all elements */

.pac-container {
    z-index: 999999;
}

.text-yellow {
    color: #ffd800 !important;
}

.text-red {
    color: red !important;
}

.text-linkred {
    color: #D62056 !important;
}

.text-darkred {
    color: #ab2650 !important;
}

.text-green {
    color: green !important;
}

.bg-redwarning {
    background-color: darkorange
}

.checkbox-margin {
    margin-top: 7px;
}

.visibility-colapsed {
    visibility: collapse;
}

/* uprava datepickeru pro ikonku rozbalovani */
.datepicker-calendar-icon {
    cursor: pointer;
}

.datepicker.datepicker-calendar {
    width: fit-content;
    flex: auto;
    display: contents
}

.fixed-width-12em {
    width: 12em !important;
}

.fixed-width-15em {
    width: 15em !important;
}

.fixed-width-16em {
    width: 16em !important;
}

.fixed-width-18em {
    width: 18em !important;
}

.fixed-width-20em {
    width: 20em !important;
}

.collapsed-with-chevron > .collapsed-visible {
    display: none !important;
}

.collapsed-with-chevron > .uncollapsed-visible {
    display: inline-block !important;
}

.collapsed-with-chevron.collapsed > .collapsed-visible {
    display: inline-block !important;
}

.collapsed-with-chevron.collapsed > .uncollapsed-visible {
    display: none !important;
}

@media (min-width: 576px) and (max-width: 800px) {
    .container {
        /*max-width: 540px;*/
        max-width: 800px !important;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .container {
        /*max-width: 720px;*/
        max-width: 800px !important;
    }
}