/*@import url(https://fonts.googleapis.com/css?family=Arimo);*/
/*@import url(https://fonts.googleapis.com/css?family=Assistant);*/
@import url(https://fonts.googleapis.com/css?family=Lato);

@charset "UTF-8";

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6 !important;
    --bs-body-bg: #373C49 !important;
    --bs-explainer-bg: #404555;
    --bs-contenttextareasurround-bg: #474e5f;
    --bs-contenttextarea-disabled-bg: #c8c8c8;
    --bs-card-body-bg: #404555;
    --bs-card-cap-bg: #404555;
    --bs-input-bg: #50576a;
    --bs-input-disabled-bg: #373C49;
    --bs-summernote-bg: #d3d6de;
    --bs-summernote-btn: #e8e8e8;
    --bs-placeholder: #373C49;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-selected-bg: #373C49;
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.1rem;
    --bs-pagination-font-size: 0.8rem;
    --bs-pagination-bg: #404554;
    --bs-pagination-disabled-bg: #51576b;
    --table-odd-bg: #51576b !important;
    --table-even-bg: #404554 !important;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #6ea8fe;
    --bs-primary-btn-bg: #17578c;
    --bs-primary-btn-border-color: #17578c;
    --bs-primary-btn-color: #dee2e6;
    --bs-outline-primary-btn-bg: #transparent; /* Dark background */
    --bs-outline-primary-btn-border-color: #2d86a7; /* Slightly lighter border for some depth */
    --bs-outline-primary-btn-color: #2d86a7; /* White text for contrast */
    --bs-default-btn-bg: #343a40;
    --bs-default-btn-border-color: #343a40;
    --bs-default-btn-color: #fff;
    --bs-btn-outline-danger-bg: transparent;
    --bs-btn-outline-danger-border-color: #f08385;
    --bs-btn-outline-danger-color: #f08385;
    --bs-warning-bg: #bebe00;
    --bs-warning-color: #555555;
    --prevcomment-bg: #586075;
    --prevcomment-hover-bg: #373C49;
    --prevexception-bg: #586075;
    --prevexception-hover-bg: #373C49;
    --keyframe-endcolor: #5f5f00;
    --keyframe-midcolor: #bebe00;
    --pheader-color: #dee2e6;
    --complianceheader-bg: #0f2d38;
    --compliancelevel1-bg: #164354;
    --compliancelevel2-bg: #1e5a6f;
    --compliancelevel3-bg: #25708b;
    --compliancelevel4-bg: #2d86a7;
    --compliancecontent-bg: #373C49;
    --bs-calendar-disabled-bg: #777777;
    --bs-calendar-selected-bg: #afafaf;
    --bs-wysi-input: #50576a;
    --bs-wysi-bg: #d3d6de;
    --groupheader-bg: #164354;
}

