/** GRID **/
.hidden {
    visibility: hidden;
}
.btn-xs {
    padding: .2rem .4rem;
    font-size: .8rem;
}
.table td, .table th {
    padding: .5rem;
}
.row-group-actions .form-inline {
    display: table-cell;
}
div.datagrid form table tbody tr.stav-0 {
    background-color: rgb(248,215,218);
}
div.datagrid form table tbody tr.stav-1 {
    background-color: rgb(209,231,221);
}
div.datagrid form table tbody tr.stav-2 {
    background-color: rgb(252,252,252);
}
div.datagrid form table tbody tr.stav-3 {
    background-color: rgb(252,243,205);
}

div.all-width {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}
div.max-width {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1920px;
    margin: 0 auto;
}
div.content-max-width {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1150px;
    margin: 0 auto;
}

.img-left {
    float: left;
}

.img-right {
    float: right;
}

@media all and (max-width: 575px) {
    .col-0 {
        display: none;
    }
}
@media all and (min-width: 576px) and (max-width: 767px) {
    .col-sm-0 {
        display: none;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
    .col-md-0 {
        display: none;
    }
}
@media all and (min-width: 992px) {
    .col-lg-0 {
        display: none;
    }
}

/** FORM **/
label.required:after {
    color: #c00;
    padding-left: 4px;
    padding-right: 4px;
    content: "*";
}
.js-error-element {
    border-color: #c00;
}
.js-error-message {
    color: #c00;
    font-size: 80%;
}
.form-control {
    height: auto !important;
}

.card-body .btn-primary {
    margin: 0 auto;
    /* display: block; */
}

ul.nav-tabs a.active {
    color: #707070;
    background-color: #eee;
    border-bottom: 2px solid #c4c4c4;
}
ul.nav-tabs a {
    color: #707070;
    padding: 8px;
    display: inline-block;
    border-bottom: 2px solid transparent;
}

.vodorovny-posuvnik div.datagrid > div > form {
    overflow: auto;
}

div.pridat-vagon {
    opacity: 0;
}
div.pridat-vagon:hover {
    opacity: 1;
}
div.pridat-vagon div.typy {
    position: absolute; top: 10px; width: 94%; text-align: center; font-size: 27px; line-height: 40px;
}
div.pridat-vagon div.typy i {
    opacity: 0.3;
}
div.pridat-vagon div.typy i:hover {
    opacity: 1;
}