html,
body {
    min-height: 100%;
}

body {
    color: #2f3640;
}

div.required label.control-label:after {
    content: " *";
    color: #d9534f;
}

.scroll {
    overflow-y: auto;
    height: 420px;
}

.navbar-brand {
    float: left;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}

.app-logo-image {
    display: block;
    width: 230px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.modal-body {
    width: 100%;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}

.panel-relative {
    position: relative;
}

.btn-right {
    position: absolute;
    right: 15px;
}

.kv-grid-wrapper-500,
.kv-grid-wrapper-300,
.kv-grid-wrapper-250,
.kv-grid-wrapper-200,
.kv-grid-wrapper-100 {
    position: relative;
    overflow: auto;
}

.kv-grid-wrapper-500,
.kv-grid-wrapper-300,
.kv-grid-wrapper-250 {
    height: auto;
}

.kv-grid-wrapper-300 {
    height: 300px;
}

.kv-grid-wrapper-250 {
    height: 220px;
}

.kv-grid-wrapper-200 {
    height: 200px;
}

.kv-grid-wrapper-100 {
    height: 100px;
}

@media print {
    .oculto-impresion,
    .oculto-impresion * {
        display: none !important;
    }

    .noprint {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .app-logo-image {
        width: 180px;
    }
}