[data-bs-theme=light] {
    color-scheme: light;
    /*--bs-body-bg: #fafafa !important;*/
    --bs-body-color: #555555 !important;
    --bs-body-bg: #ffffff !important;
    --bs-explainer-bg: #e1e1e1;
    --bs-contenttextareasurround-bg: #e1e1e1;
    --bs-contenttextarea-disabled-bg: #E9ECEF;
    --bs-input-bg: #ffffff;
    --bs-card-body-bg: #fdfdfd;
    --bs-card-cap-bg: #fdfdfd;
    --bs-input-disabled-bg: #e9ecef;
    --bs-summernote-bg: #ffffff;
    --bs-summernote-btn: #333333;
    --bs-placeholder: #c8c8c8;

    --bs-selected-bg: #c8c8c8;

    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.1rem;
    --bs-pagination-font-size: 0.8rem;
    --bs-pagination-bg: #f8f9fa;
    --bs-pagination-disabled-bg: #f6f7f9;

    --infocard-body-bg: #f6f7f9 !important;

    --table-odd-bg: #ffffff !important;
    --table-even-bg: #f8f9fa !important;

    --bs-secondary-color: rgba(33, 37, 41, 0.75);

    --bs-link-color: #39599C;
    --bs-link-hover-color: #39599C;
    /*--bs-link-color-rgb: 110, 168, 254;*/
    /*--bs-link-hover-color-rgb: 139, 185, 254;*/

    --bs-primary-btn-bg: #3490dd; /* Dark background */
    --bs-primary-btn-border-color: #3490dd; /* Slightly lighter border for some depth */
    --bs-primary-btn-color: #fff; /* White text for contrast */

    --bs-outline-primary-btn-bg: #transparent; /* Dark background */
    --bs-outline-primary-btn-border-color: #2178C0; /* Slightly lighter border for some depth */
    --bs-outline-primary-btn-color: #2178C0; /* White text for contrast */


    --bs-default-btn-bg: #f8f9fa;
    --bs-default-btn-border-color: #f8f9fa;
    --bs-default-btn-color: #212529;

    --bs-btn-outline-danger-bg: transparent;
    --bs-btn-outline-danger-border-color: #e67872;
    --bs-btn-outline-danger-color: #e67872;

    --bs-warning-bg: #ffed4a;
    --bs-warning-color: #555555;

    --prevcomment-bg: #eeeeee;
    --prevcomment-hover-bg: #cccccc;

    --prevexception-bg: #eeeeee;
    --prevexception-hover-bg: #cccccc;

    --keyframe-endcolor: #FFFFDD;
    --keyframe-midcolor: #FFFF73;

    --pheader-color: #253864;

    /*--complianceheader-bg: #85c7de;*/
    /*--compliancelevel1-bg: #bfd8ec;*/
    /*--compliancelevel2-bg: #d4e6f2;*/
    /*--compliancelevel3-bg: #e8f1f9;*/
    /*--compliancelevel4-bg: #eff7f9;*/
    /*--complianceheader-bg: #85c7de;*/
    /*--compliancelevel1-bg: #9dd2e5;*/
    /*--compliancelevel2-bg: #b6ddeb;*/
    /*--compliancelevel3-bg: #cee9f2;*/
    /*--compliancelevel4-bg: #e7f4f8;*/
    /*--compliancecontent-bg: #ffffff;*/

    /*Compliance Header: #A7E5F5*/
    /*Compliance Level 1: #BEE1EE*/
    /*Compliance Level 2: #CEE9F2*/
    /*Compliance Level 3: #E7F4F8*/
    /*Compliance Level 4: #F0FAFD*/
    /*Compliance Content: #FFFFFF*/

    --complianceheader-bg: #A7E5F5;
    --compliancelevel1-bg: #BEE1EE;
    --compliancelevel2-bg: #CEE9F2;
    --compliancelevel3-bg: #E7F4F8;
    --compliancelevel4-bg: #F0FAFD;
    --compliancecontent-bg: #ffffff;

    /*--complianceheader-bg: #98D4E1;*/
    /*--compliancelevel1-bg: #B2DCEB;*/
    /*--compliancelevel2-bg: #BEE1EE;*/
    /*--compliancelevel3-bg: #cee9f2;*/
    /*--compliancelevel4-bg: #e7f4f8;*/
    /*--compliancecontent-bg: #ffffff;*/


    --bs-calendar-disabled-bg: #e1e1e1;
    --bs-calendar-selected-bg: #c8c8c8;

    --bs-wysi-bg: #ffffff;

    --groupheader-bg: #BEE1EE;
}

html, body {
    height: 100%;
    font-family: Verdana, arial, sans-serif;
    /*color: #555555;*/
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg) !important;
}

#content {
    /*background-position: center top;*/
    /*background-image: url('../images/ppswatermark.png');*/
    /*background-repeat: repeat-y;*/
    /*background-size: 80%;*/
}

.navbar, .navbar-toggler, .nav-item, .nav-link, .dropdown-menu, .dropdown-item, .dropdown-divider {
    color: var(--bs-body-color);
    background-color: var(--bs-placeholder);
}

.custom-file-label:after {
    /*background-color: var(--bs-body-bg) !important; !* Change button background *!*/
    /*color: var(--bs-body-color) !important; !* Change button font color *!*/

    color: var(--bs-body-color) !important;
    background-color: var(--bs-placeholder) !important;
}

.custom-file-label {
    background-color: var(--bs-body-bg) !important; /* Change button background */
    color: var(--bs-body-color) !important; /* Change button font color */
}

.daterangepicker {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-body-color);
    /* Add more custom styles here */
}

.daterangepicker .ranges,
.daterangepicker .calendar .drp-calendar {

    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-body-color);

    /* Custom styles for ranges and calendar parts */
}

.daterangepicker .calendar-table, .daterangepicker .calendar-time, .daterangepicker .calendar-time .hourselect, .daterangepicker .calendar-time .minuteselect {
    background-color: var(--bs-body-bg);
    /*border: 1px solid var(--bs-body-color);*/
    /* Add more custom styles here */
}

