html {
    position: relative;
    min-height: 100%;
}

body {
    font-weight: 300;
    color: #333;
}

footer {
    width: 100%;
    bottom: 0;
    font-size: 90%;
    border-top: 1px solid DarkGrey
}

.table-sm {
    font-size: 85%;
}

@media (max-width: 500px) {
    body {
        margin-bottom: 540px;
    }
}
@media (min-width: 540px) {
    body {
        margin-bottom: 375px;
    }
}
@media (min-width: 768px) {
}
@media (min-width: 820px) {
    body {
        margin-bottom: 295px;
    }
}
@media (min-width: 1200px) {
    body {
        margin-bottom: 185px;
    }
}
@media (min-height: 700px) {
    footer {
        position: absolute;
    }
}

.dropdown-toggle::after {
    border: 0 !important;
}

abbr.dark {
    text-decoration: underline solid DarkGray !important;
}
.table-sel tbody tr:hover td, .table-sel tbody tr:hover th {
    cursor: pointer;
}

.prn-body {
    font-size: 12px;
}
.prn-subtitle {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase!important;
}
.prn-list_item {
    position: relative;
    display: block;
    padding: .3rem;
    color: #212529;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    border-width: 0 0 1px;
}

.dms-form {
    color: #090909;
    background: #F2F5F7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    border: 1px solid LightGray;
    border-radius: 5px;
}
.dms-link, .dms-link a {
    color: #000;
}

.dialog {
    display: block;
    max-width: 700px;
    background: #fff;
    padding: 0px;
    border-color: #bbb;
    border-width: 1px;
    border-radius: 0.5rem;
    transition: transform 0.3s ease-out, opacity .3s ease-out;
    transform: translate(0, -50px);
    overflow-x: hidden;
    overflow-y: hidden;
}
.dialog[open] {
    transition: transform 0.3s ease-out, opacity .3s ease-out;
    transform: none;
}

.dialog:not([open]) {
    pointer-events: none;
    opacity: 0;
}
.dialog-header {
    width: 100%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
}
.dialog-body {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    padding: 0px 25px 0px 25px;
}

.dialog-footer {
    width: 100%;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    border-top: 1px solid #eee;
}
.dialog-footer > * {
    margin: 5px;
}
@media (min-width: 576px) {
    .dialog-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .dialog-lg,
    .dialog-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .dialog-xl {
        max-width: 1140px;
    }
}

.arrow-rotate-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
}

.arrow-rotate-up {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
}

.i-sorting i{
    font-size: 9px !important;
    color: red;
}

.shadow {
    box-shadow: 0 0 0 1px #00000005, 0 2px 24px #00000029;
    border-radius: 4px;
}