/* sticky footer */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 80px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

/* make dark navbar links brighter */
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .75);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1);
}

/* smaller heading display */
.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.1;
}

/* btn styles */
.btn {
    cursor: pointer;
}
.btn-xs {
    padding: .15rem .35rem;
    font-size: .75rem;
}
.btn-icon {
    padding-left: 0;
    padding-right: 0;
}
.btn-icon .fa {
    width: 2.25em;
    text-align: center;
}
.btn-icon.btn-sm .fa {
    width: 2.075em;
}
.btn-icon.btn-lg .fa {
    width: 2.30em;
}

/* fixed flash alert */
.alert-fixed {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

/* xl modal */
@media (min-width: 992px) {
    .modal-xl {
        max-width: 1100px;
    }
}

/* datatable styles */
.dataTables_wrapper {
    padding: 0;
}
.dataTables_wrapper th, .dataTables_wrapper td {
    vertical-align: middle !important;
}
.dataTables_wrapper th {
    white-space: nowrap;
}
.dataTables_wrapper .actions {
    white-space: nowrap;
    text-align: right;
}

/* list group hover */
.list-group-hover .list-group-item:hover {
    background-color: #f8f9fa;
}

/* Mios */

.verticalLine { 
    border-left: 4px solid #424242;
    padding: 0 15px;
    color:#777;
}

input[type="text"].w-2,
input[type="date"].w-2,
input[type="datetime"].w-2,
input[type="email"].w-2,
input[type="number"].w-2,
select.w-2{
width: 6.66666667%;
}