.daterangepicker .calendar-table .off, .daterangepicker .calendar-table .ends {
    background-color: var(--bs-calendar-disabled-bg);
    /*border: 1px solid var(--bs-body-color);*/
    /* Add more custom styles here */
}

.daterangepicker .calendar-table .in-range, .daterangepicker .calendar-table .active {
    background-color: var(--bs-calendar-selected-bg);
}

.daterangepicker .drp-buttons .cancelBtn {
    color: var(--bs-body-color);
}


/* Custom modal styles */
.modal-content {
    background-color: var(--bs-body-bg);
}


.modal-header {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-weight: 800;
    font-size: 12px;
}

.modal-body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: 0px;
}

.modal-footer {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-weight: 800;
    font-size: 12px;
}

/*.modal-body textarea.form-control {*/
/*    resize: none;*/
/*    border: 0;*/
/*    box-shadow: 0 0 0;*/
/*}*/

.modal-footer i, .well i {
    font-size: 20px;
    color: var(--bs-body-color);
}

/*.close {*/
/*    color: #ffffff;*/
/*}*/


/* Custom styles for .table-striped */
.table-striped tbody tr:nth-of-type(odd) {
    color: var(--bs-body-color);
    background-color: var(--table-odd-bg);
}

.table-striped tbody tr:nth-of-type(even), thead {
    color: var(--bs-body-color);
    background-color: var(--table-even-bg);
}

tr.group-header td {
    background-color: var(--groupheader-bg) !important;
    color: var(--bs-body-color);
}


.form-control, .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-input-bg);

}

.form-control:focus {
    border-width: 1px;
    box-shadow: 0 0 0 0.10rem rgba(0, 123, 255, 0.15);
}


.form-control::placeholder {
    color: var(--bs-placeholder);
    /*background-color: var(--bs-body-bg);*/
}

.form-control:disabled {
    background-color: var(--bs-input-disabled-bg) !important;
    color: var(--bs-secondary-color) !important;
}

.labeldisabled {
    background-color: var(--bs-input-disabled-bg) !important;
    color: var(--bs-secondary-color) !important;
}


.input {
    /*appearance: auto;*/
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
}

/*.input.disabled {*/
/*    !*appearance: auto;*!*/
/*    --bs-text-opacity: 1;*/
/*    color: var(--bs-body-color); !important;*/
/*}*/


textarea.form-control {
    appearance: auto;
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;

}

.form-control-multiline {
    height: auto;
}


.pagination {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.1rem;
    --bs-pagination-font-size: 0.8rem;
}

.dataTables_info {
    font-size: 0.8rem;
    padding-top: 0.5em;
}

table.dataTable > tbody > tr.odd td {
    background-color: var(--table-odd-bg); /* Color for odd rows */
}

table.dataTable > tbody > tr.even td {
    background-color: var(--table-even-bg); /* Color for even rows */
}

table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: none;
}

table.dataTable.table-striped > tbody > tr.even > * {
    box-shadow: none;
}

.dataTables_paginate {
    background-color: var(--bs-card-body-bg); /* Light grey background */
    box-shadow: none;
}

#grid_wrapper .paginate_button a {
    color: #00609A; /* Blue text */
    background-color: var(--bs-pagination-bg); /* White background */
    border: 1px solid var(--bs-pagination-bg); /* Light grey border */
    box-shadow: none;
}

#grid_wrapper .paginate_button a:hover {
    color: var(--bs-body-color); /* White text on hover */
    background-color: var(--bs-pagination-bg); /* Darker blue background on hover */
    border: 1px solid #00609A; /* Darker blue border on hover */
    box-shadow: none;
}

#grid_wrapper .paginate_button a:focus {
    color: var(--bs-body-color); /* White text on hover */
    background-color: var(--bs-pagination-bg); /* Darker blue background on hover */
    border: 1px solid #00609A; /* Darker blue border on hover */
    box-shadow: none;
}


#grid_wrapper .paginate_button.active a {
    color: #ffffff; /* White text */
    background-color: #00609A; /* Blue background */
    border: 1px solid #00609A; /* Darker blue border on hover */
    box-shadow: none;
}

#grid_wrapper .paginate_button.active a:hover {
    color: #00609A; /* White text */
    background-color: #ffffff; /* Blue background */
    border: 1px solid #00609A; /* Darker blue border on hover */
    box-shadow: none;
}

