/* =====  Globals  ====== */
@font-face {
    font-family: Arial,Calibri,sans-serif;
}

button, input, optgroup, select, textarea {
    font-weight: normal;
}

.column-reference-number, .case-number-column, .attachment-link, .attachment-link a {
    text-decoration: underline !important;
    color: #337ab7 !important;
}
.column-reference-number a {
   color: #337ab7 !important; 
}
.recommended-action-reference-id-column a {
    text-decoration: underline !important;
    color: #337ab7 !important;
}

.relation_grid_id_column a {
    color: #337ab7 !important;
    text-decoration: underline !important;   
}

/*Kendo popup Notification Start*/
/* Error template */
.k-notification-error.k-group {
    background: red;
    color: white;
}

.notification-error {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 400px;
    padding: 10px;
    background: red;
    color: white
}
.notification-error h3 {
    font-size: 1em;
    margin: 5px;
    white-space: normal
}

.required-question-column {
    font-weight: bold;
}

/* Warning template */
.k-notification-warning.k-group {
    background: #FFB300;
    color: white;
}

.notification-warning {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 400px;
    padding: 10px;
    background: #FFB300;
    color: white;
}

.notification-warning h3 {
    font-size: 1em;
    margin: 5px;
    white-space: normal
}

/* Info/Success template */
.k-notification-ok.k-group {
    background: green;
    color: white;
}
.k-notification-ok k-state-border-up {
    background: green;
    color: green;
}
.notification-ok {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 400px;
    padding: 10px;
    background: green;
    color: white
}
.notification-ok h3 {
    font-size: 1em;
    margin: 5px;
    white-space: normal
}

/*Kendo Popup Notification End*/
.vertical-center-column {
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: right bottom 0;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: right bottom;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: right bottom;
    float: left;
    padding-top: 3.0em;
    padding-bottom: 1.0em;
}

.horizontal-center-column {
    margin-left: 15px;
}

/*fixes known issue with Kendo and Firefox*/
.contain-divs {
    overflow: auto;
}
.hide-horiz-scrollbar {
    overflow-x: hidden;
}
.k-ff {
    overflow: inherit !important;
}
html{ 
    height: 100%;
}
.ui-corner-all {
    border-radius: 0px;
}
body{
    font-family: Arial,Calibri,sans-serif;
    height: 100%;
    font-size: 10pt;
    min-width: 1008px;
    margin: 0 8px 0 8px;
}
:focus {
    outline: none;
}

/* =====  App shell: pin header/nav/footer, scroll only page content.  ======
   #app-shell fills the viewport exactly (no page-level scrollbar, ever).
   #wrap used to rely on `min-height: 100%` as a "sticky footer" trick, but
   nothing ever reserved room for #footer's own height, so every page was
   guaranteed to overflow the viewport by at least the footer's height,
   regardless of content (VKMS-3365). Flex layout reserves that space
   structurally instead of via a magic-number offset. */
#app-shell {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#wrap {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#wrap > header,
#wrap > #sub-header {
    flex: 0 0 auto;
}
#footer {
    flex: 0 0 auto;
}

/* =====  Header Section  ====== */
#header {
    color: #000000;
    padding: 5px 0 10px 0;
}

#header #username {
    font-weight: 900;
    width: 100%;
    text-align: right;
    padding-right: 15px;
}


#header .k-widget {
    border: none;
    float: right;
    background-color: #ffffff;
}

#header .k-item {
    border: none;
    margin-bottom: 0.4em;
    margin-left: 1.1em;
    margin-right: 1.1em;
    margin-top: 0.5em;
}

#header .k-link {
    height: 100%;
    padding: 0;
}

#header .k-sprite{
    font-size: 3em;
    line-height: normal;
    height: 40px;
    width: 40px;
    margin: 0;
}

#header .k-state-hover, #header .k-sprite:hover {
    background-color: #ffffff;
    background-image: none;
    color: #336DA6;
}

#header .fa-list-alt {
    padding-top: 3px;
}

/* Width comes from the Bootstrap `col` class: the header keeps equal-width
   left/right columns so the central VisiumKMS logo stays centered on the shell.
   Do not pin `flex` here — it would collapse the left column and shift the logo. */
#companyLogoPane {
    margin-top: 0;
}

#CompanyLogo {
    display: block;
    width: auto;
    max-width: 150px;
    height: 50px;
    max-height: 50px;
    object-fit: contain;
    object-position: left center;
}

#AUD-ConfigMsg {
     margin-top: 2px;
     margin-bottom: 40px;
}
#centralLogo {
    font-size: 36pt;
    text-align: center;
    color: #004990;
    line-height: 50px;
    margin-top: 0;
}

/* The logo art is 390x60 (aspect 6.5), so `max-width` is what bounds it —
   `height` only letterboxes inside the 50px header row. Scale via max-width. */
#VisiumKMS {
    display: block;
    width: auto;
    max-width: 190px;
    height: 50px;
    max-height: 50px;
    object-fit: contain;
}

.k-ie7 #header a{
    text-indent: -9999px;
}
.k-ie7 #header li{
    display: inline;
    zoom: 1;
}

/*Subheader Dropdown Menu and Image Bar*/
#sub-header, #menubar {
    background: #054b8a !important;
    margin: 0;
    height: 56px;
    border-radius: 0;
    border: none;
}
#menubar ul{
    background-color: #004990;
    border-top: 0;
}
#menubar ul li ul li{
    background-color: #ffffff;
    color: #000000;
    margin-top: -2px;
}
#menubar ul li {
    background-color: transparent;
    font-weight: bold;
    color: white;
    margin-top: 1px;
}
#menubar ul li:hover,
#menubar ul li.k-state-active {
    background-color: white;
    color: black;
}
    #menubar ul li ul li:hover,
    #menubar ul li ul li.k-state-active {
        background-color: #E5E9EC;
        color: #000000;
    }

    #menubar ul li span span:not(.k-menu-link-text) {
        margin-left: 9px;
    }
#menubar a:link,
#menubar a:visited {
    color: #000000;
}
#menubar .k-menu .k-item>.k-link {
    padding: .5em 1.1em 0.25em;
}
#menubar #savedSearchesMenu .k-item>.k-link,
#menubar #reportsMenu .k-item>.k-link {
    padding: .5em 2em 0.25em 1.1em;
}
#menubar .k-i-arrow-60-down {
    display: none;
}
#menubar .k-link {
    font-size: 14pt;
}
#menubar ul li ul .k-link {
    font-size: 12pt;
}
#menubar .kmsmenu .k-item .k-link {
    font-weight: bold !important;
}
#menubar .k-state-highlight > .k-link.k-state-active {
    background-color: transparent;
    color: #000000;
}

#menuImages .k-item .k-link span {
    color: #004990;
}
#menuImages .k-link {
    font-size: 12px;
}

#toolbar {
    height: 70px;
    border: none;
    margin: 0 0 0 0;
}

#toolbar ul li{
    color: #000000;
}

/* =====  Content Section  ====== */
#content {
    padding: 10px 15px 35px 15px;
    position: relative; 
}

#content > .k-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Audit Plan edit dialog: fixed to the viewport so center() is not the tall #content scroll box */
#content .audit-plan-edit-kendo-window.k-window {
    position: fixed !important;
    max-width: calc(100% - 24px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-height: min(90vh, 900px);
    height: auto !important;
}

/* Form scrolls; OK/Cancel stay inside white panel (global .ui-kendo-window-fixes uses position:absolute) */
#content .audit-plan-edit-kendo-window .k-window-content.audit-plan-dialog-root,
#content .audit-plan-edit-kendo-window #addEditAuditPlanPane.audit-plan-dialog-root {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0 !important;
    box-sizing: border-box;
}

#content .audit-plan-edit-kendo-window .audit-plan-dialog-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 14px 8px;
    box-sizing: border-box;
}

#content .audit-plan-edit-kendo-window .audit-plan-dialog-footer.ui-kendo-window-fixes,
#content .audit-plan-edit-kendo-window #addEditAuditPlanPane .ui-kendo-window-fixes {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    flex-shrink: 0;
    margin-top: 0;
    border-top: 1px solid #e5e9ec;
    box-sizing: border-box;
}

/*    Side Menu Title   **/
#content > #sidepanel {
    font-size: 14pt;
    padding: 0 0 0 0;
    float: left;
}

