/* barevná paleta:

pozadí: #e7e8e8
sidebar pozadí: #03070c
sidebar tlačítka: #17222b
žlutá: #f1b600
černá, písmo tmavé: #03070c
písmo světlé, main pozadí: #ffffff



*/

body, html {
    height: 100%;
}

body {
    background-color: #e7e8e8;
}

.fill {
    min-height: 100%;
    height: 100%;
}

.sidebar {
    background-color: #03070c;
    color: white;
}

.sidebar, .sidebar-top, .sidebar-bottom {
    width: 290px !important;

}

.page {
    display: table;
    width: 100%;
}

.page-content,
.sidebar {
    display: table-cell;
}

.main {
    background-color: white;
}

.main.login {
    width: 540px !important;
}


@media (min-width: 768px) {

    .main {
        width: 540px; /* 720px */
    }
}

@media (min-width: 1050px) {
    .main {
        width: 720px; /* 960px */
    }
}

@media (min-width: 1300px) {
    .main {
        width: 960px; /* 1140px */
    }
}


/* buttons */
.btn {
    border-radius: 0;
}

.btn-yellow {
    color: #03070c !important;
    background-color: #f1b600;
    border-color: #f1b600;
}
.btn-dark {
    color: #ffffff !important;
    background-color: #03070c;
}
.btn-light-dark {
    color: #ffffff !important;
    background-color: #17222b;
}

.sidebar hr {
    margin: 0;
    border-top: 2px solid #17222b;

}

.btn img {
    width: 1em;
    line-height: .75em;
    vertical-align: -15%;
    fill: red;
}

/* nevim něco ostatního */
.text-yellow {
    color: #f1b600;
}


.form-group .col-form-label.required:after {
    content: "*";
    color: red;
}
.alert-wrapper {
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 99999;

}


h1 {
    font-size: 2em;
}
h2 {
    font-size: 1em;
}

#datagrid-grid-row-filters {
    display: block !important;
}
.datagrid-column-header-additions {
    display: none;
}

a {
    color: #03070c;
}
a:hover {
    color: #03070c;
}
.opacity-half {
    opacity: 50%;
}