#grid_wrapper .paginate_button.active a:focus {
    color: #00609A; /* White text */
    background-color: #ffffff; /* Blue background */
    border: 1px solid #00609A; /* Darker blue border on hover */
    box-shadow: none;
}


#grid_wrapper .paginate_button.disabled a {
    color: #cccccc; /* Light grey text */
    background-color: var(--bs-pagination-disabled-bg); /* Very light grey background */
    /*border: 1px solid #00609A; !* Darker blue border on hover *!*/
    box-shadow: none;
}


.complianceheader {
    background-color: var(--complianceheader-bg);
}

.compliancelevel1 {
    background-color: var(--compliancelevel1-bg);
}

.compliancelevel2 {
    background-color: var(--compliancelevel2-bg);
}

.compliancelevel3 {
    background-color: var(--compliancelevel3-bg);
}

.compliancelevel4 {
    background-color: var(--compliancelevel4-bg);
}

.compliancecontent {
    background-color: var(--compliancecontent-bg);
}

p {
    padding-bottom: 1.2em;
}

.pHeader {
    font-family: Verdana, arial, sans-serif;
    color: var(--pheader-color);
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0.5em;
}

#main {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg) !important;
    padding-left: 0;
    padding-right: 0;
}

#main .img-circle {
    margin-top: 18px;
    height: 70px;
    width: 70px;
}

#sidebar {
    background-color: #444444;
    padding: 0px;
    padding-top: 15px;

}

#sidebar, #sidebar a, #sidebar-footer a {
    display: block;
    color: #ffffff;
    /*background-color: transparent;*/
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 5px;
    line-height: 1.4em;
}

#sidebar .nav li > a:hover {

    background-color: #989898;
    color: #39599C;

}

.btn-primary {

    background-color: var(--bs-primary-btn-bg);
    border-color: var(--bs-primary-btn-border-color);
    color: var(--bs-primary-btn-color);
}

.btn-outline-primary {

    background-color: var(--bs-outline-primary-btn-bg);
    border-color: var(--bs-outline-primary-btn-border-color);
    color: var(--bs-outline-primary-btn-color);
}

.btn-outline-primary:focus {

    background-color: var(--bs-outline-primary-btn-color);
    border-color: var(--bs-outline-primary-btn-border-color);
    color: var(--bs-primary-btn-color);
}

.btn-default {

    background-color: var(--bs-default-btn-bg);
    border-color: var(--bs-default-btn-border-color);
    color: var(--bs-default-btn-color);
}


.btn-outline-danger, .btn-outline-danger.disabled {
    background-color: var(--bs-btn-outline-danger-bg);
    border-color: var(--bs-btn-outline-danger-border-color);
    color: var(--bs-btn-outline-danger-color);

}

.bg-warning {
    color: var(--bs-warning-color) !important;
    background-color: var(--bs-warning-bg) !important;
}


.prevcomment {
    /*border: #f4f4f4 1px solid;*/
    border-color: var(--prevcomment-bg);
    border-width: 1px;
    border-style: solid;
}

.prevexception {
    /*border: #f4f4f4 1px solid;*/
    border-color: var(--prevexception-bg);
    border-width: 1px;
    border-style: solid;
}


.comment {
    /*border: #f4f4f4 1px solid;*/
    /*background-color: var(--prevcomment-bg);*/
    border-color: var(--prevcomment-bg);
    border-width: 2px;
    border-style: solid;
    padding: 4px 4px 10px 4px;
    border-radius: 4px;
}


.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
    background-color: var(--bs-summernote-bg);
}

.note-editor .note-toolbar {
    background-color: var(--bs-input-bg);
}

.note-btn {
    color: var(--bs-summernote-btn);
    background-color: var(--bs-input-bg);
}


/* Style the button that is used to open and close the collapsible content */
.collapsible {
    background-color: var(--prevcomment-bg);
    color: var(--bs-body-color);
    cursor: pointer;
    padding: 4px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;

}

.card {
    /*border-radius: 8px;*/
    /*border-bottom-left-radius: 8px;*/
    border-color: var(--bs-card-body-bg);
    border: 0;
    border-radius: 4px;
}

.card-header {
    color: var(--bs-body-color);
    background-color: var(--bs-card-cap-bg);
}


.card-body {
    background-color: var(--bs-card-body-bg);
    border-color: var(--bs-card-body-bg);
    /*border-radius: 4px;*/
}


/*.infocardbody {*/
/*    background-color: var(--infocard-body-bg);*/
/*    !*background-color: #ffffff;*!*/
/*}*/