.kms-assignments-browser-layout #sidepanel {
    float: none;
}
#sidepanel .k-link {
    font-size: 12pt !important;
}
#panelbar {
    border: none;
}
.noPadding {
    padding: 0 !important;
}
#sideMenuTitleId .sidebarHeader {
    padding: 0 !important;
    border-bottom: #ffffff solid 1px;
}
#sideMenuTitleId .sidebarHeader a {
    padding: 9px 9px 8px 9px;
    line-height: normal;
}
#sideMenuTitleId .sidebarHeader .panelBarTextIcon {
    margin-top: 3px;
}
#sideMenuTitleId .k-group {
    border-width: 1px;
    border-style: solid;
}
.sideMenuTitle a{   
   text-decoration: none;
}
.panelbarIcon:link, 
.panelbarIcon:visited, 
.panelbarText:link, 
.panelbarText:visited{
    color: #000000;
    text-decoration:none;
}
.panelbarText {
    display: block;
}
.sideMenuTitle .panelbarIcon, 
.panelbarIcon {
    display: none;
    text-align: center;
    min-width:20px;
    width: 2%;
}
.panelBarTextIcon {
    float:right; 
    margin-top:12px;
    font-size: 1em;
}
.splitWorkflow {
    margin-left:4px;
}
.panelbarIcon:hover {
    text-decoration: none;
}
#sideMenuTitleId .k-header,
#workflowStepsPanel .k-header,
.navBarDetailsTitle {
    font-size: 14pt !important;
    font-weight: bold;
    color: #ffffff !important;
    background-color: #336DA6;
    height: 40px;
}
#sideMenuTitleId .k-header a {
    color: #ffffff;
}

.navBarDetails {
    width: 100%;
    border: solid 1px #959c9d;
    margin-top: 5px;
}
.navBarDetailsTitle {
    border-bottom: solid 1px #959c9d;
}

.navBarDetailsTitle li{
    padding-top: 9px;
    padding-bottom: 8px; 
}

.navBarDetailsInfo {
    background-color: white;
    color: black;
}

.navBarDetails ul{
    margin: 0 0;
    padding-left: 10px;
}
.navBarDetails ul li{
    list-style: none;
    color: inherit;
    background-color: transparent;
}

.navBarDetails .detailsValue {
    color: #000000;
}

.navBarDetails .detailsTerm {
    color: #000000;
}

.detailsTerm {
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 10px 0 3px; 
}
.detailsValue {
    font-size: 10pt;
    padding: 1px 10px 0 2px; 
    margin-left: 12px;
    overflow-wrap: break-word !important;
}

#workflowStepsPanel {
    margin-top: 5px;
}

#workflowStepsPanel .k-header .k-icon {
    display: none;
}

#workflowStepsPanel .k-state-disabled .k-link{
    color: #a7a9ac;
    background: #ffffff;
}

#workflowStepsPanel .k-panelbar .workflowStepLabel {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

#workflowStepsPanel .k-panelbar .panelBarTextIcon {
    float: none;
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
}

#workflowStepsPanel .k-panelbar .panelBarTextIcon.bi-circle {
    color: #80889b;
}

#workflowStepsPanel .k-panelbar .panelBarTextIcon.bi-check2-circle {
    color: #2ec27e;
}
/**** horizontal tab layout styles ****/
.horizontalTabs {
    margin: 0 5px 0 5px;
    background-color: white;
    border: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; 
}

.horizontalTabs li a {
    font-size: 10pt;
    font-weight: bold;
}
.horizontalTabs .ui-tabs-active {
    border-right: 0;
    border-right-color: white;
    z-index: 1;
}

.ui-tabs-horizontal .ui-tabs-nav {
    padding: 0em 0em 0em 0em;
    float: left;
}

.ui-tabs-horizontal .ui-tabs-nav li {
    background-color: #ffffff;
    border-color: #004990;
    border-bottom-width: 1px !important;
    border-right-width: 0;
    margin: 0 0 0 0;
    border-radius: 0;
    z-index: 2
}

/**** vertical tab layout styles ****/
.verticalTabs {
    margin: 18px 0 0 0;
    padding-left: 12px;
    background-color: #cacece;
    border: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.verticalTabs li a {
    font-size: 12pt;
    font-weight: bold;
}

#SearchVerticalTabs:not(.kms-vertical-tabs),
#AdminVerticalTabs:not(.kms-vertical-tabs),
#IncidentVerticalTabs:not(.kms-vertical-tabs),
#InvestigationVerticalTabs:not(.kms-vertical-tabs),
#IncidentBrowserVerticalTabs:not(.kms-vertical-tabs),
#TrackerVerticalTabs:not(.kms-vertical-tabs),
#RiskAssessmentVerticalTabs:not(.kms-vertical-tabs),
#OiiVerticalTabs:not(.kms-vertical-tabs),
#ChecklistVerticalTabs:not(.kms-vertical-tabs),
#AuditTemplateVerticalTabs:not(.kms-vertical-tabs),
#ReportSharingVerticalTabs:not(.kms-vertical-tabs),
#RiskIntelligenceVerticalTabs:not(.kms-vertical-tabs),
#AuditVerticalTabs:not(.kms-vertical-tabs) {
    margin: 18px 0 0 0;
    padding-left: 12px;
    background-color: #cacece;
    border: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


#SearchModuleTabs {
    padding-bottom: 0;
}

.search-results-empty-message {
    padding: 2rem 1rem;
    text-align: center;
    color: #666;
    font-style: italic;
}

#TrackerVerticalTabs li a.ui-tabs-anchor {
    white-space: normal;
}

.ui-tabs-vertical .ui-tabs-nav {
    padding: 0em 0em 0em 0em;
    float: left;
}

.ui-tabs-vertical .ui-tabs-nav:not(.kms-vertical-tabs) li {
    clear: left;
    width: 100%;
    background-color: #ffffff;
    border-color: #004990;
    border-bottom-width: 0 !important;
    border-right-width: 1px;
    margin: 0 0 0 0;
    border-radius: 0;
    z-index: 2
}

.verticalTabs .ui-tabs-active {
    border-right: 1px;
    border-right-color: white;
    z-index: 1;
}

.ui-tabs-panel {
    z-index: 3;
}

ul.ui-tabs-nav {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-tabs-vertical .ui-tabs-nav:not(.kms-vertical-tabs) .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em 0.5em 0.4em;
    text-decoration: none;
}

.ui-tabs-vertical .ui-tabs-nav:not(.kms-vertical-tabs) li:last-child {
    border-bottom-width: 1px !important;
    border-bottom-left-radius: 0px;
    margin-bottom: 0px;
}
.ui-tabs-vertical .ui-tabs-nav:not(.kms-vertical-tabs) li:first-child {
    border-top-left-radius: 0px;
}

.ui-tabs-vertical .ui-tabs-nav:not(.kms-vertical-tabs) li a {
    display: inline-block;
    color: #000000;
    background: #ffffff;
    font-weight: normal;
    text-overflow: ellipsis;
    width: 100%;
}

.ui-tabs-vertical .ui-tabs-nav:not(.kms-vertical-tabs) li a:hover {
    background: #E5E9EC;
}

.ui-tabs-vertical .ui-tabs-nav:not(.kms-vertical-tabs) li.ui-tabs-active a {
    display: inline-block;
    background-color: #ffffff;
    font-weight: bold;
    text-overflow: ellipsis;
}

/* Vertical tabs: no bullets, applies to all vertical tab lists */
.verticalTabs,
.verticalTabs li {
    list-style: none !important;
}

.report-tab-content-left-gutter-fix {
    margin-left: -21.5px;
    padding-left: 0px;
}

.tab-content-left-gutter-fix {
    margin-left: -6.5px;
    padding-left: 0px;
}

.no-gutter-left {
    margin-left: 0px;
    padding-left: 0px;
}

.no-gutter-right {
    margin-right: 0px;
    padding-right: 0px;
}

.no-wrap {
    white-space: nowrap;
}

.all-tall {
    height: 100%;
}

/** Incident Browser **/
.incident-browser-tab .row {
    font-size: 0.9em;
}

.k-tabstrip.k-header, .k-tabstrip .k-header {
    font-size: 10pt !important;
}

.k-header {
    background-color: #336DA6;
    color: #ffffff;
    font-size: 12pt !important;
}
    .k-header.k-grid-toolbar {
        background-color: #ffffff;
        font-size: 10pt !important;
    }
    .k-header.k-gantt-toolbar {
        font-size: 10pt !important;
    }
    .k-header.k-combobox {
        color: inherit;
    }
    .k-header.k-dropdown {
        color: inherit;
    }
    .k-header.k-colorpicker {
        color: inherit;
    }

.k-grid .k-header {
    font-size: 10pt !important;
}

.general-tab .k-block {
    background-color: #ffffff;
    margin-bottom: 10px;
}

.general-tab {
    font-size: 1.1em;
    float: left; 
    overflow: auto;
    background-color: white;
    padding: 15px;
    border: #004990 solid thin;
    min-height: 160px;
}

#checklistAdminForm { 
    overflow: visible;
}
#checklistAdminForm > .k-block > .k-header { 
    margin: -2px 0 2px -2px;
}

