@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

.sortable-handler { touch-action: none; }

.fixedContainer {
    position: fixed;
    width: 20%;
    height: 100%;
    left: 9%;
    margin-left: -100px;
    z-index: 1;
}

.table-fit {
    width: 1px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

html, body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.navbar { background-color: blue !important; }

a, .btn-link { color: #0366d6; }

body {
    padding-top: 50px;
    padding-bottom: 20px;
    min-height: 48vh;
    position: relative;
}


.nav-item a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item a.active {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.nav-item a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

.content { padding-top: 1.1rem; }

.navbar-toggler { background-color: rgba(255, 255, 255, 0.1); }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }

.invalid { outline: 1px solid red; }

.validation-message { color: red; }

@media (min-width: 768px) {
    .navbar-toggler { display: none; }
}