.menu-card {
    /*border-radius: 8px;*/
    /*border-bottom-left-radius: 8px;*/
    border-color: var(--bs-card-body-bg);
    border: 0;
    border-radius: 4px;
}

.menu-card-header {
    background-color: #1F9FCA;
}


.menu-card-body {
    background-color: var(--bs-card-body-bg);
    border-color: var(--bs-card-body-bg);
    /*border-radius: 4px;*/
}


.infocard {
    border-color: var(--bs-card-body-bg);
    border: 1px var(--bs-body-color) solid;
    border-radius: 4px;
}

.infocard-header {
    color: var(--bs-body-color);
    background-color: var(--bs-placeholder);
}

.infocard-body {
    background-color: var(--bs-card-body-bg);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;

}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
    background-color: var(--prevcomment-hover-bg);
}

/* Style the collapsible content. Note: hidden by default */
.commentcontent {
    padding: 8px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}


.contenttextareasurround {
    background-color: var(--bs-contenttextareasurround-bg);
}


.disabledbackground {
    background-color: var(--bs-input-disabled-bg);
}


.TopicIndexEntry {
    padding: 0 0 0 0;
}

table {
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;
    border-collapse: collapse;
    border-color: #C0C0C0;
}

td {
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;
    border-collapse: collapse;
    border-color: #C0C0C0;
    vertical-align: top;

}

table .standardheaderrow {
    background-color: #253864;
    color: #FFFFFF;
    font-weight: bold;

}

table .beigeheaderrow {
    background-color: #D7D7D2;
    color: #111111;
    font-weight: bold;
    text-align: center;

}

ul {
    list-style: disc outside;
}

.leftlikeh6 {
    font-family: Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
}

.printlink {

}

.TopLink {
    text-align: right;
}

.TopLink a {
    color: #444444;
    font-weight: normal;
}

.nav {
    font-family: Arial, sans-serif;
    font-size: 13px;
}

a, .btn-link {
    outline: none;
    color: var(--bs-link-color);
}

a:focus, .btn-link:focus {
    outline: solid;
    color: var(--bs-link-color);
}

a:hover, .btn-link:hover {
    text-decoration: underline;
}

.plainlink {
    outline: none;
    color: var(--bs-body-color);
}

.plainlink:focus {
    outline: none;
    color: var(--bs-body-color);
}

.plainlink:hover {
    text-decoration: none;
    color: var(--bs-body-color);
}

.leftmenu-link {
    outline: none;

    color: #ffffff;
    text-decoration: none;
}

.leftmenu-link:focus {
    outline: solid;
    /*color: var(--bs-body-bg);*/
    color: #ffffff;
    text-decoration: none;
}

.leftmenu-link:hover {
    /*text-decoration: underline;*/
    /*color: var(--bs-body-bg);*/
    color: #444444;
    /*background-color: var(--bs-body-color);*/
    background-color: #ffffff;

    text-decoration: none;
}


hr {
    border-color: #dedede;
}

.wrapper, .row {
    /*height: 100%;*/
    margin-left: 0;
    margin-right: 0;
}

.wrapper:before, .wrapper:after, .column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after, .column:after {
    clear: both;
}

.column {
    /*height: 100%;*/
    overflow: auto;
    *zoom: 1;
}

.column .padding {
    padding: 20px;
}

.full {
    padding-top: 20px;
}

.box {
    bottom: 0; /* increase for footer use */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #444444;
}

.divider {
    margin-top: 32px;
}

.navbar-pps {
    border-width: 0;
    background-color: #39599C;
    color: #ffffff;
    font-family: arial, sans-serif;
    top: 0;
    position: fixed;
    width: inherit;
}

.navbar-pps li > a, .navbar-toggle {
    color: #efefef;
}

.navbar-pps .dropdown-menu li a {
    color: #39599C;
}

.navbar-pps .dropdown-menu li > a {
    padding-left: 30px;
}

.navbar-pps li > a:hover, .navbar-pps li > a:focus, .navbar-pps .open, .navbar-pps .open > a, .navbar-pps .open > a:hover, .navbar-pps .open > a:focus {
    background-color: #FFFFFF;
    color: #39599C;
}


.nonLink {

    font-size: 1.1em;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 15px;
    font-weight: bold;
}

.logo {
    display: block;
    padding: 3px;
    background-color: #fff;
    color: #3B5999;
    height: 28px;
    width: 58px;
    margin: 9px;
    margin-right: 2px;
    margin-left: 15px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    /*text-shadow: 0 0 1px;*/
    border-radius: 2px;
}