.general-tab .row, #reportSaveDialog .row {
     padding: .3em 0;
}

#riskRankingAdminManage .row { padding: .3em 0; }

#checklistQuestion, #checklistResponse, #checklistAdminForm, #riskRankingAdminManage {
    border: none;
}

/* Main Content (Region to the right of the side panel.)*/
#maincontent {
    padding: 0 1px 10px 10px;
    float: right;
}
#maincontent .k-detail-command, .content-header, #contentHeader, .pane-header {
    font-size: 14pt;
    font-weight: bold;
}
#maincontent .k-header {
    font-weight: bold;
}
#maincontent .k-header.k-multiselect {
    font-weight: normal;
}
.hidden{
    display: none!important;
}
.invisible{
    visibility: hidden!important;
}
[hidden] {
    display: none;
}
input[disabled],
input[disabled]:hover,
textarea[disabled],
textarea[disabled]:hover{
    background: #eff8fa;
    cursor: default;
    border-color: #d2d4d5;
}
h1{
    font-size: 1em;
    font-weight: 600;
    line-height: 1.3em;
    color: #009fc3;
}
h2{
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.2em;
    color: #373737;
}
p{
    font-family: Arial,Calibri,sans-serif;
    font-size: 0.875em;
    line-height: 1.1em;
    color: #373737;
}
label{
    font-family: Arial,Calibri,sans-serif;
    line-height: 1.1em;
    color: #373737;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
    padding-right: 0;
}
.align-center {
    text-align: center;
    margin: auto;
}
#tab-rtc .row {
    position: relative;
}
.v-align-bottom {
    position: absolute;
    right: 0;
    bottom: 4px;
}

/* =====  Footer Section  ====== */
.copyright{
    color: #fff;
    font-weight: 300;
    padding-left: 1.5em;
    padding-right: 2em;
    display: inline;
    line-height: 2.714286em;
}
.k-ie7 .copyright{
    float: left;
}
#footer{
    background-color: #004990;
    color: #fff;
    text-align: right;
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: 35px;
    clear: both;
}
#footer nav {
    display: inline;
}
.k-ie7 #footer nav{
    float: left;
}
#footer ul {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
}
#footer li{
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    border-right: 1px solid #48494B;
    padding: 0.1em 1em;
    padding: 0 1em 0 0;
    height: 25px;
}
#footer a{
    font-size: 0.875em;
    color: #fff;
    text-decoration: none;
}
#footer a:hover{
    color: #959C9D;
}
.k-ie7 #footer li{
    display: inline;
    zoom: 1;
}

#footerStatus
{
    position: absolute;
    margin-left: 20px;
    margin-top: 7px;
}

/* =====  Breadcrumbs  ====== */
.breadcrumb{
    background-color: #004990;
    color: #ffffff;
    height: 40px;
    padding-top: 5px;
    margin: 0px 0px 8px 0px;
    white-space: nowrap;
}
.breadcrumb #bcPartial{
    padding-right: 30px;
    padding-top: .3em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumb nav{
    padding: 0.6em 3.4375em 0.6em 0;
}
.breadcrumb ul {
    list-style-type: none;
    display: inline;
    padding: 0;
}
.breadcrumb li {
    font-weight: 300;
    display: inline;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial,Calibri,sans-serif;
    font-size: 14pt;
    margin-left: 0.3em;
}
.breadcrumb a{
    color: #ffffff;
    text-decoration: none;
    font-family: Arial,Calibri,sans-serif;
    font-size: 14pt;
    margin: 0 5px;
}
.breadcrumb a:hover{
    color: #ffffff;
    text-decoration: underline;
}

/* =====  Tree View  ====== */
.k-treeview{
    white-space: normal !important;
    font-size: 10pt;
}

#locationSelectionDialogDiv {
    height: 95%;
}

div[class^='locationSelectionDialogDiv'] .k-treeview{
    white-space: nowrap !important;
}

.k-treeview .k-in.k-state-hover{
    border-color: #959C9D;
}
.k-treeview .k-in.k-state-focused{
    -webkit-box-shadow: #959C9D 0 0 3px 1px inset;
    box-shadow: #959C9D 0 0 3px 1px inset;
}
   
/**************** Detail Command Bar **************/
.k-detail-command{
    color: #FFFFFF;
    background-clip: border-box, border-box;
    background-color: #336DA6;
    background-position: 50% 50%, 50% 50%;
    background-repeat: repeat, repeat;
    overflow: hidden;
    margin: 0 0 1px 0;
    height: 40px;
    padding: 9px;
}
.k-detail-command ul {
    color: inherit;
    background-color: inherit;
    padding: 3px;
    margin: 0;
}
.k-detail-command li {
    list-style:none; 
    display:inline-block;
}
.alternate {
    background: #a7a9ac;
}
.k-detail-command .k-link {
    color: #ffffff;
}
.k-detail-command .k-icon {
    background-image: url("kendo/styles/Default/sprite.png");
}
.k-detail-command .k-button i{
    margin-right: 5px;
}
#protocolsSelection .k-button i {
    margin-left: 5px;
    margin-right: 5px;
}
.k-panelbar>.k-item>.k-link, .k-panel>.k-item>.k-link {
    padding: 0 0.5em !important;
}
.k-button-icontext {
    color: #000000;
    border-color: #959c9d;
}

/* Edit Content Row */
.edit-content-row{
    padding: 0.9375em 1.25em;
}

/* login styles */
#loginContent {
    margin-top: 5%;
    border-right: solid 2px #c8c8c8;
}
#loginContent .k-form-text-row {
    margin-top: 10px;
}
#loginContent .validation-error {
    display: block;
    margin-left: 15px;
}
#loginContent .validation-summary-errors ul {
    margin-left: 24px;
    margin-top: 8px;
    padding: 0;
}
#loginContent .validation-summary-errors li {
    display: block;
    list-style: none;
    margin: 0;
}

/* styles for validation helpers */
.k-widget.field-validation-error, .field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}
.field-validation-valid {
    display: none;
}
input.input-validation-error {
    border: 1px solid #e80c4d;
}
input[type="checkbox"].input-validation-error {
    border: 0 none;
}
.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}
.validation-summary-valid {
    display: none;
}
.k-header.k-combobox {
    background-color: transparent;
}

/***********************************************Kendo Styles below*/
.cubs-grid-custom-toolbar {
    padding-right: 20px !important;
    float: right;    
}
.KMS-grid-export-Excel {           
    background: url('../images/ExportExcel.png') no-repeat center !important;  
}
.KMS-grid-export-CSV {           
    background: url('../images/ExportCSV.png') no-repeat center !important;
}
.KMS-grid-export-XML {           
    background: url('../images/ExportXML.png') no-repeat center !important; 
}
.KMS-grid-clear-filters {       
    background: url('../images/ClearGridFilters.gif') no-repeat center !important;
}
.KMSChecklist-grid-export-Excel {           
    background: url('../images/ExportExcel.png') no-repeat center !important;
}
.KMSChecklist-grid-export-CSV {           
    background: url('../images/ExportCSV.png') no-repeat center !important;
}
.KMSChecklist-grid-export-XML {           
    background: url('../images/ExportXML.png') no-repeat center !important;
}
.KMSChecklist-grid-export-Excel, .KMSChecklist-grid-export-CSV, .KMSChecklist-grid-export-XML {           
    background-size: 24px;
    display: inline-block;       
    text-decoration: none;
    height: 20px;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px -5px 0px;
}
.KMS-SpellCheck {       
    background: url('../images/spell_check_icon.png') no-repeat center !important;
}

/****************Above CUBS custom CSS, Below Kendo UI Custom overrides************************************************/
a.k-button.k-button-icontext.k-grid-update{
    line-height: 5px;
}
a.k-button.k-button-icontext.k-grid-cancel{
    line-height: 5px;
}
.k-edit-form-container {
    width: auto;
}
.k-grid table {
    margin: 0px;
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: 1px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 10pt;
    height: 20px;
    white-space: nowrap;
}

.k-grid .column-button {
    text-overflow: initial;
}

.k-button {
    height: 25px;
    border-color: #959c9d;
    font-size: 10pt !important;
}
.k-multiselect .k-button div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 168px;
}

