body {
    margin: 0;
    padding: 0;
    background: url() no-repeat;
    height: 100vh;
    font-family: sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

main {
    height: 84.6vh;
    padding: 1em 0.5em;
    overflow-y: auto;
    font-size: 0.9rem;
}

a {
    color: #0d6efd;
    margin-left: 10px;
    text-decoration: underline;
    cursor: pointer;
}

a.icon {
    text-decoration: none;
    vertical-align: -webkit-baseline-middle;
    vertical-align: absmiddle;
}

a.formicon {
    font-size: 20px;
}

a:hover {
    text-decoration: none;
    color: #0000ff;
}

input[type="checkbox"] {
    border: none;
    margin-right: 1em;
}

h3 {
    margin: 0;
    padding: 0 0 20px;
    color: #59238F;
    text-align: center
}

nav {
    padding-left: 10px;
}

.clrhead {
    background: linear-gradient(180deg, #ffffff, #d8d8d8d8) !important;
    padding-left: 10px;
}

body.user a.user,
body.product a.product,
body.license a.license {
    color: #0D2872;
    text-decoration: none;
    font-weight: bold;
}

.closeIcon{
    font-size: 25px;position: absolute;right: 15px;top: 39px;
}

table {
    max-height: 75%;
    overflow-y: auto;
}

.table>thead {
    vertical-align: top;
}

table>thead {
    background-color: #95a5a6;
}

table>tbody {
    height: 100px;
    overflow-y: auto;
}

.dataTables_length {
    float: left;
    padding-top: 0.5em;
}

.dataTables_filter {
    padding-bottom: 0.5em;
    margin-right: 2.3em;
    float: right;
}

.dataTables_info {
    float: left;

}

.dt-buttons {
    position: relative;
    width: fit-content;
    float: right;
    height: fit-content;
    bottom: 0.3em;
}

.dt-button {
    color: #0d6efd;
    background: none;
    border: none;
    font-size: 26px;
    margin: 0;
    padding: 0;
    height: 26px;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 1em;
    padding: 0 0.5em;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #dee2e6;
}

.dropdown-item {
    width: 88%;
}

#licensetbl_filter {
    margin-right: 2.5em;
}

#activity_filter {
    margin-right: 0.3em;
}

.headIcon {
    top: 1.25em;
    float: right;
    position: relative;
    font-size: 31px;
    z-index: 999;
}

.rgtIcon {
    right: 0.75em;
}

.noDataIcon {
    top: 0;
    right: 0;
}

path {
    cursor: pointer;
}

.form-control {
    font-size: 0.9rem;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #dcdee1;
    opacity: 1;
}

#productForm .form-control {
    width: 86%;
    float: left;
}

.modal-body .form-label {
    padding: 0;
}

.toast-bottom-right {
    bottom: 25px;
}

.lblchk {
    vertical-align: text-bottom;
}

.modal-title {
    color: aliceblue;
}


.modal-header {
    background-color: #6c757d
}

.modal-header>a.icon {
    color: aliceblue;
}

.card-registration .select-input.form-control[readonly]:not([disabled]) {
    font-size: 1rem;
    line-height: 2.15;
    padding-left: .75em;
    padding-right: .75em;
}

.card-registration .select-arrow {
    top: 13px;
}

.licenseProduct {
    bottom: 3em;
}

div.scrollable-table-wrapper {
    height: 12em;
    overflow: auto;
}

div.scrollable-table-wrapper thead tr th {
    position: sticky;
    top: 0;
    background-color: #95a5a6;
}

@media screen and (max-width: 400) {
    body {
        background-size: cover
    }
}