#sidebar-footer {
    /*background-color: transparent;*/
    position: absolute;
    bottom: 5px;
    padding: 5px;
}

#footer {
    margin-bottom: 20px;
}

/* bootstrap overrides */
h1 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 0;
    margin-top: 10px;
    color: var(--bs-body-color);
}

h2 {
    font-family: Arial, sans-serif;
    font-size: 1.4em;
    margin-bottom: 0;
    margin-top: 10px;
    color: var(--bs-body-color);
}

h3 {
    font-family: Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: var(--bs-body-color);
}

h4 {
    font-family: Verdana, arial, sans-serif;
    font-size: 0.9rem;
    margin-bottom: 0;
    margin-top: 10px;
    color: var(--bs-body-color);
}

h5 {
    font-family: Verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 10px;
    color: var(--bs-body-color);
}

h6 {
    font-family: Verdana, arial, sans-serif;
    font-size: 1em;
    margin-bottom: 0;
    padding-top: 4px;
    color: var(--bs-body-color);
}


.pagesubheader {
    margin-top: 10px;
    margin-bottom: 10px;
}


.failurenotification {
    color: #ff0000;
}

.navbar-toggle, .close {
    outline: 0;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

/*.btn-primary, .label-primary, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {*/
/*    background-color: #3B5999;*/
/*    color: #fffffe;*/
/*}*/

/*.btn-default {*/
/*    color: #666666;*/
/*    !*text-shadow: 0 0 1px rgba(0, 0, 0, .3);*!*/
/*}*/


.panel textarea, .well textarea, textarea.form-control {
    resize: none;
}

/*.badge {*/
/*    color: #3B5999;*/
/*    background-color: #fff;*/
/*}*/

/*.badge:hover, .badge-inverse {*/
/*    background-color: #3B5999;*/
/*    color: #fff;*/
/*}*/

.jumbotron {
    background-color: transparent;
}

.label-default {
    background-color: #dddddd;
}

.page-header {
    margin-top: 55px;
    padding-top: 9px;
    border-top: 1px solid #eeeeee;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.panel-default .panel-heading {
    background-color: #f9fafb;
    color: #555555;
}

.panel-heading {
    padding-top: 75px;
    margin-top: -75px;
}

.col-sm-9.full {
    width: 100%;
}


small.text-muted {
    font-family: courier, courier-new, monospace;
}

.currentmenu {
    /*background-color: #919191 !important;*/
    background-color: #686868 !important;
}


@media (max-width: 768px) {


}

.GlossaryIndexLetter {
    font-family: Arial, sans-serif;
    color: var(--bs-link-color);
    /*color: #000069;*/
    font-size: 1.4em;
    font-weight: bold;
}

.GlossaryTerm {
    /*color: #253864;*/
    color: var(--pheader-color);
    font-weight: bold;
}

.GlossaryTopLink {
    text-align: right;
}

.GlossaryTopLink a {
    /*color: #444444;*/
    color: var(--bs-link-color);
    font-weight: normal;
}

.IndexLetter {
    font-family: Arial, sans-serif;
    /*color: #000069;*/
    color: var(--bs-link-color);
    font-size: 1.4em;
    font-weight: bold;
}


.clearer {
    clear: both;
    font-size: 0;
}


.docstable {
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: none;
    border-color: #C0C0C0;
    width: 100%;

}

.docstable .tdHeader {
    padding: 2px;
    background-color: #253864;
    color: white;
    border: 1px #C0C0C0 solid;

}

.docstable .tdOdd {
    padding: 2px;
    /*background-color: #FFFFFF;*/
    background-color: var(--table-odd-bg);
    border: 1px #C0C0C0 solid;
}

.docstable .tdEven {
    padding: 2px;
    /*background-color: #eeeeee;*/
    background-color: var(--table-even-bg);
    border: 1px #C0C0C0 solid;
}

.compliancetable {
    border: 1px var(--bs-body-color) solid;
    width: 100%;

}

.compliancetable th {
    padding: 4px;
    font-weight: bold;
    border: none;
    vertical-align: top;
}

.compliancetable tr {
    /*padding: 4px;*/
    border: none;
    vertical-align: top;
}

.compliancetable td {
    /*padding: 4px;*/
    border: none;
    vertical-align: top;
}

.compliancetable a {
    text-decoration: none;
}

.compliancetable a:hover {
    text-decoration: underline;
}


.audittable {
    border: 1px #C0C0C0 solid;
    width: 100%;
}

.audittable th {
    border: 1px #C0C0C0 solid;
    font-weight: bold;
    /*padding: 4px;*/
    vertical-align: top;
}

.audittable tr {
    vertical-align: top;
}

.audittable td {
    vertical-align: top;
}

.audittable a {
    text-decoration: none;
}

.audittable a:hover {
    text-decoration: underline;
}


.accepttable {
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: none;
    border-color: #C0C0C0;
    width: 100%;

}

.accepttable .tdLevel1 {
    padding: 4px;
    padding-top: 20px;
    background-color: transparent;
    border: 0 #C0C0C0 solid;
    margin-bottom: 0;
    margin-top: 10px;
    color: var(--bs-body-color);
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: top;
}

.accepttable .tdLevel1 a {
    text-decoration: none;
    color: #000000;
}

.accepttable .tdLevel2 {
    padding: 4px;
    padding-bottom: 30px;
    background-color: transparent;
    color: var(--bs-body-color);
    border: 0px #C0C0C0 solid;
    vertical-align: top;
}

.accepttable ul {
    list-style: disc;
    padding-top: 1em;
    padding-bottom: 1em;
}

.accepttable li {
    margin-left: 2em;
    padding-left: 1em;

}


.contenttable {
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: none;
    border-color: #C0C0C0;
    width: 100%;

}

.contenttable .tdLevel1 {
    padding: 4px;
    padding-top: 20px;
    background-color: transparent;
    color: var(--bs-body-color);
    border: 0px #C0C0C0 solid;
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: top;
}

.contenttable .tdLevel1 a {
    text-decoration: none;
    color: #000000;
}

.contenttable .tdLevel2 {
    padding: 4px;
    padding-bottom: 10px;
    background-color: transparent;
    color: var(--bs-body-color);
    border: 0px #C0C0C0 solid;
    vertical-align: top;
}

.contenttable ul {
    list-style: disc;
    padding-top: 1em;
    padding-bottom: 1em;
}

.contenttable li {
    margin-left: 2em;
    padding-left: 1em;

}

.explainer {
    color: var(--bs-body-color);
    padding: 0;
    border-radius: 0;
}

.explainer:focus {
    /*border: var(--bs-body-color) !important;*/
    outline: solid !important;
    color: var(--bs-link-color);
}


.explainertextarea {
    color: var(--bs-body-color);
    background-color: var(--bs-explainer-bg) !important;
}

ul.explainertextarea-no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.explainertextarea-no-bullets li {
    padding-left: 0;
    margin-left: 0;
}


ul.leftmenu-no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.leftmenu-no-bullets li {
    padding-left: 0;
    margin-left: 0;
}


@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.backgroundAnimated td {
    animation: pulse 3s 2;
    animation-fill-mode: forwards;
}

@keyframes pulse {
    0% {
        /*color: #ff0000;*/
        background-color: var(--keyframe-endcolor);
    }
    50% {
        /*color: #ff0000;*/
        background-color: var(--keyframe-midcolor);
    }
    100% {
        /*color: #ff0000;*/
        background-color: var(--keyframe-endcolor);
    }
}

.fieldsetforpages {
    padding: 0;
    margin: 0 0 20px 0;
    border: 0;
}

.legendforpages {
    display: block;
    width: 100%;
    padding: 0;
    padding-left: 4px;
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: bold;
    line-height: inherit;
    /*background-color: #d1d1d1;*/
    /*color: #ffffff;*/
    border: 0;
    border-bottom: 2px solid #555555;

    color: var(--bs-body-color);
    background-color: var(--bs-placeholder);

}

.manager-menu {
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
}

.manager-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}