.k-link {
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    line-height: 20px;
    text-decoration: none;
    font-size: 10pt;
    font-weight: normal;
}
span.k-link {
    cursor: default;
}
.k-grid-header {
    cursor: default;
    font-size: 10pt;
    height: 28px;
}
.k-gantt .k-grid-header {
    height: auto;
}
.k-grid-header-wrap {
    vertical-align: middle;
    text-align: center;
    height: 100%;
    overflow: hidden;
    border-style: solid;
    fit-position: center;
}
.k-resize-handle {
    vertical-align: middle;
    position: absolute;
    height: 10px !important;
    bottom: auto !important;
}
.k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle {
    display: inline-block;
    height: 20px;
}
.k-window .k-edit-form-container td {
    font-weight: lighter;
    font-size: 9px;
}
.k-picker-wrap  .k-input, .k-numeric-wrap .k-input  {
    max-height: 1.6em;
}
.k-calendar .k-header {
    background-color: #ffffff;
}
.k-calendar .k-header a {
    color: #000000 !important;
}
.k-calendar .k-footer a {
    color: #000000 !important;
}
.k-calendar table tr td {
    border-color: #959c9d;
}
.k-window-titlebar {
    color: #000000;
    background-color: #ffffff;
    border: none;
}
.k-window-content .row {
    margin: 0;
}

.kms-tree-popup-dialog {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    max-height: 350px;
    display: none;
    padding-left: 10px;
    padding-right: 10px;
    background: white;
    box-sizing: border-box;
    height: 100%;
    border-color: #959c9d;
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2980);
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
}

.risk-intelligence-container {
    text-align: center;
}

.k-numerictextbox .k-state-focused {
    border-color: #336DA6;
}
.k-grid .k-grid-header .k-header {
    background-color: #ffffff;
    color: #000000;
}
.k-grid-header .k-header {
    padding: .4em .6em .4em .6em !important;
}
.k-column-menu .k-header .k-item {
    background-color: #ffffff;
    color: #000000;
}
.k-dropdown {
    font-size: 10pt !important;
    font-weight: normal !important;
}
.k-dropdown-wrap:hover > .k-select,
.k-picker-wrap:hover > .k-select {
    border-left-color: #336DA6;
}
.k-dropdown-wrap .k-input{
    margin-bottom: 1px;
}
.k-ie9 .k-dropdown-wrap .k-input{
    margin-bottom: 0;
}
.k-multiselect-wrap {
    font-size: 10pt !important;
}
.filterMutiselection .k-multiselect-wrap {
    /* enable scrollability */
    overflow: auto;
    /* control selected items' container - use height or min-height and/or max-height */
    max-height: 50px;
}
.filterMutiselection .k-multiselect-wrap > .k-i-close {
    right: 20px;
}
.k-multiselect-wrap li {
    display: block !important;
}
.k-textbox {
    font-size: 10pt !important;
}
.k-combobox {
    font-size: 10pt !important;
}
.k-datetimepicker {
    font-size: 10pt !important;
}
.k-datepicker {
    font-size: 10pt !important;
    background-color: inherit;
}
.k-reset .k-item {
    font-size: 10pt !important;
    font-weight: normal !important;
}
.k-pager-numbers {
    font-weight: normal;
}
.k-grid .k-label {
    font-weight: bold;
}
.k-multiselect-wrap .k-button:hover {
    border-color: #959c9d;
}
.k-ie9 .k-multiselect-wrap .k-button:hover {
    border-color: #959c9d;
}
.k-ie9 .k-button:active:hover,
.k-ie9 .k-button.k-state-active:hover {
    background-color: #797979;
    border-color: #E5E9EC;
}
.k-multiselect-wrap .k-button:active:hover,
.k-multiselect-wrap .k-button.k-state-active:hover {
    background-color: #797979;
    border-color: #E5E9EC;
}
.k-ie9 .k-multiselect-wrap .k-button:active:hover,
.k-ie9 .k-multiselect-wrap .k-button.k-state-active:hover {
    background-color: #797979;
    border-color: #E5E9EC;
}
.k-multiselect:hover,
.k-picker-wrap:hover,
.k-dropdown-wrap:hover {
    border-color: #336DA6 !important;
}
.k-gantt-actions .k-button {
    margin-right: 8px;
}
.k-filename {
    color: #000000;
}
.k-tabstrip .k-tabstrip-items .k-state-active .k-link {
    font-weight: bold;
}
.k-overlay {
    opacity: 0.3 !important;
}
.k-tooltip {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.visiumShowInline {
    display: inline-block;
}
.visiumHide {
    display: none;
}
    
@media screen and (min-width: 1900px) {
    .colapsedSideMenu {
        width: 98%;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1899px) {
    .colapsedSideMenu {
        width: 97%;
    }
}
@media screen and (max-width: 1199px) {
    .colapsedSideMenu {
        width: 96%;
    }
}

#SelectionPanelbar .k-panel .k-item .k-link {
    font-size: 14pt !important;
}
#SelectionPanelbar .k-panelbar-toggle,
#SelectionPanelbar .k-panelbar-expand,
#SelectionPanelbar .k-panelbar-collapse {
    position: absolute !important;
    top: 12px !important;
    right: 10px !important;
}

.content-header p, #contentHeader p {
    color: #ffffff;
}

.radio-button-label {
    font-weight: normal;
    padding-right: 20px;
}
.radio-button-add-subtract {
    display: inline-block;
    margin-right: 10px;
}
.radio-button-add-subtract > div {
    padding: 0;
}

.radio-button-add-subtract label {
    font-weight: bold;
}

/*TODO:Seems like we shouldn't need to do this, and just do what Proposal page does. Proposal page doesn't do this*/
#checklistQuestion div.k-widget.k-multiselect.k-header {
   width: 95%;
}

#checklistQuestion textarea.fill-column.k-textbox {
   width: 95% !important;
}

#checklistQuestionsGrid tbody tr {
    height: 50px;
}

.checklist-question-comment-column {
    position: relative;
}

.checklistManagementControls {
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.checklistManagementControls button {
    margin: 2px 0;
    width: 35px;
    height: 35px;
}

.checklistManagementControls button i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.checklistManagementControls li:hover {
    background: #E5E9EC;
}

.checklistManagementControls li:focus {
    background: #797979;
}

.table-cell-textarea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    min-height: 31px;
}

.k-section {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}

.question-details span.k-widget.k-dropdown.k-header, .action-details span.k-widget.k-dropdown.k-header{
    width: 90%;
}

.question-details textarea {
    width: 100%;
}

.question-details .row, .action-details .row, #addNewActionPane .row, #send-back-pane .row {
    min-height: 29px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.question-details .question-details-dropdown-wrapper {
    width: 25%;
}

.required::after {
    content: " (*):"
}

.required-button::after {
    content: " (*)"
}

.not-required::after {
    content: ":"
}

#disablePagePane {
  text-align: center;
  display: none;
}

.ui-dialog .ui-widget-content {
    background: #ffffff;
}

.ui-dialog .ui-widget-header {
    background: #004990;
    color: #ffffff;
}

.myCustomClass .k-window-titlebar {
    background-color: #004990;
    left: 3px;
    color: white;
    font-weight: bold;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    height: 100%;
}

.ui-dialog .ui-button {
    background: #CBD3D9;
    border-color: #959c9d;
    font-size: 10pt;
    color: #000000;
}
.ui-dialog .ui-button:hover {
    background-color: #E5E9EC;
    border-color: #959c9d;
}
.ui-dialog .ui-button:focus {
    background-color: #797979;
    color: #ffffff;
}

#areaForm .row,
#actionItemForm .row,
#PersonEditPane .row,
#LocationDetailsPane .row,
#treatmentProviderDialog .row{
    padding: 2px 10px;
}

#actionGrid .description-column {
  max-width: 500px;
  white-space: normal;
}

#SupervisorId-list p {
    margin-left: 10px;
    margin-top:0px;
}

.tracker-label, .visium-label,
#editEventDialog .k-edit-label {
    font-family: Arial,Calibri,sans-serif;
    font-weight: bold;
    vertical-align: middle;
    margin-top: .4em;
    padding: 0 0;
}

.tracker-info-label {
    font-family: Arial,Calibri,sans-serif;
    vertical-align: middle;
    margin-top: .4em;
    padding: 0 0 0 0;
    color: #646464;
    font-style: italic;
    /*line-height: 1.5em;*/
    margin-bottom: 0px;
}

.visium-value-label {
    font-family: Arial,Calibri,sans-serif;
    font-weight: normal;
    vertical-align: middle;
    margin-top: .4em;
    padding: 0 0;
}

.navBarDetailsInfo .visium-label {
    font-size: .8em;
}

#locationContent .k-detail-command {
    font-size: 14pt;
    font-weight: bold;
}

#locationTreeList .k-i-collapse,
#locationTreeList .k-i-expand,
#locationTreeList2 .k-i-collapse,
#locationTreeList2 .k-i-expand {
    padding-right: 10px;
}

#locationTreeList .k-grid-content .facility_column,
#locationTreeList2 .k-grid-content .facility_column {
    text-align: center;
}

#locationTreeList .k-grid-content .active_column,
#locationTreeList2 .k-grid-content .active_column,
.report-security-checkbox {
    text-align: center;
}

