﻿html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 80px;
}

/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}
/* #endregion */

/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
}
/* #endregion */

/* #region Form styles */
.form.compact .form-group {
    margin-bottom: 0.5rem;
}

.form-row.compact .form-group {
    margin-bottom: 0.5rem;
}

.form-group.compact {
    margin-bottom: 0.5rem;
}
/* #endregion */

.required label:after {
    color: #e32;
    content: ' *';
    display: inline;
}

.required legend:after {
    color: #e32;
    content: ' *';
    display: inline;
}

td .command-icon {
    margin-bottom: 0rem;
    padding-left: .5rem;
    padding-right: 0px;
    padding-top: .3rem;
    padding-bottom: .2rem;
    min-width: 16px;
}

td .custom-command-icon {
    margin-bottom: -0.1rem;
    padding-left: .2rem;
    padding-right: .2rem;
    padding-top: .1rem;
    padding-bottom: .1rem;
    min-width: 16px;
    font-size: 1.0rem;
}

td .command-icon.hide, 
td .custom-command-icon.hide {
    display: none;
}

/* #region custom Kendo UI styles */
#configure {
    display: none;
}

.k-panelbar .k-content {
    padding: 20px;
}

.k-edit-form-container .k-edit-buttons {
    margin: 0;
/*    margin: 24px 0 -12px 0;*/
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

.k-grid .table tr td {
    border-left: 0px;
}

.k-grid .table.table-sm tr td {
    padding: .3rem .3rem;
}

.k-grid .table .k-alt {
    background-color:  white;
}

.k-grid.small {
    font-size: 10px;
}

.k-grid.small a.k-header-column-menu {
    margin-right: 0 !important;
}

.k-grid.small td {
    line-height: 2em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.k-grid.small .k-button-md.k-icon-button > .k-button-icon {
    font-size: small;
    min-width: 16px;
    min-height: 16px;
}

/*.k-grid.small .k-button-md..k-icon-button.custom-command-icon > .k-button-icon {*/
.k-grid.small .k-button-md.k-icon-button.custom-command-icon {
    font-size: small;
    min-width: 16px;
    height: 27.6px !important;
    /*        min-height: 24px;
    max-height: 24px*/
}

.k-grid.small .k-button-md.k-icon-button {
    padding: 4px;
    margin: 1px;
}

.k-filter-menu .k-dropdown {
    font-size: 10px;
}

/*.k-grid-header .k-header {
    overflow: visible !important;
    white-space: normal !important;
}*/

.k-menu.k-menu-vertical,
.k-menu.k-menu-vertical .k-menu-group.k-popup 
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.k-menu-expand-arrow.k-i-arrow-60-right {
    margin-top: 0 !important;
}

/* #endregion */
@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        width: 100%;
    }

    .k-rpanel-expanded {
        margin-top: 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .footer {
        height: 60px;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}

.k-menu.k-menu-vertical {
    padding-top:0;
    padding-bottom:0;
}

.k-menu.k-menu-vertical {
    padding-top: 0;
    padding-bottom: 0;
}