.manager-menu > li > a {
    display: block;
    padding: 3px 6px;
    clear: both;
    font-weight: normal;
    line-height: 1em;
    color: var(--bs-body-color);
    white-space: nowrap;
}

.manager-menu > li > a:hover {
    color: var(--bs-body-bg);
    text-decoration: none;
    background-color: var(--bs-body-color);
}

.manager-menu > li > a:focus {
    color: var(--bs-body-bg);
    text-decoration: none;
    background-color: var(--bs-body-color);
}


label.disabled {
    background-color: #e9ecef;
    opacity: 1;
}

.smallerfont {
    font-size: 0.8em;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}


.form-control-textarea {
    display: block;
    width: 100%;
    padding: 4px;
    margin-bottom: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-textarea.form-control-sm,
.form-control-textarea.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #FFFF73;
}

.watermark {
    background-position: center top;
    background-image: url('../images/draftmodewatermark.png');
    background-repeat: repeat-y;
    background-size: 80%;
}

ins {
    color: green;
    background: #dfd;
    text-decoration: none;
}

del {
    color: red;
    background: #fdd;
    text-decoration: none;
}

/* Increase the size of the play button */
.vjs-big-play-button {
    font-size: 3em; /* Adjusts the size of the button */
    top: 10px; /* Distance from the top */
    left: 10px; /* Distance from the left */
    right: auto; /* Resets the default positioning */
    bottom: auto; /* Resets the default positioning */
    /* Adjust the position as per your need */
}