#moduleTabStrip .k-content {
    margin: 0;
    border: 0;
    overflow: hidden;
}

#locationDetailsTabStrip .k-content {
    margin: 0;
    border: 0;
    overflow: visible;
}

.k-button.k-primary {
    color: #000000;
}

.visium-tab {
    font-size: 10pt;
    float: left; 
    overflow: auto;
    background-color: white;
    padding: 15px; 
    border: #004990 solid thin;
    min-height: 100px;
}

#AuditProposalTabs .visium-tab {
    min-height: 290px;
}

#OiiTabs .visium-tab {
    min-height: 235px;
}

#TrackerCreateProposalTabs .visium-tab, #TrackerCreateProposalTabs .visium-tab {
    min-height: 312px;
}

#RiskAssessmentProposalTabs .visium-tab {
    min-height: 460px;
}

.checklist-tab {
    font-size: 10pt;
    float: left;
    overflow: no-display;
    background-color: white;
    padding: 10px;
    border: #004990 solid thin;
    min-height: 300px;
}

.checklist-tab-workflow-selection {
    font-size: 10pt;
    float: left;
    overflow: no-display;
    background-color: white;
    padding: 10px;
    border: #004990 solid thin;
}
.audit-template-tab {
    font-size: 10pt;
    float: left;
    overflow: no-display;
    background-color: white;
    padding: 10px;
    border: #004990 solid thin;
}

.checklist-tab-content-left-gutter-fix,
.audit-template-tab-content-left-gutter-fix {
    margin-left: -39px;
    padding-left: 0px;
    padding-right: 0px;
}

.visium-tab .k-block {
    background-color: #ffffff;
    margin-bottom: 10px;
}

.visium-tab .validation-row {
    padding: 0 10px;
}

.visium-tab .row,
.control-container .row {
    padding-top: 2px;
    padding-bottom: 2px;
}

#changeDateModalPane .row {
    margin-top: 7px;
}

#currentCascadeDate {
    text-align: left;
    margin-top: .4em;
}

.ui-tabs-anchor.is-dirty {
    font-style: italic;
}

.dragbox {
    background: #CBD3D9;
    border: #004990 solid thin;
    padding: 3px;
}

.inline-selection {
    background: #CBD3D9;
    border: #004990 solid thin;
    padding: 3px;
    display: inline;
}

.risk-legend-box {
    text-align: center;
    display: block;
    list-style-type: none;
    min-height: 25px;
    line-height: 25px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    border: 1px solid #959c9d;
}

.risk-legend-box .fa.float-start {
    margin-top: .4em;
    margin-left: .2em;
}

.y-axis {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    transform-origin: center;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    top: auto;
    left: auto;
    float: none;
    padding: 0;
    margin-top: 80px;
}

.x-axis {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}

#riskMatrixContent {
    border: 1px solid #004990;
    padding: 5px;
    border-top: none;
    overflow: auto;
}

.risk-matrix-side-header {
    font-weight: bold;
    font-size: 1.5em;
}

.risk-matrix-center-side-header {
    margin-left: -30px;
    text-align: center;
}

.risk-matrix-header-cell {
    font-weight: bold;
    border: 1px solid #959c9d;
}

.risk-matrix-table {
    border-collapse: collapse;
}

.risk-matrix-cell-title {
    padding-bottom: 0 !important;
    padding-top: 8.8px !important;
}

.risk-matrix-row {
    height: 50px;
    text-align: center;
}

.risk-matrix-cell {
    cursor: default;
}

.risk-matrix-cell-number {
    text-align: right;
    font-size: 0.8em;
    margin-bottom: -10px;
    margin-right: -9px;
}

.risk-matrix-legend-item {
    padding-top: 4px;
    height: 25px;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: bold;
}

#riskRankingAdminManage .k-header {
    font-weight: bold;
}

.severity-type {
    display: block;
    min-height: 25px;
    border: 1px solid #959c9d;
    padding-top: 5px;
    padding-bottom: 0;
    text-align: center;
    font-weight: bold;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
}

.severity-type-checkbox {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
}

.severity-type-risk-level {
    display: block;
    min-height: 25px;
    text-align: center;
}

.selected-risk-matrix-cell {
    border: 3px dashed black;
    font-weight: bold;
}

#riskMatrixSummarySpan {
    border: 1px solid black;
    height: 25px;
    display: inline-block;
    padding: 2px;
}

#riskMatrixRow {
    margin-top: 5px;
}

.k-widget.k-tooltip {
    background-color: #ffffff;
}

.text-wrapper-grid td {
    white-space: normal !important;
    word-break: break-word !important;
}

.treeviewContainer {
    border: 1px #959c9d solid;
    width: auto;
}

.workflow-select-custom {
    display: inline;
    white-space: nowrap;
    max-width: 300px;
}

.contentPane {
    border: 1px #959c9d solid;
    padding: 4px;
}

#SelectionPanelbar .k-link span {
    margin-top: 0;
}

#SelectionPanelbar .k-link.k-header {
    color: #ffffff !important;
    background-color: #004990 !important;
    height: 39px;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.security-buttons-header {
    margin-bottom: 5px;
    margin-top: -10px;
    padding-bottom: 5px;
    border-bottom: 1px #959c9d solid;
    margin-left: 0;
}

.tiered-selection-ok-button {
    right: 5px;
    bottom: 5px;
    position: absolute;
}

.tiered-selection-clear-button {
    left: 5px;
    bottom: 5px;
    position: absolute;
}

.tiered-selection-tree-view {
    height: 100%
}

#LocationTreeView .location,
#LocationTreeView2 .location {
    font-weight: bold;
}

.location-no-access {
    font-style: italic;
}

.location-with-access {
    font-weight: bold;
}

.permission-denied-message {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
}

.action-step-details-closed-by {
    margin-top: .4em;
}

#txtLoc:read-only, #txtLoc2:read-only, #txtDep:read-only, #txtFolder:read-only {
    background-color: #ffffff;
}

#txtLoc[readonly], #txtLoc2[readonly], #txtDep[readonly], #txtFolder[readonly] {
    background-color: #ffffff;
}

#EquipmentPane[data-role='window'] {
    overflow: visible;
}

.ui-kendo-window-fixes {
    height: auto !important;
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 100%;
    padding: 0 !important;
}

#editEquipmentColumn .row,
#oiiBrowserFilters .row,
#TabEventDetails .row
 {
    margin-top: 5px;
}

.commandIcon {
    padding-left: 0.2em;
    padding-right: 0.2em;
    cursor: pointer;
}

#locationTreeList td {
    height: auto;
    min-height: 32px;
    vertical-align: middle;
}

#locationTreeList td.command_column,
#locationTreeList th.command_column {
    min-width: 48px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    overflow: visible;
}

#locationTreeList .k-grid-content td.command_column {
    overflow: visible;
}

#locationTreeList .command_column .icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 30px;
    min-width: 32px !important;
    overflow: visible !important;
    text-overflow: clip;
    line-height: 1.2;
    padding: 4px 8px;
}

#locationTreeList .command_column .icon-button .commandIcon {
    line-height: 1;
}

.checkbox-grid-header-column {
    width: 12px;
    text-align: center;
}

.aligned-checkbox {
    margin-top: 0.4em;
}

.collapsible-pane {
    border: solid;
    border-width: 1px;
    border-color: #959c9d;
    background: #cacece;
    padding: 10px;
    margin-bottom: 10px;
}

.collapsible-pane-header {
    font-size: 14pt;
    font-weight: bold;
}

.collapsible-pane-header > i {
    margin: 0 5px;
    cursor: pointer;
}

.collapsed {
    display: none;
}

#maintenanceAdmin .collapsible-pane-header {
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--bs-card-border-color, #d1cdc7);
    border-bottom: 0;
    border-radius: 0.9rem 0.9rem 0 0;
    background: #cacece;
    cursor: pointer;
    overflow: hidden;
}

#maintenanceAdmin .collapsible-pane-header.is-collapsed {
    border-bottom: 1px solid var(--bs-card-border-color, #d1cdc7);
    border-radius: 0.9rem;
    margin-bottom: 10px;
}

#maintenanceAdmin .collapsible-pane-header .expandable-header-text {
    display: inline-block;
}

#maintenanceAdmin .collapsible-pane {
    margin-top: 0;
    border-top: 0;
    border-color: var(--bs-card-border-color, #d1cdc7);
    border-radius: 0 0 0.9rem 0.9rem;
    background: #cacece;
    overflow: hidden;
}

#maintenanceAdmin .k-block {
    margin-bottom: 5px;
}

#maintenanceAdmin .k-block:last-child {
    margin-bottom: 0;
}

#maintenanceAdmin .k-header {
    padding: 0.4em 0.75em;
}

