html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
    background-image: url('../img/vyklad_branding_2000x929px.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

.wrap > .container {
    padding: 70px 15px 20px;
    background-color: #FFFFFF;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.navbar-fixed-top {
    background-color: #FFFFFF;
}

.karmin-widget {
    margin-bottom: 2rem;
}
.karmin-widget .kartarka-photo {
    min-height: 250px;
    background-size: cover;
    background-position: center center;
}
.karmin-widget .kartarka-state {
    position: absolute;
    top: -8px;
    right: 0px;
}
.karmin-widget .kartarka-state > span {
    display: block;
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 80px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.kartarka-state .online {
    background-image: url('data:image/png;base64,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');
}
.kartarka-state .offline {
    background-image: url('data:image/png;base64,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');
}
.karmin-widget .widget-title {
    margin: 0;
    padding: 10px 15px;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}
.karmin-widget a {
    color: #fff;
    text-decoration: underline;
}
.karmin-widget .kartarka-bars {
    padding: 10px 15px;
    border-radius: 0px 0px 10px 10px;
    color: #fff;
}

.karmin-widget:nth-of-type(3n+0) .widget-title,
.karmin-widget:nth-of-type(3n+0) .kartarka-bars {
    background-color: #345d88;
}

.karmin-widget:nth-of-type(3n+1) .widget-title,
.karmin-widget:nth-of-type(3n+1) .kartarka-bars {
    background-color: #d32a4f;
}

.karmin-widget:nth-of-type(3n+2) .widget-title,
.karmin-widget:nth-of-type(3n+2) .kartarka-bars {
    background-color: #34bc94;
}