/* Optional: Adjust the line-height if the button's aspect looks off after resizing */
.vjs-big-play-button:before {
    line-height: 1.5em; /* This value may need adjustment based on the final size of the button */
}

.searchinput {
    color: var(--bs-secondary-color) !important;
    background-color: var(--bs-input-bg);
}

.searchinput:focus {
    border: var(--bs-secondary-color) !important;
    outline: solid;
    color: var(--bs-body-bg);
}

.searchinput-link:hover {
    border: var(--bs-secondary-color) !important;
    outline: solid;
    color: var(--bs-body-bg);
}

.searchinput::placeholder {
    color: var(--bs-secondary-color) !important;
}

.searchinput:focus::placeholder {
    color: transparent !important;
}


.dataTables_filter input {
    border: 2px solid var(--bs-secondary-color); /* Change the border color and width as needed */
}

.dataTables_length select {
    border: 2px solid var(--bs-secondary-color); /* Change the border color and width as needed */
}


a[href*="glossary"]:not(.submenu) {
    color: #005E99;
    text-decoration: underline;
}

.audittable td:first-child a {
    text-decoration: underline;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    color: var(--bs-primary-btn-color) !important;
    /*background-color: var(--bs-primary-btn-bg) !important;*/
    background-color: #1F5279 !important;
    /*color: #fff;*/
    padding: 8px;
    z-index: 100;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 0;
}

/* body cells */
#policycompliancereport tbody td {
    white-space: nowrap;
    font-size: .65rem;
}

/* header when no scroll cloning */
#policycompliancereport thead th {
    white-space: nowrap;
    font-size: .65rem;
}

/* header when DataTables creates a separate header table (scrollX/scrollY) */
#policycompliancereport_wrapper .dataTables_scrollHead th {
    white-space: nowrap;
    font-size: .65rem;
}

/* if using FixedColumns/FixedHeader, their cloned headers need this too */
#policycompliancereport_wrapper .DTFC_Cloned thead th,
.fixedHeader-floating thead th {
    white-space: nowrap;
    font-size: .65rem;
}

.wysi,
.wysi-editor, .ql-editor {
    background-color: var(--bs-input-bg) !important;
    color: var(--bs-secondary-color) !important;

    font-size: 1rem;      /* or 16px */
    line-height: 1.5;

}

.ql-toolbar, .ql-toolbar button {
    background-color: var(--bs-contenttextareasurround-bg) !important;
    color: var(--bs-secondary-color) !important;
}

.ql-toolbar button svg * {
    stroke: var(--bs-secondary-color) !important;
    /*fill: var(--bs-secondary-color) !important;*/
}

/*.dt-buttons {*/
/*    display: none;*/
/*}*/

.submenu {
    min-height: 24px;
}


.tree-item > .tree-row {
    min-height: 44px;
}

/*.tree-item .nested-sortable {*/
/*    min-height: 10px;*/
/*    padding-left: 0;*/
/*}*/

.tree-item .nested-sortable:empty {
    min-height: 12px;
}

.sortable-ghost {
    opacity: .4;
}

.sortable-chosen {
    background: #f8f9fa;
}

.tree-row .handle {
    font-size: 1.1rem;
    user-select: none;
}


.tree-item > .nested-sortable {
    border-left: 2px solid #dee2e6;
    margin-left: 1rem;
    padding-left: 1rem;
}

.policy-tree,
.policy-tree ul {
    margin: 0;
    padding-left: 0;
}

.tree-item {
    margin: 0;
    padding: 0;
}

.tree-row {
    min-height: 44px;
}

.tree-children {
    margin-left: 1.25rem;
    padding-left: 1rem;
    border-left: 2px solid #dee2e6;
    min-height: 8px;
}

.notenabled {
    background: #fdd;
}