#maintenanceAdmin .maintenance-block-body {
    padding: 0.4em 0.75em;
    background: #fff;
}

#maintenanceAdmin .maintenance-row {
    padding: 0.3em 0;
}

.visium-value {
    margin-top: .4em;
}

.column-header {
    padding-top: 0.4em !important;
    vertical-align: middle;
    font-size: 10pt !important;
    font-weight: normal !important;
}

.k-loading-image {
    position: relative;
    background-image: none;
    overflow: hidden;
    color: #6c757d;
}

.k-loading-image::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    content: "";
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: kms-bootstrap-spinner 0.75s linear infinite;
    font-family: inherit;
    background: none !important;
}

@keyframes kms-bootstrap-spinner {
    to {
        transform: rotate(360deg);
    }
}

.k-loading-image::after {
    display: none;
}
.bottom-padding {
    padding-bottom: 0.4em !important; 
}

.left-padding {
    padding-left: 0.4em !important;
}

.k-grid tbody td > .k-grid-delete {
    margin-top: 0;
    margin-bottom: 0;
}

.options-dropdown-menu .k-i-arrow-60-down {
    display: none;
}
.options-dropdown-menu .k-dropdown-wrap {
    padding-right: 0;
}
.options-dropdown-menu {
    width: 34px !important;
    padding-left: 10px;
}
.options-dropdown-menu .options-dropdown-menu-icon {
    padding-top: 6px;
    margin-left: -8px;
}
#optionsMenu-list {
    width: 280px !important;
    margin-left: 10px;
}
.option-menu-item-title,
.option-menu-item-shortcut,
#SeverityTypeCheckboxList,
#riskLevelLegendContainer ul {
    padding: 0;
}

#sectionsGrid .k-grid-content tr,
#recommendedActionsGrid .k-grid-content tr {
    height: 31px;
}
#sectionsGrid .k-grid-content .k-dirty,
#recommendedActionsGrid .k-grid-content .k-dirty {
    display: none;
}
#recommendedActionsGrid .k-header {
    font-size: 10pt !important;
    font-weight: normal;
    vertical-align: middle;
}

#sectionsGrid .k-grid-delete {
    min-width: 30px;
}

.tab-strip-pane {
    margin: 0 -1px -1px !important;
    border-color: #959c9d !important;
    border-top-width: 0 !important;
}

.visium-vertical-tab,
#ChecklistQuestionGrid .questionDisplayTextColumn {
    white-space: normal;
}

.tooltip-item-description {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding: 8px 0;
}

.risk-matrix-details-cell {
    word-wrap: break-word;
}

#exportActionsContent .row {
    min-height: 28px;
    margin-top: 4px;
}
#exportActionsContent .row input[type=checkbox],
#exportActionsContent .row input[type=radio] {
    margin-top: 7px;
}
#exportActionsContent .row.validation-message {
    min-height: 0;
    margin-top: 0;
}
#exportActionsContent .row .spell-button,
#oiiFormContainer .spell-button {
    margin-top: 4px;
}

#riskMatrixDetailsPane {
    padding-top: 4px;
}

.shortcut-key
{
    font-size: smaller;
}

.shortcut-key:before
{
    content: "(";
}

.shortcut-key:after
{
    content: ")";
}

#auditRankTotalSpan {
    line-height: 25px;
}

#auditRankingTable th,
#auditRankingTable td,
#auditRankingAdminTable th {
    background-color: #E5E9EC;
}

#auditRankingTable .audit-ranking-cell {
    background-color: #ffffff;
}

.audit-ranking-cell, .question-row, .response-row, .action-row, .workflow-row {
    cursor: pointer;
}

.question-row.selected-row, .response-row.selected-row, .action-row.selected-row, .workflow-row.selected-row  {
    cursor: default;
}

#auditRankingDialog {
    overflow: hidden;
}

#auditRankingTable {
    overflow: auto;
}

#auditRankingAdminTable {
    margin: 0 15px 0 15px;
}

#auditRankingAdminTable textarea#cellEditor{
    padding: 0;
    height: 100%;
}

.missing-cell {
    border: none;
}

#addEditAuditPlanForm .row {
    padding-top: 4px;
    padding-bottom: 4px;
}

#content:has(.audit-plan-layout) {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0;
}

#content:has(.audit-plan-layout) #contentHeader {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    overflow: visible;
}

#contentHeader.k-detail-command.audit-plan-content-header {
    overflow: visible !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

#contentHeader.k-detail-command.audit-plan-content-header .audit-plan-header-inner {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-width: max-content;
    color: #ffffff;
}

#contentHeader.k-detail-command.audit-plan-content-header .audit-plan-header-title {
    flex-shrink: 0;
    white-space: nowrap;
    color: #ffffff !important;
    font-size: 14pt;
    font-weight: bold;
}

.audit-plan-layout {
    min-width: 0;
    align-self: stretch;
    width: 100%;
}

#auditPlanGridPane {
    flex: 0 0 auto;
}

#scheduledAudits {
    flex: 0 1 auto;
    min-height: 0;
}

#scheduledAuditsHeader.audit-plan-scheduled-header {
    background-color: var(--kms-brand-header-bg, var(--bs-primary, #336da6));
    color: var(--kms-brand-header-color, #ffffff);
    padding: 6px 10px;
    gap: 0.5rem;
    margin-bottom: 8px;
}

#scheduledAuditsHeader .audit-plan-gantt-scheduled-title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14pt;
    font-weight: bold;
    color: inherit;
}

#gantt.k-gantt {
    min-height: 220px;
}

#auditPlansBrowserGrid .audit-plan-command-column {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

#auditPlansBrowserGrid .audit-plan-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#auditPlansBrowserGrid .audit-plan-row-actions .icon-button i {
    font-size: 1.05rem;
    line-height: 1;
    vertical-align: middle;
}

.checkbox-column {
    margin-top: 3px;
    margin-left: -4px;
}

.k-task-template {
    background-color: #336da6;
}

.k-gantt-actions {
    font-size: 14pt;
    font-weight: bold;
    margin-top: 2px;
}

#createNewAuditButton {
    float: right;
    cursor: pointer;
    margin: 3px 10px;
}

#gantt .k-gantt-views li {
    line-height: 23px;
    border-radius: 0;
    background-color: #CBD3D9;
}

#gantt .k-gantt-views li.k-state-selected {
    background-color: #797979;
}

#gantt .k-gantt-views li.k-state-selected .k-link {
    color: #FFFFFF;
}

#gantt .k-gantt-views a {
    line-height: 20px
}

#gantt .k-gantt-header.k-gantt-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    background-color: #336DA6 !important;
    color: #ffffff !important;
}

#gantt .audit-plan-gantt-scheduled-title {
    font-size: 14pt;
    font-weight: bold;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0.5rem;
    color: #ffffff !important;
}

#gantt .k-grid-header-wrap th.k-header {
    font-size: 10pt !important;
}

#gantt .k-resource {
    background-color: #f5f5f5;
}

#gantt .k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0);
}

#editQuestionDialog .row {
    padding: 6px 0 6px;
}

#scheduler .k-scheduler-views li,
#scheduler .k-scheduler-fullday {
    line-height: 23px;
    border-radius: 0;
    background-color: #CBD3D9;
}

#scheduler .k-scheduler-views li.k-state-selected {
    background-color: #797979;
}

#scheduler .k-scheduler-views li.k-state-selected .k-link {
    color: #FFFFFF;
}

#scheduler .k-scheduler-views a {
    line-height: 20px
}

#scheduler .k-scheduler-navigation li {
    line-height: 23px;
    border-radius: 0;
    background-color: #CBD3D9;
}

#scheduler .k-nav-current {
    border-style: solid;
    border-width: 1px;
    border-color: #959C9D;
    padding: 0 6px;
}

#scheduler .k-event {
    background-color: #336da6;
}

#scheduler .k-state-default.k-nav-current.k-state-hover {
    border-color: #E5E9EC;
}

.event-description-row,
.treatment-provider-row {
    padding-bottom: 12px;
}

#averageEmployeesGrid tr,
#monthlyHoursGrid tr,
#globalGroupsGrid tr {
    height: 30px;
}

#locationTreeList tr {
    height: auto;
    min-height: 38px;
}

#averageEmployeesGrid thead th,
#monthlyHoursGrid thead th,
#locationTreeList thead th,
#globalGroupsGrid thead th {
    padding-bottom: 7px !important;
}

#actionDetailsContainer {
    background-color: transparent;
    border: none;
}

#actionDetailsContainer .row {
    padding: 5px;
}

#actionDetailsContainer .tab-strip-pane {
    overflow: hidden;
}

#actionDetailsContainer .k-widget {
    margin-top: 5px;
}

.hidden-checklist-item {
    display: none;
}

.checklist-hierarchy-cell {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: top;
}

