/* fonts */
@font-face {
    font-family: 'brandink_sans';
    src: url('../../fonts/brandink_sans/BrandinkSans-Light.otf');
    font-display: swap;
}
@font-face {
    font-family: 'roboto_light';
    src: url('../../fonts/roboto/Roboto-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'raleway_light';
    src: url('../../fonts/raleway/Raleway-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'raleway_bold';
    src: url('../../fonts/raleway/Raleway-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'digital7_mono';
    src: url('../../fonts/digital7/digital-7 (mono).ttf');
    font-display: swap;
}
@font-face {
    font-family: 'california';
    src: url('../../fonts/california/California.woff');
    font-display: swap;
}

/* colors */
.color-ntsi-red {
    color: #a80000;}

/* font-colors */
.text-disabled {
    color: #dee2e6;}

/* custom text colors */
.text-gray-500 {
    color: #adb5bd;}



/* basic elements */
body {
    width: 100%;
    margin: 0;
    font-family: 'raleway_light';
    background: #d3d3d3;
    /*background: #ebecf0;*/}
a[disabled] {
    cursor: default;}
body.public a.close-all-modals {
    display: none;}

/* wrapper */
div.wrapper {
    max-width: 1920px;
    float: none;
    margin-left: auto;
    margin-right: auto;}

/* custom widths */
.w-40px {
    width: 40px;}
.w-50px {
    width: 50px;}
.w-55px {
    width: 55px;}
.w-60px {
    width: 60px;}
.w-120px {
    width: 120px;}
.w-150px {
    width: 150px;}
.max-w-40px {
    max-width: 40px;}
.max-w-50px {
    max-width: 50px;}
.max-w-60px {
    max-width: 60px;}
.max-w-80px {
    max-width: 80px;}

/* custom borders and backgrounds */
.bg-lightgray {
    background: #f2f2f2;}
.bg-gray {
    background: #d3d3d3;}
.border-gray {
    border: thin solid #d3d3d3;}
.border-ntsi-red {
    border: thin solid #A80000;}

/* table row status colors */
.bg-primary.lighten {
    background: rgba(13, 110, 253, 0.1) !important;}
table tr.bg-primary.lighten:hover {
    background: rgba(13, 110, 253, 0.5) !important;}
.bg-success.lighten {
    background: rgba(25, 135, 84, 0.1) !important;}
table tr.bg-success.lighten:hover {
    background: rgba(25, 135, 84, 0.5) !important;}
.bg-danger.lighten {
    background: rgba(220, 53, 69, 0.1) !important;}
.bg-danger.lighten2 {
    background: rgba(220, 53, 69, 0.5) !important;}
table tr.bg-danger.lighten:hover {
    background: rgba(220, 53, 69, 0.5) !important;}
.bg-warning.lighten {
    background: rgba(255, 193, 7, 0.1) !important;}
.bg-info.lighten {
    background: rgba(13, 202, 240, 0.1) !important;}
.bg-ntsi-red {
    background: #A80000 !important;}
table tr.bg-warning.lighten:hover {
    background: rgba(255, 193, 7, 0.5) !important;}
.bg-secondary.lighten {
    background: rgba(108, 117, 125, 0.2) !important;}
table tr.bg-secondary.lighten:hover {
    background: rgba(108, 117, 125, 0.5) !important;}
button.bg-primary.lighten:hover {
    background: rgba(13, 110, 253, 0.5) !important;}
.bg-primary.lighten-no-highlight {
    background: rgba(13, 110, 253, 0.2) !important;}
table tr.bg-primary.lighten-no-highlight:hover {
    background: rgba(13, 110, 253, 0.2) !important;}
.bg-success.lighten-no-highlight {
    background: rgba(25, 135, 84, 0.2) !important;}
table tr.bg-success.lighten-no-highlight:hover {
    background: rgba(25, 135, 84, 0.2) !important;}
.bg-danger.lighten-no-highlight {
    background: rgba(220, 53, 69, 0.2) !important;}
table tr.bg-danger.lighten-no-highlight:hover {
    background: rgba(220, 53, 69, 0.2) !important;}
.bg-warning.lighten-no-highlight {
    background: rgba(255, 193, 7, 0.2) !important;}
table tr.bg-warning.lighten-no-highlight:hover {
    background: rgba(255, 193, 7, 0.2) !important;}
.bg-info.lighten-no-highlight {
    background: rgba(13, 202, 240, 0.2) !important;}
.bg-info.lighten-no-highlight:hover {
    background: rgba(13, 202, 240, 0.2) !important;}
.bg-secondary.lighten-no-highlight {
    background: rgba(108, 117, 125, 0.2) !important;}
table tr.bg-secondary.lighten-no-highlight:hover {
    background: rgba(108, 117, 125, 0.2) !important;}  

/* calendar colors */
.bg-primary.lighten1 {
    background: rgba(13, 110, 253, 0.85) !important;}
.bg-primary.lighten2 {
    background: rgba(13, 110, 253, 0.7) !important;}
.bg-primary.lighten3 {
    background: rgba(13, 110, 253, 0.55) !important;}
.bg-primary.lighten4 {
    background: rgba(13, 110, 253, 0.4) !important;}
.bg-primary.lighten5 {
    background: rgba(13, 110, 253, 0.25) !important;}
.bg-primary.lighten6 {
    background: rgba(13, 110, 253, 0.1) !important;}

.bg-danger.lighten1 {
    background: rgba(220, 53, 69, 0.85) !important;}
.bg-danger.lighten2 {
    background: rgba(220, 53, 69, 0.7) !important;}
.bg-danger.lighten3 {
    background: rgba(220, 53, 69, 0.55) !important;}
.bg-danger.lighten4 {
    background: rgba(220, 53, 69, 0.4) !important;}
.bg-danger.lighten5 {
    background: rgba(220, 53, 69, 0.25) !important;}
.bg-danger.lighten6 {
    background: rgba(220, 53, 69, 0.1) !important;}

.bg-success.lighten1 {
    background: rgba(25, 135, 84, 0.85) !important;}
.bg-success.lighten2 {
    background: rgba(25, 135, 84, 0.7) !important;}
.bg-success.lighten3 {
    background: rgba(25, 135, 84, 0.55) !important;}
.bg-success.lighten4 {
    background: rgba(25, 135, 84, 0.4) !important;}
.bg-success.lighten5 {
    background: rgba(25, 135, 84, 0.25) !important;}
.bg-success.lighten6 {
    background: rgba(25, 135, 84, 0.1) !important;}

.bg-success.lighten:hover  {
    background: rgba(25, 135, 84, 0.5) !important;}

/* flexbox */
.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}

/* header */
header {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    color: #fff;
    border-bottom: 2px solid #D5D5D5;
    background: #fff;
    transition: margin-top .5s;
    z-index: 10;}
header div {
    width: 100%;
    max-width: 1920px;
    float: none;
    margin-left: auto;
    margin-right: auto;}
header.public div {
    width: 100%;
    left: 0px;}
header a {
    text-decoration: none;}
header a .title {
    float: left;
    margin-left: 320px;
    margin-top: 15px;
    font-size: 1.4em;
    /*color: #083679;*/
    color: #A80000;
    transition: margin-left .5s;}
header.public a .title {
    margin-left: 20px;}
header a .title .sub-title {
    float: left;
    font-size: 0.5em;}
header a .title .sub-title.top {
    margin-top: -8px;}
header a .title .main-title {
    clear: both;
    float: left;
    margin-top: -8px;
    font-size: 0.9em;}
header a h2 {
    float: left;
    margin-left: 20px;
    margin-top: 20px;}
header .logo {
    height: 40px;
    float: right;
    margin-right: 20px;
    margin-top: 5px;}
header nav {
    float: right;
    margin-right: 20px;}
header nav a {
    float: left;
    margin-left: 10px;
    font-size: 1.5em;
    text-decoration: none;}
.wrapper.login header {
    display: none;}

/* main */
main .content {
    width: calc(100% - 300px);
    height: auto;
    min-height: 100%;
    margin-left: 300px;
    margin-top: 50px;
    padding: 40px;
    padding-top: 10px;
    text-align: left;
    transition: 1s;}
main.public .content {
    width: 100%;
    margin-left: 0px;}
.wrapper.login main .content {
    margin-top: 0px;}

/* modules */
main .content .module {
    width: 100%;
    min-height: calc(100% - 50px);
    padding: 10px;}
main .content .module .table-holder {
    width: 100%;
    max-width: 2000px;}
main .content .module table thead {
    text-align: center;
    vertical-align: middle;}
main .content .module table.list tbody tr.row-data:hover {
    cursor: pointer;
    background: rgba(13, 110, 253, 0.1);
    color: #262626 !important;}
table td.links-col {
    background: #fff !important;}
main .content .module table.list tbody tr td {
    text-align: justify;}
main .content .module table.list tbody tr td:nth-child(1) {
    text-align: center;}
main .content .module table.list .links-col {
    cursor: default !important;
    background: #fff !important;}
main .content .module .module-content {
    width: 100%;}

main .module .list-link {
    text-underline-offset: 5px;
    text-decoration-color: #a80000;}
main .module .list-link:hover {
    font-weight: bold !important;
    color: #a80000 !important;}
main .module .preamble .criteria {
    display: block;
    font-family: monospace;}

/* module menu */
main .content .module .module-menu .icon {
    margin-left: 5px;
    margin-right: 5px;}
main .content .module .module-menu .icon:hover {
    cursor: pointer;}
main .content .module .module-menu {
    align-self: flex-end;}


/* search box */
form.search {
    width: 100%;
    max-width: 400px;
    position: relative;
    float: left;
    padding: 0px !important;
    display: none;}
form.search .submit-search i {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 24px;
    color: #505050;
    z-index: 9;}
form.search .advanced-search-link i {
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 24px;
    color: #505050;}
form.search input.criteria {
    width: 100%;
    position: absolute;
    left: 0px;
    padding-left: 40px;
    padding-right: 30px;
    background: #fff;
    border: 2px solid #505050;
    border-radius: 4px;
    font-family: monospace;
    font-size: 18px;}
form.search input.criteria:focus {
    /*border-color: #0d6efd;*/
    border-color: #A80000;
    box-shadow: 0 0 0 0.25rem rgba(168, 0, 0, 0.25);
    background: #fff;}
form.search .advanced-search {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    font-family: 'raleway_light';
    font-size: 20px;
    z-index: 10;
    display: none;}
form.search .advanced-search .container {
    width: 100%;
    max-width: 800px;
    display: inline-block;
    padding: 0px;
    background: #fff;
    transition: margin-top 1s;}
form.search .advanced-search .header {
    width: 100%;
    height: 50px !important;
    float: left;
    padding-left: 20px !important;
    padding-right: 15px;
    line-height: 50px;
    color: #fff;
    /*background: #2b93b8 !important;*/
    background: #a80000 !important;}
form.search .advanced-search .header .title {
    float: left;
    font-weight: normal;
    font-size: 1em;}
form.search .advanced-search .header .close-asearch {
    float: right;
    margin-top: 0px;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-family: 'serif';
    font-size: 2em;}
form.search .advanced-search .header .close-asearch:hover {
    color: #fff;}
form.search .advanced-search .body {
    width: 100%;
    height: calc(100% - 50px);
    float: left;
    padding: 40px;
    padding-top: 20px;
    overflow: auto;}

.advanced-search button.submit:hover {
    background: #830202 !important;
    color: #fff !important;}
.advanced-search button.close-asearch:hover {
    background: #a9a9a9 !important;
    color: #fff !important;}

/* modal content */
section.modal-holder {
    position: absolute !important;
    left: 0px;
    top: 0px;
    z-index: 10;}
.modal2 {
    display: none;}
.modal2 .container {
    position: relative;
    display: none;}
.modal2 .content {
    width: 100%;
    min-height: 400px;
    padding: 30px;
    padding-left: 40px;
    text-align: left;
    font-size: 16px;}
.modal2 .content .item a {
    display: block;
    margin-bottom: 8px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #262626;}
.modal2 .content .item a:hover {
    color: #0d6efd;
    font-weight: bold;}
.modal2 .container .header a.header-link {
    position: absolute;
    top: 2px;
    font-size: 1.2em;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;}
.modal2 .container .header a.header-link:hover {
    font-weight: bold;
    color: #fff;}

/* result message - in modal */
.modal2 table.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    z-index: 20000;}
.modal2 table.overlay tr {
    height: 100%;}
.modal2 table.overlay tr td {
    width: 100%;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    vertical-align: middle;
    text-align: center !important;}
.modal2 table.overlay tr td span.msg {
    width: 100%;
    display:inline-block;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    line-height: normal;
    border-radius: 4px;}
.modal2 table.overlay tr td span.msg.primary {
    background: rgba(13, 110, 253, 0.8) !important;}
.modal2 table.overlay tr td span.msg.success {
    background: rgba(25, 135, 84, 0.8) !important;}
.modal2 table.overlay tr td span.msg.danger {
    background: rgba(220, 53, 69, 0.8) !important;}
.modal2 table.overlay tr td span.msg.secondary {
    background: rgba(108, 117, 125, 0.8) !important;}

/* modal2 .content */
.modal2 .content {
    height: auto !important;
    padding: 0px;}
.modal2 .content .header {
    width: 100%;
    height: 90px !important;
    background: #f2f2f2 !important;
    border-bottom: thin solid #d3d3d3;}
.modal2 .content .body {
    width: 100%;
    height: auto !important;}
.modal2 .footer {
    font-family: sans-serif;}
.modal2 .footer .input {
    background: rgba(255, 255, 224, 0.8);
    border-radius: 2px;}
.modal2 .footer .input:disabled {
    background: none;
    border: none;}
.bg-input {
    background: rgba(255, 255, 224, 0.8) !important;}

/* result message - in form */
form table.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    z-index: 0;}
form table.overlay tr td span.msg {
    width: auto;
    display:inline-block;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    line-height: normal;
    border-radius: 4px;}
form table.overlay tr td span.msg.primary {
    background: rgba(13, 110, 253, 0.8) !important;}
form table.overlay tr td span.msg.success {
    background: rgba(25, 135, 84, 0.8) !important;}
form table.overlay tr td span.msg.danger {
    background: rgba(220, 53, 69, 0.8) !important;}


/* tables */
table.table-bordered tr th {
    border: thin solid #ced4da;}
table.table-bordered tr td {
    border: thin solid #ced4da;}
.table-title {
    font-weight: bold;}
table thead.fw-normal tr th {
    font-weight: normal !important;}

/* .module .holder */
.module .holder table {
    border: thin solid #dee2e6;
    font-family: Arial, Helvetica, sans-serif;}
.module .holder .input {
    background: rgba(255, 255, 224, 0.8);
    border-radius: 2px;}
.module .holder .input:disabled {
    background: none;
    border: none;}
.module .holder .required-indicator {
    position: absolute;
    top: 0px;
    left: 4px;
    color: #dc3545;}

/* footer */
main footer {
    width: calc(100% - 300px);
    height: 300px;
    position: absolute;
    bottom: -300px;
    margin-left: 300px;
    padding: 10px;
    text-align: left;
    background: #404040;
    transition: margin-left .5s;
    display: none;}
main.public footer {
    width: 100%;
    margin-left: 0px;}


/* buttons */
.btn {
    border-radius: 2px;}

/* texts */
.title {
    font-weight: bold;}

/* forms */
form {
    position: relative;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;}
form table tr td {
    position: relative;}
form .form-control {
    border: thin solid #b5b5b5;
    border-radius: 2px;
    background: none;}
form .form-control-lg {
    border-radius: 4px;}
form .form-control:disabled {
    background: #f2f2f2 !important;
    border: thin solid #d3d3d3;
    color: #c0c0c0 !important;}
form .form-control-locked:disabled {
    color: #262626 !important;
    background: #f2f2f2 !important;}
form .form-control-locked-clear:disabled {
    color: #262626 !important;
    background: none !important;
    border: none !important;}
form .form-control-locked-clear-bordered:disabled {
    color: #262626 !important;
    background: none !important;
    border: thin solid #d3d3d3 !important;}
form .form-control-invisible:disabled {
    color: transparent !important;
    background: #fff !important;
    border: none !important;}
form .input.form-locked:disabled {
    color: #262626 !important;
    background: #f2f2f2 !important;}
form .input.form-locked-clear:disabled {
    color: #262626 !important;
    background: none !important;
    border: none !important;}
form .form-check-input.form-locked-checkbox-disabled:checked {
    background-color: #a9a9a9;}
form input[type=text] {
    padding-left: 14px;}
form input[type=date] {
    padding-left: 14px;
    padding-right: 8px;}
form input[type=time] {
    padding-left: 14px;
    padding-right: 8px;}
form select {
    padding-left: 14px !important;}
form .form-control.disabled-text-dark {
    background: none !important;
    color: #262626 !important;}
form .required-indicator {
    position: absolute;
    top: 0px;
    left: 4px;
    color: #dc3545;}
form .required-indicator.input-file {
    position: absolute;
    top: 0px;
    left: auto !important;
    right: 4px;
    color: #dc3545;}
form small {
    float: left;}
form a.disabled {
    color: #e9ecef;}
form .input-error-msg, form .hidden-input-error-msg {
    clear: both;
    float: left;
    margin-top: 2px;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 0.8em;
    background: #dc3545;
    color: #fff;
    border-radius: 4px;}
form button:disabled {
    background: #f2f2f2 !important;
    border: thin solid #d3d3d3 !important;
    color: #505050 !important;
    cursor: default;}
form button.btn-primary.processing:disabled {
    background: rgb(13, 110, 253) !important;
    border: thin solid rgb(13, 110, 253) !important;
    color: #fff !important;}
form.login button:disabled {
    font-weight: bold;
    color: #000 !important;}
form input[type=checkbox] {
    border: thin solid #b5b5b5;
    transform: scale(1.2);}
form input[type=checkbox]:disabled {
    border: thin solid #dee2e6 !important;}
form .loading-data.spinner-grow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 12px;}
form .hint {
    color: #495057;}
form .links a {
    text-decoration: none;}
form .links a:hover {
    font-weight: bold;}
.module form {
    padding: 40px;
    background: #fff;}
.module form tr td {
    padding: 0px;}
.module form .row .col {
    left: 12px;
    margin-right: 5px;
    padding: 0px;}
.module form .required-indicator {
    top: -2px;
    left: 6px;}
.module form tr td.col small {
    font-size: 0.8em;}
form .submit .buttons {
    margin-left: 0px !important;}
form .input, form .non-input {
    height: 42px;
    border-radius: 4px;
    background: rgba(255, 255, 224, 0.8);}
form .input, form .non-input2 {
    height: 42px;
    border-radius: 4px;
    background: rgba(255, 255, 224, 0.8);}
form .advanced-search .acriteria {
    background: rgba(255, 255, 224, 0.8);}
form .input:focus {
    background: #fafad2;
    border: 3px solid #505050;
    box-shadow: none;
    border-radius: 4px;}
form .non-input2:focus {
    background: #fafad2;
    border: 3px solid #505050;
    box-shadow: none;
    border-radius: 4px;}
form .input:disabled {
    cursor: default;
    background: #fff;}
.modal2 .container .header .form-lock {
    float: right;
    margin-right: 20px;}
.modal2 .container .header .form-lock a {
    color: rgba(255, 255, 255, 0.5);}
.modal2 .container .header .form-lock a:hover {
    color: #fff;}
.modal2 .container .header .form-help {
    float: right;
    margin-right: 20px;}
.modal2 .container .header .form-help a {
    color: rgba(255, 255, 255, 0.5);}
.modal2 .container .header .form-help a:hover {
    color: #fff;}
@media only screen and (max-width: 1200px){
    .module form {
        padding-left: 40px !important;
        padding-right: 40px !important;}
}


/* loading/processing indicators */
.loading-cover {
    width: 100%; 
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    display: none;
    z-index: 20;}
.loading-cover .spinner-border {
    width: 60px;
    height: 60px;
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 100px);}

/* lists */
table.list {
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;}
table.list tr td.truncate {
    max-height: 54px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    border: none;}
table.list tbody {
    height: auto;}
table.list tbody tr.row-data:hover {
    cursor: pointer;
    /*background: #2b93b8;*/
    background: rgba(13, 110, 253, 0.3);
    color: #262626;}
table.list tbody tr.row-data td.row-action {
    background: #fff !important;}
table.info {
    font-family: sans-serif;
    font-size: 14px;}
table.info .label {
    background: #f2f2f2;}

/* timer */
.idle_countdown {
    width: 100%; 
    height: 100%;}
.idle_countdown table {
    width: 100%;
    height: 100%;
    border-bottom: thin solid transparent;}
.idle_countdown table tr {
    height: 100%;}
.idle_countdown table tr td {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 32px;}
.idle_countdown table tr td span {
    float: none;}
.idle_countdown .countdown-holder {
    width: 140px;
    display: inline-block;
    padding: 0px !important;
    font-family: 'digital7_mono';
    border-radius: 4px;
    transition: 0.5s;}
.idle_countdown .countdown-behind {
    width: auto;
    height: auto;
    position: absolute;
    color: transparent;
    opacity: 0.1;
    text-align: center;
    font-size: 3.2em;}
.idle_countdown .countdown {
    width: auto;
    height: auto;
    color: transparent;
    text-align: center;
    font-size: 3.2em;}
.idle_countdown .seconds-label {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    margin-top: 0px;}

/* table.list */
table.list thead th.sort {
    position: relative;}
table.list thead th.sort:hover {
    cursor: pointer;
    background:#e9ecef;}
table.list thead th .icon.sort {
    position: absolute;
    right: 5px;
    top: 12px;}
table.list tfoot td {
    position: relative;}
table.list tfoot td div.pagination {
    width: 100%;
    height: 48px;
    display: inline-block;
    padding: 0px;}
table.list tfoot td div.pagination .box {
    height: 44px;
    position: absolute;
    overflow-y: hidden;}
table.list tfoot td button {
    border: none;}
table.list tfoot td button[active] {
    border: 4px solid #0d6efd;
    border-radius: 4px;}
table.list tfoot td button.page:disabled {
    color: #a9a9a9;}
table.list .page {
    display: none;}
table.list .page-1 {
    display: table-row;}

/* pagination */
.pagination-container {
    max-width: 100%;
    padding-top: 8px;
    overflow-x: auto;}
ul.pagination .goto-page input {
    width: auto;
    background: rgba(255, 255, 224, 0.8);}

/* aux box */
.aux {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    z-index: 10;}

/* links */
.close-all-modals {
    position: fixed;
    top: 0px;
    left: 0px;
    font-size: 2em;
    color: rgba(255, 255, 255, 0.8);
    z-index: 100;}
.close-all-modals:hover {
    color: #fff;}

/* print items */
.printable {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center !important;}
.printable-input {
    display: none;}
.printable-header {
    display: none;}
.printable-top-margin {
    width: 100%; 
    height: 1cm;
    position: absolute;
    top: 0;
    left: 0;
    background: red;
    z-index: 99999;
}


/* templates */
.signature {
    width: auto !important; 
    position: absolute !important;
    left: 0px !important;
    bottom: -8px !important;
    user-select: none;}
.signature img {
    width: auto !important;
    max-width: 200px !important;
    user-select: none;
    pointer-events: none;}
.signature .signature-overlay {
    position: relative;
    display: inline-block;}
.signature .signature-overlay::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;}
.signature .remove-signature {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    z-index: 100 !important;
    cursor: pointer;}

/* help */
.module .toolbox a.tool {
    display: inline-block;}
.module .toolbox i {
    font-size: 1em;}
.module .toolbox a.tool span.label {
    margin-top: 4px;
    font-size: 0.6em;}
.module .toolbox a.tool {
    color: default;
    text-decoration: none;}
.module .toolbox a.tool:hover {
    color: #0d6efd;}
.help.content {
    font-family: sans-serif !important;}
form.help .input:disabled {
    color: #262626 !important;}
.note-editor.note-frame .note-editable {
    background-color: white !important;
    color: black;}

/* charts */
.chart-sample-water-mark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: normal;
    background: rgba(255, 255, 255, 0.1);}
.chart-sample-water-mark span {
    transform: rotate(-30deg);
    display: inline-block;
    font-size: 0.65em;
    font-weight: bold;
    font-family: serif;
    opacity: 0.4;}


/* sidebar */
nav.sidebar {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0px;
    margin: 0;
    padding: 15px;
    padding-left: 5px;
    padding-right: 0px;
    padding-bottom: 100px;
    color: #fff;
    font-size: 16px;    
    background-color: #262626;
    overflow: hidden;
    transition: 0.5s;
    z-index: 10;}
nav.sidebar .user-modules {
    width: 100%;
    height: 100%;
    margin-top: 80px;
    padding-right: 10px;
    overflow: auto;
    overflow-x: hidden;}
nav.sidebar .user-info {
    width: 300px;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 15px;
    transition: 0.5s;
    background: #262626;}
nav.sidebar .user-info span {
    float: left;}
nav.sidebar .user-info .designation {
    clear: both;
    float: left;
    font-size: 0.7em;}
nav.sidebar .user-info .horizontal-rule {
    width: 96%;
    display: inline-block;
    margin-left: 2%;
    margin-top: 10px;
    border-bottom: 2px solid #505050;
    border-radius: 2px;}
nav.sidebar a {
    color: #fff;
    text-decoration: none;}
nav.sidebar ul {
    width: 100%;
    float: left;
    margin-top: 0px;
    padding: 0px;}
nav.sidebar ul li {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;}
nav.sidebar ul li:hover {
    /*background: #07408a;*/
    background: #2b93b8;
    border-radius: 2px;}
nav.sidebar ul li.user-module {
    width: 100%;
    float: left;
    padding-top: 12px;
    padding-bottom: 12px;}
nav.sidebar ul li.user-module .icon {
    width: 35px;
    float: left;
    text-align: center;
    color: #fff;}
nav.sidebar ul li.user-module .module-name {
    width: calc(100% - 35px);
    float: left;
    padding-left: 5px;
    word-break: break-word;
    line-height: normal;}
nav.sidebar .user-modules::-webkit-scrollbar {
    width: 10px;}
nav.sidebar .user-modules::-webkit-scrollbar-track {
    box-shadow: none;}
nav.sidebar .user-modules::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;}
nav.sidebar .minimize-nav-sidebar {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 1.6em;
    color: #505050;
    cursor: pointer;
    z-index: 10;}
nav.sidebar .minimize-nav-sidebar:hover {
    color: #fff;}
nav.sidebar .expand-nav-sidebar {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 1.6em;
    cursor: pointer;
    z-index: 10;
    display: none;}

table tbody tr.data-row:hover {
    background: rgba(168, 0, 0, 0.1);
    cursor: pointer;
}

.cursor-default {
    cursor: default !important;}

.note-modal-backdrop {
    display: none !important;}
.note-modal-footer {
    padding-bottom: 50px !important;}