/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}



.navbar.bg-dark, .sb-sidenav-dark {
    background-color: #52656b !important;
}

    .navbar.bg-dark .nav-link, .sb-sidenav-dark .sb-sidenav-menu .nav-link, .sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon, .sb-topnav.navbar-dark #sidebarToggle {
        color: rgba(255, 255, 255, 1);
    }
        /*.navbar.bg-dark .nav-link:hover, .sb-sidenav-dark .sb-sidenav-menu .nav-link:hover, .sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon:hover, .sb-topnav.navbar-dark #sidebarToggle:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }*/
        .sb-sidenav-dark .sb-sidenav-menu .nav-link:hover, .sb-topnav.navbar-dark #sidebarToggle:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

        .sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
            background-color: rgba(255, 255, 255, 0.2);
        }

.sb-nav-link-icon {
    min-width: 25px;
    text-align: center;
}


.k-grid a:not([role="button"]):not(.k-link) {
    color: #007bff;
    text-decoration: underline;
}

    .k-grid a:not([role="button"]):not(.k-link):hover {
        text-decoration: underline;
    }


.clickable {
    cursor: pointer;
}

.icon-btn {
    cursor: pointer;
    color: #007bff;
}

.gridcell-center {
    width: 100%;
    text-align: center;
    display: inline-block
}

.bootbox.modal.show {
    z-index: 11111;
}

.btn-link {
    text-decoration: underline;
}

.selected {
    background-color: #d1ecf1;
}

input.invalid, select.invalid {
    border-color: red;
}

/* desktop-version */
@media only screen and (min-width: 730px) {
    .mobile-version {
        display: none !important;
    }
}

/* mobile-version */
@media only screen and (max-width: 730px) {
    .desktop-version {
        display: none !important;
    }

    .list-group {
        max-height: 400px;
        overflow: auto;
    }
}


.fontsize12{
    font-size:12px;
}