.checklist-hierarchy-area {
    white-space: nowrap;
    height: 25px;
    display: flex;
}

.checklist-hierarchy-wrapper {
    display: inline-block;
    vertical-align: top;
}

.checklist-hierarchy {
    width: 25px;
    height: 25px;
}

.question-row .checklist-hierarchy.icon {
    position: relative;
}
.question-row .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 8pt;
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    content: "\f111";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #336DA6;
}
.question-row.selected-row .checklist-hierarchy.icon:before,
.question-row.ancestor-of-selected .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 12pt;
    position: absolute;
    top: 5.5px;
    left: 5.5px;
    content: "\f111";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #124B8D;
}

.response-row .checklist-hierarchy.icon {
    position: relative;
}
.response-row .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 8pt;
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    content: "\f0c8";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #5BB862;
}
.response-row.selected-row .checklist-hierarchy.icon:before,
.response-row.ancestor-of-selected .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 12pt;
    position: absolute;
    top: 5.5px;
    left: 5.5px;
    content: "\f0c8";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #41AD49;
}

.action-row .checklist-hierarchy.icon {
    position: relative;
}
.action-row .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 16pt;
    position: absolute;
    top: 3px;
    left: 6.5px;
    content: "\f0d8";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #FF0000;
}
.action-row.selected-row .checklist-hierarchy.icon:before,
.action-row.ancestor-of-selected .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 24pt;
    position: absolute;
    top: -9px;
    left: 3px;
    content: "\f0d8";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #FF0000;
}

.workflow-row .checklist-hierarchy.icon {
    position: relative;
}

.workflow-row .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 10pt;
    position: absolute;
    top: 6px;
    left: 6px;
    content: "\f005";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #F8DC10;
}

.workflow-row.selected-row .checklist-hierarchy.icon:before,
.workflow-row.ancestor-of-selected .checklist-hierarchy.icon:before {
    font-family: FontAwesome;
    font-size: 16pt;
    position: absolute;
    top: 6px;
    left: 3px;
    content: "\f005";
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #F8DC10;
}

.checklist-hierarchy-extender {
    height: 0;
    width: 25px;
    display: flex;
}

.selected-row-same-question .item-text,
.ancestor-of-selected .item-text {
    font-weight: bold;
    font-size: larger;
}

.checklist-question-response-details-button-row {
    margin-right: 14px;
    margin-left: 14px;
    padding-top: 10px;
    padding-bottom: 4px;
}

#changeAssignmentsDialog .location-column{
    white-space: normal;
}

.k-tabstrip-items {
    border-bottom: 1px solid #959c9d;
}

.k-tabstrip-items .k-item {
    border-top: 1px;
    border-color: #959c9d;
}

.k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom: 0;
}

.k-tabstrip-top .k-tabstrip-items .k-state-active {
    padding-bottom: 1px;
}

#localizedTitleDisplayContainer {
    margin-top: 0.5em;
}

#saveReportForm .row{
    padding-top: 2px;
    padding-bottom: 2px;
}

#saveReportForm hr {
    margin: 30px auto;
}

#saveReportForm h3 {
    text-align: center;
    font-size: 10pt;
}

#saveReportButton {
    white-space: nowrap;
}

#apiAccessGrid td.description-column {
    overflow: initial;
    white-space: initial;
}

#apiAccessGrid td.link-column input {
    width: calc(100% - 55px);
    background: #eff8fa;
    cursor: default;
    border-color: #d2d4d5;
}

#apiAccessDialog .help-message,
#apiAccessDialog .caveat-message {
    margin: 10px 0;
}

#columnSelection {
    margin: 30px 0;
}

#columnSelection > [class*="col-"] {
    min-width: 0;
}

#columnSelection > .col-1.all-tall {
    display: flex;
    align-items: center;
    justify-content: center;
}

#reportAvailableColumnsContainer,
#reportSelectedColumnsContainer {
    min-height: 180px;
}

#reportDataSourceHeading {
    margin-top: 10px;
}

.reportColumnControls button .bi,
.reportColumnControls button [class^="bi-"],
.selectedReportColumnControls button .bi,
.selectedReportColumnControls button [class^="bi-"],
#saveReportButton .bi,
.columnLocalizationModalButton .bi {
    font-family: "bootstrap-icons" !important;
    font-style: normal;
}

.reportColumnControls {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    position: static;
    width: 40px;
}

.reportColumnControls button {
    margin: 2px 0;
    width: 35px;
    height: 35px;
}

.reportColumnControls button i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.reportColumnControls li:hover {
    background: #E5E9EC;
}

.reportColumnControls li:focus {
    background: #797979;
}

.selectedReportColumnControls {
    margin-left: 0;
}

.selectedReportColumnControls button {
    width: 40px;
    height: 40px;
}

.selectedReportColumnControls button i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
#grid-column-selection-pane {
    padding-left: 20px;
    padding-right: 32px;
    position: initial;
}

#gridColumnSelection {
    padding-bottom: 20px;
}

.selection-column-controls {
    margin-left: -4px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.selection-column-controls button {
    margin: 2px 0;
    width: 20px;
    height: 30px;
}
.selection-column-controls button i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.selection-column-order-controls {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.selection-column-order-controls button {
    margin: 2px 0;
    width: 25px;
    height: 35px;
}

#viewReportGrid {
    margin-top: 10px;
}

#reportFilterSection {
    margin-top: 5px;
}

#reportFilterSection i {
    margin: 0 5px;
    cursor: pointer;
}

#filterPane .visium-label {
    margin-top: 0px;
}

 .report-button-container {
     margin-bottom: 10px;
 }

 .filter-inputs {
     margin-top: 10px;
 }

.report-filter-control {
    float: left;
    margin: 0px 5%;
    width: 40%;
    height: 50px;
    line-height: 21px;
    word-break: break-word;
}

.report-filter-date {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

#configPanel {
    overflow:visible; 
    display:none
}

#configDiv {
    text-align: center; 
    position: relative; 
    top: 5%; transform: translateY(-50%);
}

.attachment-field-center-text {
    float: none;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.attachment-field-center-label {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.attachment-field-locked-container {
    white-space: nowrap;
}

.attachment-label-locked {
    font-family: Arial,Calibri,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    display: inline-block;
    padding: 0 0;
    float: none;
}
.target-days-offset {
    width: 84px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
}
.target-days-offset > .k-numerictextbox > .k-numeric-wrap {
    width: 54px;
    margin-left: -15px;
}

.days-label {
    font-weight: bold;
    padding-top: 8px;
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 1200px) {
    .checkbox-label {
        padding-left: 0;
    }
}

#seriesPromptWindow .row {
    margin-bottom: 5px;
}

.affix {
    position: fixed;
    top: 0;
    z-index: 1000;
    opacity: 0.95;
}

.affix-top {
    position: absolute;
}

#workflowSidepanel {
    margin-top: 5px;
}

#contentStickyHeaderWrapper {
    height: 50px;
    margin-bottom: 5px;
}

.confidentialStickyHeader {
    text-align: center;
    border: 4px solid #004990;
    background: #ff9900;
}

.confidentialStickyHeader h2 {
    color: #004990;
    font-weight: bold;
    font-size: 14pt;
    text-transform: uppercase;
    line-height: 42px;
    margin: 0;
}
.workflowSidepanelCompletedInfo {
    font-size: 0.78rem;
    color: #8f97ab;
    font-style: normal;
    line-height: 1.4;
    margin-top: 0.25rem;
    margin-bottom: 0;
    display: block;
}

#workflowStepsPanel .workflowSidepanelCompletedInfo {
    color: #8f97ab;
}

#overallApproverArea {
    margin-top: 5px;
    margin-bottom: 5px;
}
#overallApprovalLabelArea {
    padding-top: 6px;
}

.add-ok-button-padding {
    padding-bottom: 35px !important;
}

#saveSearchMenuButton,
#filterAssignmentsMenuButton {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    background-color: #CBD3D9;
}

#filterAssignmentsMenuButton {
    height: 23.5px;
}

#filterAssignmentsMenuButton .k-item {
    border-right: 0;
    padding-bottom: 2px;
    height: 21px;
}

#saveSearchMenuButton .k-item {
    border-right: 0;
    padding-bottom: 2px;
    height: 21px;
}

#saveSearchMenuButton .k-item > .k-link,
#filterAssignmentsMenuButton .k-item > .k-link {
    padding: 4px 3px;
}

#saveSearchMenuButton .k-item > .k-link > .k-i-arrow-60-down,
#filterAssignmentsMenuButton .k-item > .k-link > .k-i-arrow-60-down {
     margin-right: 0;
}

#saveSearchMenuButton ul.k-menu-group,
#filterAssignmentsMenuButton ul.k-menu-group {
    overflow: hidden !important;
    padding-right: 16px;
}

#saveSearchMenuButton ul.k-menu-group > .k-state-default,
#filterAssignmentsMenuButton ul.k-menu-group > .k-state-default
 {
    width: 100%;
    padding-right: 16px;
}

#filterAssignmentsMenuButton li i {
    padding-right: 3px;
}

.filter-assignments-selected {
    background-color: #808080 !important;
    color: #ffffff !important;
}

.report-sharing-users-label {
    padding-top: 5px;
    font-weight: bold;
}

.report-sharing-tab-subtext-label {
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    color: #808080;
    padding-left: 5px;
    padding-top: 2px;
    overflow-wrap: break-word;
    white-space: normal;
}

#ALLResultsGrid .save-report-button {
    display: none;
}

.report-user-security-grid {
    margin-right: 15px;
}

[id^=LocalizedTitles][id$=_validationMessage] {
    margin-top: 28px;
    position: fixed;
}

.textbox-with-localization {
    width: calc(100% - 40px);
}

#protocolsSelection .button-container, #protocolsSelection .label-container {
    padding-bottom: 10px;
}

input[readonly], textarea[readonly], input[readonly]:hover, textarea[readonly]:hover {
    background-color: #cccccc;
}

input:read-only, textarea:read-only, input:read-only:hover, textarea:read-only:hover {
    background-color: #cccccc;
}

.km-widget.km-buttongroup {
    margin: 0;
    margin-bottom: 5px;
    /* Do not ask me why, the next time we modify this it will be remade in Vue hopefully */
    padding-right: 3px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #004990;
    font-weight: bold;
    display: block;
}

#buttonGroup .km-button {
    background-color: #ffffff;
    color: #004990;
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    line-height: 25px;
}
#buttonGroup .km-state-active {
    background-color: #004990;
    color: white;
}
.k-detail-command.search-advanced-filter-header {
    box-sizing: border-box;
}

.edit-chart-search-tabs {
    border: none;
}

.edit-chart-module-tab.ui-tabs-panel {
    padding: 0;
}

.edit-chart-module-inner-tab {
    border-top: none;
}

.expand-collapse-buttons,
.assign-revert-icons {
    font-size: 17px;
    padding-top: 1px;
}

.switchboard-chart-title {
    font-size: 1.5em;
    text-align: left;
    padding-top: 8px;
    padding-left: 10px;
}

#defaultCharts .left-chart-wrapper {
    padding-right: 7.5px;
}

#defaultCharts .right-chart-wrapper {
    padding-left: 7.5px;
}

.chart-container {
    border: 1px solid #d3d3d3;
}

.chart-row {
    padding-top: 15px;
}

.switchboard-toggle {
    padding-top: 5px;
    padding-bottom: 10px;
}

.switchboard-pastdue {
    color: red
}

.switchboard-targetdate {
    color: red
}

.switchboard-duesoon {
    color: black
}
.add-chart-button-wrapper {
    width: 100%;
    text-align: center;
}

.add-chart-button-link {
    font-size: 1.3em;
}

.switchboard-assigments-header {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

.k-button.create-record-button {
    height: 50px;
    width: 100%;
    font-size: 1.1em !important;
    line-height: 44px;
    vertical-align: middle;
    text-align: left;
    padding-right: 0;
}
.k-button.create-record-button img {
    margin-top: 3px;
    margin-right: 4px;
    float: left;
}
.k-button.create-record-button div {
    line-height:20px;
    width: 100%;
    padding-left: 51px;
    margin-left: -50px;
    display: inline-block;
}
.assignment-grid {
    margin-left: 15px;
    margin-right: 28px;
}
.record-button-padding-right {
  padding-right: 7.5px;
}
.record-button-padding-left {
    padding-left: 7.5px;
}

#functionalRoleEditPane .row {
    padding-top: 2px;
    padding-bottom: 2px;
}

#depdiv .tiered-selection-tree-view {
    height: 90%;
}

#mappedUsersGrid .checked-column {
    padding-left: 10px;
}

.icon-button {
    background-color: #CBD3D9;
    background-image: none;
    background-position: 50% 50%;
    border-color: #959c9d;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 10pt !important;
    height: 25px;
    line-height: 1.72em;
    margin: 0 .16em;
    min-width: 32px !important;
    overflow: hidden;
    padding: 2px 7px 2px;
    text-align: center;
    text-decoration: none;
    text-overflow: clip;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
}
.icon-button:focus {
    color: #ffffff;
    background-color: #797979;
    outline: none;
}
.icon-button:hover {
    text-decoration: none;
    background-color: #E5E9EC;
}

.icon-button[disabled]
{
    color: #cccccc;
    border-color: #959c9d;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

.account-details-container .k-block {
    margin-top: 5px;
}

#delegationConfidentialWarning {
    font-weight: bold;
    text-align: center;
    margin: 5px;
}

#passwordExpiredWarning {
    font-weight: bold;
}

#workflowConfigurationBlock {
     margin-bottom: 10px;
}

#workflowConfigurationBlock .content-header {
     margin: -2px -2px 0 -2px;
}

#workflowConfigurationBlock .row {
     padding: 10px 0;
}

#workflowConfigurationBlock .row.kms-checkbox {
    padding: 2px 5px;
}

#workflowConfigurationBlock .row.save-btn {
    padding: 1px 5px;
    margin-bottom: 20px;
}

#workflowConfigurationBlock .required-field-header, #protocolSelectionDetails h2 {
    padding: 0;
    font-size: 20px;
    font-weight: bold;
}

#workflowConfigurationBlock .kms-checkbox .visium-label {
    margin-bottom: 2px;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#workflowConfigurationBlock .required-field-input-group {
    padding-top: 0;
    padding-bottom: 5px;
}

#newPassword_validationMessage {
    text-align: left;
}

#PersonForm .k-invalid-msg {
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    padding-right: 0px;
    padding-left: 0px;
    word-wrap: break-word;
    white-space: normal;
}

#EquipmentDetails .visium-label {
    padding-left: 15px;
}

#saveWorkflowStepsButton {
    margin: 5px;
}

#workflowStatesToolbar {
    height: 35px;
}

.k-widget.k-dropdown.k-header, .k-widget.k-multiselect.k-header {
    background-color: #ffffff
}

#TabTrackerProposal .field-validation-error{
    font-size: 10pt;
}

td.expanded-row .collapsed-columns,
tr.expanded-row td .collapsed-columns {
    display: none;
}

.collapsed-columns {
    font-style: italic;
}

td:not(.expanded-row) .expanded-columns,
tr:not(.expanded-row) td:not(.expanded-row) .expanded-columns {
    display: none;
}

/* Must beat `.k-grid td { height: 20px; overflow: hidden }` so fake-expand
   column content (Findings / Protocols) is not clipped under Kendo 2025. */
.k-grid td.expanded-row,
.k-grid tr.expanded-row > td {
    white-space: normal;
    height: auto;
    overflow: visible;
    text-overflow: clip;
    vertical-align: top;
}

.collapsed-section-column {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

.zero-padding {
    padding: 0 0 0 0;
}

.export-empty {
    color: #336DA6;
}

.skip-word-break {
    word-break: normal !important;
}

.fill-column {
    width: 100% !important;
}

#sub-header .k-breadcrumb {
    width: auto;
    max-width: 100%;
    margin-right: 0;
    margin-inline-end: 0;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#sub-header .k-breadcrumb.k-widget {
    background-color: transparent !important;
}

#sub-header .k-breadcrumb .k-breadcrumb-link,
#sub-header .k-breadcrumb .k-breadcrumb-link:hover,
#sub-header .k-breadcrumb .k-breadcrumb-item-text,
#sub-header .k-breadcrumb .k-breadcrumb-root-link,
#sub-header .k-breadcrumb .k-breadcrumb-root-link:hover,
#sub-header .k-breadcrumb .k-breadcrumb-link:focus,
#sub-header .k-breadcrumb .k-breadcrumb-root-link:focus {
    color: #ffffff !important;
    text-decoration: none;
}

#sub-header .k-breadcrumb .k-breadcrumb-icon,
#sub-header .k-breadcrumb .k-icon,
#sub-header .k-breadcrumb .k-breadcrumb-delimiter-icon {
    color: rgba(255, 255, 255, 0.9) !important;
}

.k-breadcrumb .k-breadcrumb-link {
    overflow: visible !important;
    width: auto !important;
}

#applicationAboutContent .about-info-row {
    margin-bottom: 0.25em;
}

#applicationAboutContent .visium-label {
    font-weight: bold;
}

#applicationAboutContent .visium-label.not-required::after {
    content: ":";
}

#applicationAboutContent .visium-value-label {
    font-weight: normal;
    margin-left: 0.25em;
    overflow-wrap: anywhere;
}