/* this is a TEMPORARY VERSION of origami.css meant to be cleared out as new sass styles are built */
/*#region page layout and scaffolding */
body {
line-height: 1.6em;
height: 100%;
}
.yui-t5 #yui-main .yui-b {
margin-right: 20em;
height: 100%;
}
input:not([type='checkbox']):not([type='radio']):not([class*='commandbar']), select:not([multiple]) {
height: 1.9em;
}
textarea
{
padding-left: 1px;
display: block;
}
.jstree-anchor.hierarchy.jstree-hovered{
outline: solid 1px #000000;
background-color: #ffffce;
}
.jstree-anchor.hierarchy.jstree-clicked{
outline: solid 1px #000000;
background-color: #ffff9a;
}
.jstree-container-ul{
padding: 2px !important;
}
@-moz-document url-prefix() {
select
{
padding: 2px 8px 2px 0px;
}
}
input[type='checkbox'],
input[type='radio']
{
vertical-align: middle;
}
/*Once screen gets to certain size, input box will shrink according to size*/
@media only screen and (max-width: 370px) {
input:not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea {
width: 100%;
}
}
input.integerPicker, input.maskedDigitsOnly {
text-align: right;
}
#origamiabstract .hideIfAbstract
{
display: none;
}
#doc3
{
margin: auto;
min-width: 600px;
}
#bd
{
height: 100%;
}
#loginLogo
{
position: absolute;
width: 260px;
height: 61px;
top: 50px;
left: 50%;
margin-left: -130px;
background-position: top left;
background-repeat: no-repeat;
background-image: url('/content/images/logo.gif');
}
#ajax_processing
{
vertical-align: bottom;
}
#reportFrame
{
border: none;
width: 100%;
}
#page .titleArea
{
padding-bottom: 0.3em;
padding: 0.5em;
border-bottom: solid 1px #E0E0E0;
position: relative;
background-color: #3A6495;
color: #ffffff;
border-bottom: solid 1px #E0E0E0;
z-index: 5000 !important;
}
#page .titleArea .title {
font-size: 138.5%;
font-weight: bold;
}
.show-if-mobile {
display: none;
}
#responsive-spacing {
display: none;
}
#responsive-sidepanel-spacing {
display: none;
}
#responsive-nav-open {
display: none;
}
#responsive-nav-close {
display: none;
}
#responsive-sidepanel-toggle {
display: none;
}
.responsive-links-open {
display: none;
}
button.responsive-links-open {
border: none;
background: none;
}
button.responsive-links-open:focus{
border: solid;
border-color: black;
}
#page .titleArea div.title {
display: inline-block;
}
#page .titleArea .asoftitle
{
font-weight: normal;
opacity: 0.6;
}
#content
{
padding: 1em;
}
#content div.gridScrollX
{
width: 100%;
overflow: auto;
}
#content div.codesTable
{
height: 384px;
}
/* this one has a version in ie.css which deals with the vertical scroll bar */
#content div.gridScrollXOnly
{
width: 100%;
overflow: auto;
}
/*#endregion */
/*#region standard typography */
a.inlineAnchor
{
cursor: pointer;
}
a.large
{
font-size: 110%;
font-weight: bold;
}
strong
{
font-weight: bold;
}
em
{
font-style: italic;
}
/*#endregion */
/*#region special manipulation classes */
.nowrap
{
white-space: nowrap;
}
.clear
{
clear: both;
}
.faded
{
color: #707070;
}
.inherited
{
color: #707070;
}
.spaceAbove
{
margin-top: 5px;
}
.spaceBelow
{
margin-bottom: 5px;
}
.largeSpaceAbove
{
margin-top: 15px;
}
.largeSpaceBelow
{
margin-bottom: 15px;
}
.largeIndentLeft
{
margin-left: 15px;
}
.convertedcurrency
{
color: #5A84B5;
}
.clickable
{
cursor: pointer;
}
.clickableunderline {
cursor: pointer;
text-decoration: underline;
}
.inlineIcon
{
vertical-align: text-top;
}
.code:not(table)
{
font-family: monospace;
}
span.actionbar-icon
{
padding: 0px 3px 0px 3px;
}
span.star
{
padding-left: .2em;
font-weight: bold;
color: #EB4A34;
}
span.red, td.red, tr.red, i.red
{
color: #EB4A34;
}
span.blue, td.blue
{
color: #324861;
}
span.green, td.green
{
color: Green;
}
ul.indented li
{
margin-left: 15px;
}
span.field, label
{
color: #646464;
}
span.selected
{
background-color: #D6E7FC;
border: solid 1px #D6E7FC;
padding: 0px 2px 0px 2px;
}
/*#endregion */
/*#region tables and grids */
tr:not(.nohighlight):hover span.overflow-menu, span.overflow-menu:hover {
cursor: pointer;
visibility: visible;
}
body:not(.mobile-site) tr span.overflow-menu {
visibility: hidden;
}
#content table.dataGrid tbody tr.groupitem
{
border-bottom: hidden;
padding-bottom:10px;
background-color: #f3f3fa;
color: #2A2A2A;
font-weight: bolder;
}
#content table.dataGrid tbody tr.groupitem.error
{
background-color: #FF9385;
color: #A01503;
}
#content table.dataGrid tbody tr.groupitem.error:hover {
background-color: #FF9385;
}
#content table.dataGrid tbody tr.groupitem.warning
{
background-color: #FFDF7B;
color: #E3691C;
}
#content table.dataGrid tbody tr.groupitem.warning:hover
{
background-color: #FFDF7B;
}
#content table.dataGrid tbody tr.groupitem:hover
{
background-color: #f3f3fa;
}
#content tr.groupchildren
{
border-bottom: hidden;
background-color: #f3f3fa;
padding-bottom: 0px;
}
#content tr.groupchildren td.groupchildren
{
padding-top: 5px;
padding-left: 15px;
padding-right: 1px;
}
#content tr.groupchildren td.groupchildren:hover
{
background-color: #f3f3fa;
}
#content tr.groupchildren td.groupchildren.error {
background-color: #FF9385;
}
#content tr.groupchildren td.groupchildren.error:hover {
background-color: #FF9385;
}
#content tr.groupchildren td.groupchildren.warning
{
background-color: #FFDF7B;
color: #E3691C;
}
#content tr.groupchildren td.groupchildren.warning:hover
{
background-color: #FFDF7B;
}
#content tr.groupchildren table.dataGrid
{
background-color: #ffffff;
}
#content #headerGrid table.dataGrid {
background-color: #F8F8F8;
}
#content #headerGrid table.dataGrid th {
background-color: #F8F8F8;
color: #999;
font-size: 85%;
}
#content #headerGrid table.dataGrid td {
font-weight: bold;
border-top: none;
border-bottom: none;
}
#content table.inputGrid
{
width: 100%;
}
#content table.inputGrid th
{
font-weight: bold;
padding: 2px 4px 2px 4px;
}
#content table.inputGrid td
{
padding: 2px 4px 2px 4px;
}
#content table.dataGrid tr.first td
{
border-top: solid 2px #454545;
}
#content table.dataGrid tr.reportSecondRow
{
border-bottom: solid 1px #E0E0E0;
vertical-align: bottom;
}
#content table.dataGrid tfoot tr
{
border-top: solid 2px #646464;
border-bottom: none;
}
#content table.dataGrid tfoot td
{
font-weight: bold;
}
#content table .groupingRow
{
color: #707070;
font-weight: bold;
padding-top: 5px;
}
div.collapseMarker
{
display: none;
}
#full-details-expader {
color: #3A6495;
}
div.multiselectlookup {
margin-bottom: 5px;
}
div.multiselectlookuplist
{
border: solid 1px #E0E0E0;
display: inline-block;
overflow-y: scroll;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
margin-bottom: 0px;
}
div.multiselectlookuplist.medium
{
width: 15em;
}
div.multiselectlookuplist.large
{
height: 5em;
width: 25em;
}
div.multiselectlookuplist.xlarge
{
height: 100px;
width: 35em;
}
div.multiselectlookuplist.xxlarge
{
height: 140px;
width: 50em;
}
div.multiselectlookuplist.xxxlarge
{
width: 65em;
height: 250px;
}
div.multiselectlookuplist.xwide
{
height: 5em;
width: 35em;
}
div.multiselectlookuplist.xxwide
{
height: 5em;
width: 50em;
}
div.multiselectlookuplist.xxxwide
{
width: 65em;
height: 5em;
}
div.multiselectlookuplist div.listitem
{
white-space: nowrap;
display: inline-block;
margin-right: 5px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
background-color: #D6E7FC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.multiselectlookuplist div.listitem img.deletelistitem
{
margin-left: 3px;
}
div.multiselectlookup div.adder
{
margin-top: 0px;
}
/*#endregion */
/*#region special panels*/
div.loading-message
{
color: #999;
text-align: center;
padding: .5em;
margin-bottom: .5em;
}
div.loading-error, div.error-panel {
color: #D8000C;
background-color: #FFBABA;
text-align: center;
padding: .5em;
margin-bottom: .5em;
}
div.error-panel
{
text-align: left;
}
div.placeholder
{
width: 100%;
font-weight: bold;
border: dashed 1px #c9c9c9;
color: #929292;
text-align: center;
padding-top: 35px;
padding-bottom: 35px;
}
div.actionPanel
{
background-color: #82E1A2;
border: 1px solid #058C33;
padding: 10px 10px 10px 10px;
margin-bottom: 2em;
}
div#methodList li.methodItem {
float: left;
padding-left: 0.5em;
text-indent: -0.5em;
clear: both;
}
/*#endregion*/
/*#region form typography */
.form-content.instruction-box
{
display: inline-block;
border: none;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px 10px;
margin: 0px 0px 8px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #666;
background-color: #F8F8F8;
padding: 10px 10px 15px 32px;
background-position: 10px 10px;
background-image: url('/Content/images/notification_icon_small.png');
}
.form-content.instruction
{
padding-left: 20px;
color: #999;
background-position: 0px 0px;
background-image: url('/Content/images/notification_icon_small.png');
background-repeat: no-repeat;
}
/*#endregion*/
/*#region input controls, buttons and forms*/
html.ie10 input:not([type='checkbox']),
html.ie10 select,
html.ie10 textarea
{
color: #2A2A2A;
border: solid 1px #ccc;
border-top: solid 1px #aaa;
}
li.noDisplay {
display:none;
}
input:disabled:not([type='checkbox']), select:disabled, textarea:disabled,
input.locked, select.locked, textarea.locked, input[readonly="readonly"], textarea[readonly="readonly"]
{
background-color: #F8F8F8;
color: #2A2A2A;
border: solid 1px #ccc;
border-top: solid 1px #bbb;
opacity: 0.5;
}
input[type=radio].input-validation-error
{
outline: solid 1px red;
outline-offset: 1px;
}
img.pickerTrigger {
margin: 2px;
vertical-align: top;
}
#secondaryContent input.medium, #secondaryContext select
{
width: 11.2em;
}
#content select.xsmall, #content input.xsmall {
width: 3em;
}
#content select.small, #content input.small
{
width: 6em;
}
#content select.medium, #content input.medium, #content textarea.medium
{
width: 15em;
}
#content select.large, #content input.large, #content textarea.large, ul.large
{
width: 25em;
}
#content select.xlarge, #content input.xlarge, #content textarea.xlarge, .modalXlarge
{
width: 35em;
}
#content select.xxlarge, #content input.xxlarge, #content textarea.xxlarge
{
width: 50em;
}
#content select.xxxlarge, #content input.xxxlarge, #content textarea.xxxlarge
{
width: 65em;
}
#content textarea.medmium, #content textarea.large
{
height: 5em;
}
#content textarea.xlarge
{
width: 35.4em;
height: 100px;
}
#content textarea.xxlarge
{
width: 50em;
height: 140px;
}
#content textarea.xxxlarge
{
width: 65em;
height: 250px;
}
button.default
{
font-weight: bold;
}
#content input.phoneExtension {
width: 6em;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
button.fixed_wide
{
min-width: 85px;
}
button img
{
margin-right: 3px;
}
button.rightIcon img
{
margin-right: 0px;
}
button.big
{
font-size: 110%;
font-weight: bold;
}
a.button {
background-color: #F8F8F8;
border: 1px solid #ccc;
color: #333;
text-decoration: none;
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-left: 0.3em;
padding-right: 0.3em;
display: inline-block;
margin-bottom: 0;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border-radius: 4px;
}
/*#endregion*/
/*#region header menu NEW UI options for experimental styling*/
#hd.newUI1, #hd.newUI2 {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
#hd.newUI1:after {
content: none;
}
#hd > ul.newUI1, #hd > ul.newUI2 {
position: unset;
white-space: nowrap;
overflow-x: auto;
overflow-y: visible;
scrollbar-width: none;
}
#hd ul.newUI1::-webkit-scrollbar, #hd ul.newUI2::-webkit-scrollbar {
width: 0;
height: 0;
}
#overflow-menu-container.newUI2 .dropdown { /* for nested ddmenus inside the overflow ddmenu */
position: absolute !important;
margin: -20% 95%;
}
#overflow-menu-container.newUI2 .dropdown:after, #overflow-menu-container.newUI2 .dropdown:before {
content: none; /* don't show the pointy tip on overflow menu submenus */
}
.nav-scroll.newUI1, #nav-overflow-menu.newUI2 {
display: none;
z-index: 2;
width: 32px;
height: 32px;
line-height: 32px;
cursor: pointer;
}
#nav-wrap-scroll-left.newUI1 {
margin-right: -24px;
text-align: left;
background: linear-gradient(to right, #3A6495 30%, transparent 70%);
}
#nav-wrap-scroll-right.newUI1 {
margin-left: -32px;
padding-right: 4px; /* so the chevron doesn't touch the window on the right side */
text-align: right;
background: linear-gradient(to left, #3A6495 30%, transparent 70%);
}
/* GLOBAL SEARCH SECTION */
#menu #sessionControls #globalSearchWrapper:not(.active) {
cursor: pointer;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearchInputWrapper {
position: absolute;
left: -30px;
height: 24px;
width: 20px;
}
#menu #sessionControls #globalSearchWrapper #globalSearch_quickresults {
position: absolute;
}
#menu #sessionControls #globalSearchWrapper.active form[name=header_globalSearch] input#header_globalSearchInput + i {
color: #454545;
}
#menu #sessionControls #globalSearchWrapper #globalSearch_quickresults .globalSearch_resultTitle {
color: #717171;
text-transform: uppercase;
font-size: 90%;
padding-left: 4px;
}
#menu #sessionControls #globalSearchWrapper #globalSearch_quickresults .globalSearch_results {
color: initial;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active {
text-align: left;
width: 100%;
height: auto;
max-height: 800px;
overflow-y: scroll;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 2px;
background-color: #ffffff;
z-index: 9999;
border: #d3d3d3 solid 1px;
border-radius: 4px;
transition: .5s opacity ease-in;
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 50%);
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults::-webkit-scrollbar {
display: none;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
#menu #sessionControls #globalSearchWrapper #globalSearch_quickresults:not(.active) {
opacity: 0;
position: absolute;
}
#menu #sessionControls #globalSearchWrapper #globalSearch_recentdocs:not(.active) {
opacity: 0;
position: absolute;
display: none;
}
#menu #sessionControls #globalSearchWrapper #globalSearch_searchall:not(.active) {
opacity: 0;
position: absolute;
display: none;
}
#menu #sessionControls #globalSearchWrapper #globalSearch_topmatches:not(.active) {
opacity: 0;
position: absolute;
display: none;
}
#menu #sessionControls #globalSearchWrapper #globalSearch_nomatchfound:not(.active) {
opacity: 0;
position: absolute;
display: none;
}
/* RECENT DOCS */
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results
{
display: block;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results ul {
display: block;
width: 100%;
color: #454545;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results ul li {
display: block;
color: inherit;
width: 100%;
font-weight: normal;
padding-left: 0px;
padding-right: 0px;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results ul li a {
display: block;
color: inherit;
white-space: nowrap;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
line-height: inherit;
font-size: 95%;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results ul li a:hover {
text-decoration: none;
background-color: #dcdcdc8a;
color: #272727;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results a .itemDescription {
display: block;
line-height:1;
width:100%;
color: #25383C;
font-weight: bold;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results a .itemDomain {
display: inline-block;
text-indent: 1em;
text-transform: uppercase;
font-size: 90%;
line-height:1;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_recentdocs div.globalSearch_results a .itemAccessed {
display: inline-block;
text-indent: 1em;
font-size: 90%;
float: right;
line-height:1;
}
/* END RECENT DOCS */
/* SEARCH ALL */
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_searchall {
display: block;
/*border-bottom: 1px solid rgba(220, 220, 220, 0.54);*/
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_searchall ul {
display: block;
width: 100%;
color: #454545;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_searchall ul li {
display: block;
color: inherit;
width: 100%;
font-weight: normal;
padding-left: 0px;
padding-right: 0px;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_searchall ul li a {
display: block;
color: inherit;
white-space: nowrap;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
line-height: inherit;
font-size: 95%;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_searchall ul li a:hover {
text-decoration: none;
color: inherit;
background-color: rgba(220, 220, 220, 0.54);
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_searchall a .itemDescription {
display: inline-block;
line-height: 1;
color: #25383C;
font-weight: bold;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_searchall a .itemAccessed {
display: inline-block;
text-indent: 1em;
font-size: 90%;
float: right;
line-height: 1;
}
/* END SEARCH ALL */
/* TOP MATCHES */
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_topmatches div.globalSearch_results {
display: block;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_topmatches div.globalSearch_results ul {
display: block;
width: 100%;
color: #454545;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_topmatches div.globalSearch_results ul li {
display: block;
color: inherit;
width: 100%;
font-weight: normal;
padding-left: 0px;
padding-right: 0px;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_topmatches div.globalSearch_results ul li a {
display: block;
color: inherit;
white-space: nowrap;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
line-height: inherit;
font-size: 95%;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_topmatches div.globalSearch_results ul li a:hover {
text-decoration: none;
color: inherit;
background-color: rgba(220, 220, 220, 0.54);
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_topmatches div.globalSearch_results a .itemDescription {
display: block;
width: 100%;
color: #25383C;
font-weight: bold;
}
#menu #sessionControls #globalSearchWrapper.active #globalSearch_quickresults.active #globalSearch_topmatches div.globalSearch_results a .itemDomain {
display: inline-block;
text-indent: 1em;
text-transform: uppercase;
font-size: 90%;
line-height: 1;
}
/* END TOP MATCHES */
/* END GLOBAL SEARCH SECTION */
button.menu {
cursor: pointer;
}
/*#endregion */
/*#region popup menu and toolbar*/
div.popupMenu {
text-align: left;
display: none;
z-index: 9000;
position: absolute;
color: #444;
background-color: #F8F8F8;
padding: 1em;
padding-right: 1.5em;
border: 1px solid #929292;
border-top: solid 2px #3A6495;
border-bottom: solid 2px #3A6495;
white-space: nowrap;
}
div.popupMenu table
{
width: auto;
}
div.popupMenu h3 {
font-size: 108%;
font-weight: bold;
color: #444;
margin: 0;
}
div.popupMenu h4 {
font-size: 100%;
font-weight: normal;
line-height: 1.5;
color: #999;
margin: 0 0 0.5em 0;
white-space: nowrap;
}
div.popupMenu hr {
border: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
div.popupMenu ul {
padding-left: 1.5em;
margin-bottom: 4px;
}
div.popupMenu a.menuIcon {
margin-left: -24px;
padding-right: 6px;
padding-left: 6px;
cursor: pointer;
}
ul.toolbar
{
position: relative;
list-style: none;
}
ul.toolbar li
{
display: inline;
list-style: none;
padding-left: 0.3em;
}
#more-button-icon
{
color: #406b9c;
}
/*#endregion*/
/*#region messages, notifications and validations */
span.errorText {
color: #A01503;
}
ul.validationSummary li
{
padding-left: .5em;
}
ul.validationSummary span.fieldName
{
font-weight: bold;
}
div.small-message
{
border: 1px solid;
padding: 2px 5px 2px 5px;
margin: 0px 0px 2px;
}
div.small-message.notification {
color: #324861;
background-color: #D6E7FC;
}
#content ul.validation-summary-errors
{
list-style-position: inside;
}
#content span.field-validation-error {
color: #A01503;
margin-left: .5em;
}
#ISOfooter {
text-align: left;
padding: 0.5em;
}
/*#endregion */
/*#region scrollable grid */
table.scrollableGrid
{
width: 100%;
table-layout: fixed;
height: 100%;
}
.scrollableGrid table td, .scrollableGrid table th
{
vertical-align: top;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
padding-bottom: 1px;
white-space: nowrap;
}
.scrollableGrid .headerColumn table div, .scrollableGrid .body table div
{
height: 1.7em;
}
.scrollableGrid .headerColumn th, .scrollableGrid td.corner, .scrollableGrid td.headerRow
{
background-color: #406b9c;
}
.scrollableGrid .body td, .scrollableGrid .headerColumn th, .scrollableGrid td.corner, .scrollableGrid td.headerRow
{
border-bottom: solid 1px #E0E0E0;
}
.scrollableGrid table th.money div
{
color: #FFFFFF;
font-weight: 600;
}
.scrollableGrid td.locked
{
background-color: #F8F8F8;
}
.scrollableGrid td.calculation
{
background-color: #eff5fe;
}
#worksheet div.headerRow table, #worksheet div.body table
{
width: auto;
table-layout: fixed;
}
.scrollableGrid div.body table
{
border-right: solid 1px #E0E0E0;
}
.scrollableGrid td.headerRow
{
padding-right: 17px;
}
.scrollableGrid td.headerColumn, .scrollableGrid div.headerColumn
{
overflow: hidden;
}
.scrollableGrid td.headerColumn, .scrollableGrid div.headerColumn table
{
padding-bottom: 15px;
}
.scrollableGrid div.body
{
position: relative;
width: 100%;
overflow: scroll;
}
.scrollableGrid div.headerColumn, .scrollableGrid div.body
{
height: 100%;
}
/*#endregion */
/*#region values worksheet */
#worksheet div.headerRow
{
width: 100%;
overflow: hidden;
}
#worksheet div.headerRow table th, #worksheet div.body table td
{
width: 8em;
}
/*#endregion */
.subNav {
font-size: 1em;
text-transform: uppercase;
padding: 6px;
padding-left: 10px;
padding-bottom: 0px;
}
/* #region contents */
div.expandCollapse
{
clear: both;
text-align: center;
}
#toolBar
{
position: absolute;
top: 0px;
right: 0px;
white-space: nowrap;
color: #ffffff;
z-index: 5000 !important;
padding-top: .4em;
padding-bottom: .4em;
padding-right: .5em;
padding-left: .2em;
}
#content div.auditPanel
{
font-size: 93%;
position: relative;
top: -10px;
text-align: right;
color: #999;
}
h2.label {
font-size: 100% !important;
display: inline-flex !important;
border-top: none !important;
}
#content h2, #content h3
{
border-top: solid 1px #BDCEE1;
color: #646464;
font-size: 123.1%;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin-bottom: 0.3em;
margin-top: 0.3em;
}
#content h4
{
font-size: 123.1%;
margin-bottom: 0.3em;
clear: both;
}
#content ul.properties
{
margin-left: 0px;
padding-left: 0px;
list-style: none;
}
#content ul.properties > li
{
clear: both;
padding: 0.1em 0pt 0.1em 0pt;
}
#content ul.properties li.total label
{
border-bottom: 0pt;
border-left: 0pt;
border-right: 0pt;
margin-top: 0.5em;
padding-top: 0.5em;
}
#content ul.properties li.total input
{
border-top: solid 1px #929292;
background-color: #ffffff;
border-bottom: 0pt;
border-left: 0pt;
border-right: 0pt;
margin-top: 0.5em;
padding-top: 0.5em;
}
#content ul.properties li.prewrap
{
white-space: pre-wrap;
}
#content ul.properties span.field, #content ul.properties label
{
vertical-align: top;
color: #6E6E6E;
width: 10em;
padding-top: 0.1em;
padding-left: 0.5em;
display: inline-block;
clear: left;
float: left;
}
#content form ul.properties > li:not(:first-child) {
padding-top: 0.5em;
}
#content ul.properties.label-top label {
width: 100%;
padding-left: 0em;
padding-top: 0em;
}
#content ul.properties.label-top span.value {
padding-left: 0;
float: left;
}
#content ul.properties.label-top span.value ul.buttonGroup li {
flex: 1 0 12em;
}
#content ul.properties.label-top span.value ul.buttonGroup.small li {
flex: 1 0 10em;
}
#content ul.properties.label-top span.value ul.buttonGroup.large li {
flex: 1 0 15em;
}
#content ul.properties.label-top span.value ul.buttonGroup.xlarge li {
flex: 1 0 20em;
}
#content ul.properties.label-top span.value ul.buttonGroup.xxlarge li {
flex: 1 0 25em;
}
#content ul.properties.label-top span.instructions {
padding-left: 0.15em;
float: left;
width:100%;
}
#content ul.properties label.indent {
padding-left: 1.5em;
width: 9em;
}
#content ul.properties .checkbox
{
padding-left: 0.5em;
}
#content .panel div.value,
#content .panel span.value
{
line-height: 1.9em;
display: block;
padding-left: 10.5em;
}
#content ul.properties li.bold span.value
{
font-weight: bold;
}
#content .panelcontainer, #content .widgetcontainer
{
page-break-inside: avoid;
}
#content .panel ul.properties.wideLabels .value
{
padding-left: 15.5em;
}
#content .panel ul.properties.extraWideLabels .value {
padding-left: 20.5em;
}
#content .panel div.properties.extraWideLabels .value {
padding-left: 20.5em;
}
#content .section .multiselectlist, #content .section .multiselectcheckboxlist
{
display: inline-block;
}
span.required, label.required
{
font-weight: bold;
}
label.required:after, span.required:after
{
color: #DA2D16;
content: ' *';
display: inline;
}
#content .section
{
margin-bottom: 1em;
}
#content .panel.lined
{
border-top: solid 1px #BDCEE1;
padding-top: 0.2em;
}
#content .panel
{
position: relative;
margin-bottom: 2em;
clear: both;
}
#content .panel.last
{
margin-bottom: 0px
}
#content .panel .links
{
position: absolute;
right: 0px;
top: 5px;
}
#content .panel .widgetlinks
{
position: absolute;
right: 30px;
top: 5px;
}
#content .panel .links a
{
margin-left: 5px;
}
#content .panel .links a img.inlineIcon
{
margin-right: 2px;
}
#content .panel .aboveLinks
{
position: absolute;
right: 0px;
top: -25px;
}
#content .panel.action
{
padding: .3em;
border: solid 1px #33BE63;
background-color: #82E1A2;
margin-bottom: .5em;
}
#content #searchBox
{
margin-top: 0px;
margin-bottom: 10px;
}
#content #searchBox h3
{
display: none;
}
#content #searchBox span.value
{
display: inline-block;
padding-left: 0em;
}
#content #searchBox span.field
{
width: 9em;
display: block;
float: left;
}
#secondaryContent #searchBox ul li input.string.noLabelSearchInput {
width: 95%;
}
#content #searchBox ul.search li
{
display: inline-block;
padding-left: 10px;
}
#secondaryContent #searchBox ul.search li.divider {
height: 1px;
margin: 10px 0 2px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.3);
}
#secondaryContent #searchBox ul.search li.divider-text {
padding: 0px 0px 6px 6px;
overflow: hidden;
color: #717171;
white-space: nowrap;
}
#content #searchBox ul li input.date,
#content #searchBox ul li input.string,
#content #searchBox ul li input.inputLookup.medium,
#content #searchBox ul li input.inputDate
{
width: 11.6em;
}
#content #searchBox ul li select
{
width: 11.8em;
}
#secondaryContent {
color: #466D9B;
/*color: #406b9c;*/
}
#secondaryContent #shift
{
position: relative;
left: -10px;
top: 6px;
margin-right: -2px;
}
#secondaryContent ul li label
{
padding-top: 0px;
opacity: 0.9;
}
#secondaryContent ul li select
{
width: 16.7em;
}
#secondaryContent ul li input.date,
#secondaryContent ul li input.string,
#secondaryContent ul li input.inputLookup.medium,
#secondaryContent ul li ul.chosen-choices,
#secondaryContent ul li div.chosen-drop
{
width: 16.7em;
}
#secondaryContent ul li input.inputDate,
#secondaryContent ul li input.searchInputDate
{
width: 16.7em;
}
#secondaryContent ul li input.inputDate[name$="_End"],
#secondaryContent ul li input.inputDate[name$="_Start"],
#secondaryContent ul li input.searchInputDate[name$="_End"],
#secondaryContent ul li input.searchInputDate[name$="_Start"]
{
width: 6.5em;
}
#secondaryContent ul li span.value span.to
{
display: inline-block;
width: 2.2em;
text-align: center;
}
#secondaryContent ul li ul.chosen-choices li.search-field input {
width: 100% !important;
}
#secondaryContent h3
{
font-size: 1.2em;
font-weight: bold;
color: #454545;
margin-bottom: 4px;
}
#secondaryContent h4
{
font-weight: bold;
margin-top: 8px;
}
#secondaryContent .panel
{
position: relative;
width: 100%;
border-bottom: solid 1px #BDCEE1;
padding-bottom: 1.5em;
margin-bottom: 0.5em;
}
#secondaryContent .panel .links
{
position: absolute;
right: 0px;
top: 0px;
}
.lockNavAndSidePanels #secondaryContent .panel .links {
padding-right: 8px;
}
#secondaryContent .highlight
{
padding: 0.2em;
background-color: #eff5fe;
}
#secondaryContent .attention
{
padding: 0.2em;
background-color: #FFDF7B;
color: #2A2A2A;
font-weight: bold;
}
#secondaryContent .strongBlack
{
color: #444;
font-weight: bold;
}
#secondaryContent ul.search, #secondaryContent ul.properties
{
margin-left: 0px;
padding-left: 0px;
list-style: none;
margin-bottom: 4px;
}
#secondaryContent div.searchbuttons
{
padding-top: 8px;
clear: both;
}
#secondaryContent ul.search span.value, #secondaryContent ul.properties span.value
{
display: inline-block;
}
#secondaryContent ul.search span.field, #secondaryContent ul.search label,
#secondaryContent ul.properties span.field, #secondaryContent ul.properties label
{
width: 100%;
display: block;
float: left;
font-size: .95em;
}
#secondaryContent ul.search li, #secondaryContent ul.properties > li
{
clear: both;
}
#secondaryContent ul.list
{
list-style-image: url("/Content/images/bullet.gif");
padding-left: 12px;
}
#secondaryContent ul.list a
{
text-decoration: none;
color: #646464;
}
#secondaryContent ul.list a:hover
{
text-decoration: underline;
color: #324861;
}
#secondaryContent #locationTree
{
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}
div.note
{
padding-bottom: 1em;
position: relative;
}
#content div.note
{
margin-bottom: 1em;
border-bottom: solid 1px #E0E0E0;
}
#content div.note div.modified
{
margin-top: 6px;
}
#content div.notebody
{
margin-left: 190px;
margin-right: 35px;
}
#content div.notebody div.noteparent {
background-image: url('/Content/images/page_white_go.png');
background-repeat: no-repeat;
background-position: left top;
padding-left: 22px;
}
#content div.notebody div.subject
{
font-weight: bold;
color: #646464;
font-size: 123.1%;
}
#content div.notebody div.emailtext {
padding-top: 25px;
}
#content div.notebody div.emailtext img
{
display: none;
}
#content div.notebody div.emailtext pre {
white-space: pre-wrap;
}
div.Note_ViewForm hr, div.fr-view hr {
border-top: 1px solid #5A84B5;
}
/*Fixing lists for Rich Text Viewer*/
div.fr-view ul, div.fr-view ul li {
list-style: disc;
list-style-position: inside;
}
div.fr-view ol, div.fr-view ol li {
list-style-type: decimal;
list-style-position: inside;
}
div.fr-view ul ul, div.fr-view ol ul,
div.fr-view ul ul li, div.fr-view ol ul li {
list-style-type: circle;
list-style-position: inside;
margin-left: 15px;
}
div.fr-view ol ol, div.fr-view ul ol,
div.fr-view ol ol li, div.fr-view ul ol li {
list-style-type: lower-latin;
list-style-position: inside;
margin-left: 15px;
}
div.Note_ViewForm li, div.fr-view li {
list-style: inherit !important;
}
div.Note_ViewForm span.value ul > li, div.fr-view ul > li {
list-style-type: disc !important;
margin-left: 15px;
}
div.Note_ViewForm span.value ul ul > li, div.fr-view ul ul > li {
list-style-type: circle !important;
margin-left: 15px;
}
div.Note_ViewForm span.value ul ul ul > li, div.fr-view ul ul ul > li {
list-style-type: square !important;
margin-left: 15px;
}
#secondaryContent div.notesubject,
#content div.notesubject
{
font-weight: bold;
}
div.byline
{
margin-top: 3px;
/*background-image: url("/Content/images/comments.png");
background-position: left top;
background-repeat: no-repeat; */
padding-left: 18px;
color: #3A6495;
position: relative;
}
div.byline:before {
content: "\f4a6";
font-family: "Font Awesome 6 Pro";
left: 0px;
position: absolute;
top: 0;
color: #8CA9CB;
}
div.note div.attachments
{
margin-top: 7px;
}
div.note img.thumbnail
{
border: solid 1px #E0E0E0;
}
#content div.byline
{
float: left;
width: 160px;
}
table.note tbody tr.collapsed img.collapseNote,
table.note tbody tr.collapsed i.collapseNote,
table.note tbody tr.collapsed div.expandedBody {
display: none;
}
table.note tbody tr.expanded img.expandNote,
table.note tbody tr.expanded i.expandNote,
table.note tbody tr.expanded div.collapsedBody {
display: none;
}
table.note span.entrydate,
table.note span.entrytime,
table.note span.notetype {
color: #3A6495;
}
table.note span.user {
color: #666;
}
#content div.byline .user
{
color: #2A2A2A;
display: block;
}
#content div.byline .noteCategory
{
display: block;
}
span.noteCategory
{
color: #3A6495;
font-weight: bold;
}
.byline .user,
table.note span.user,
table.note span.entrydate {
font-weight: bold;
}
table.siteMap td
{
width: 50%;
padding: 5px;
}
table.siteMap div
{
margin-bottom: 25px;
}
.link
{
cursor: pointer;
}
.lookupImage, .customLookupImage
{
margin: 2px;
cursor: pointer;
}
input.whiteBorder
{
border: solid 1px white;
background: none;
}
input.changed
{
background-color: #EFEFFF;
}
.NewReport
{
text-align:center;
}
.ReportDescription
{
font-size:smaller;
font-style:italic;
}
#content h5
{
border-bottom: solid 1px #3A6495;
}
.cursor
{
cursor: pointer;
}
.hidden, table.hidden, .hidden-saveAndContinue
{
display: none;
}
.hiddenValueOnly
{
display: none;
}
.visibilityhidden {
visibility: hidden;
}
.hiddenImportant {
display: none !important;
}
.HoverHighlight
{
background-color: #FFDF7B;
}
div.refreshDate
{
text-align: right;
width: 100%;
}
table.alphabetBar
{
width: 100%;
background-color: #D6E7FC;
}
table.alphabetBar td:first-child
{
padding: 2px 4px 2px 4px;
}
table.alphabetBar td:last-child
{
padding: 2px 4px 2px 4px;
}
table.alphabetBar td
{
padding: 2px 0px 2px 0px;
width: 3.571%;
text-align: center;
}
table.alphabetBar td.field
{
color: #324861;
font-weight: bold;
white-space: nowrap;
}
table.alphabetBar a
{
color: #324861;
text-decoration: none;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid transparent;
border-radius: 4px;
}
table.alphabetBar a:hover
{
border: 1px solid rgba(0, 0, 0, .2);
background-color: rgba(255, 255, 255, .2);
}
table.alphabetBar span.selected
{
color: #466D9B;
text-decoration: none;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #466D9B;
border-radius: 4px;
background-color: rgba(255, 255, 255, .5);
}
table.alphabetBar td.disabled
{
color: #F8F8F8;
}
/* #endregion */
/* #region tasks */
table.task th.status, td.status
{
white-space: nowrap;
text-align: right;
}
table.task span.light
{
color: #929292;
}
table.task td.task span.description a, table.report span.description a, table.home span.description, table.report span.description
{
font-weight: bold;
}
table.task tr.completed
{
background-color: #F8F8F8;
}
table.task tr.completed span.description a
{
font-weight: normal;
}
table.task td.task span.parent,
table.incident td span.parent
{
margin-left: .6em;
padding-left: 1.4em;
background-image: url('/Content/images/page_white_go.png');
background-repeat: no-repeat;
background-position: left;
}
table.task td.task span.body, table.report span.body, table.home span.body
{
margin-left: .5em;
color: #646464;
}
table.task img.completeTask
{
cursor: pointer;
}
/* #endregion */
/* #region jqm */
.jqmWindow {
display: none;
z-index: 10001;
color: #333;
width: calc(100% - 110px);
height: calc(100% - 110px);
position: fixed;
left: 0;
top: 0;
margin: 55px;
}
.jqmClose
{
z-index: 10002;
position:absolute;
top: 0px;
right: -15px;
cursor:pointer;
}
.jqmWindow .jqmFrameBorder
{
display: block;
clear: both;
margin-top: 10px;
border: 2px solid #555;
width: 100%;
height: calc(100% - 10px);
}
/*.touch .jqmFrameBorder
{
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;
}*/
#jqmMinimizeButton, #maximizeModalButton {
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
#closeMinModalButton {
cursor: pointer;
}
#minimizedModalWindow {
height: auto;
padding: 8px 8px 8px 8px;
width: auto;
position: fixed;
bottom: 0;
right: 40px;
z-index: 1;
}
#helpHeaderHtml
{
display: none;
z-index: 10001;
width: 100%;
border-bottom: solid 2px black;
padding-bottom: 4px;
padding-top: 4px;
color: #ffffff;
background-color: #3A6495;
font-weight: bold;
font-size: 110%;
text-align: center;
position: fixed;
top: 0px;
}
body.modal-open {
overflow: hidden;
}
#jqmContent
{
width:100%;
height:100%;
}
.jqmOverlay
{
background-color: #555;
z-index: 10000;
cursor: wait;
position:fixed;
}
/* #endregion */
/* #region tag suggestions */
SPAN.tagMatches {
margin-left: 10px;
}
SPAN.tagMatches SPAN {
padding: 2px;
margin-right: 4px;
background-color: #3A6495;
color: #fff;
cursor: pointer;
}
#preview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
#preview img
{
max-width: 400px;
}
#thumbpreview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
#thumbpreview img
{
max-width: 400px;
min-width: 100px;
}
/* #endregion */
/* #region Advanced filtering screen */
div.addFilter
{
padding: .5em;
background-color: #F8F8F8;
}
table.filterTable a.removeValue
{
color: #2A2A2A;
text-decoration: none;
}
table.filterTable a.removeValue:hover
{
color: #E3691C;
text-decoration: underline;
}
div.filterGroup
{
padding: 0px;
}
table.filterTable td div.filterGroup
{
margin: 3px 0px 5px 5px;
}
div.filterGroup
{
border-left: solid 2px #E0E0E0;
}
div.filterGroup.focus
{
border-left: solid 2px #3A6495;
}
table.filerTable thead th
{
padding: 0px 0px 0px 0px;
}
table.filterTable .dynamicDropdown
{
width: 500px;
}
table.filterTable select.op
{
width: 13em;
}
div.filterPanel
{
padding: .4em .4em .4em .75em;
margin-bottom: .5em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.filterPanel .filterIcon
{
padding-right: .25rem;
font-size:115%;
}
div.bulkSelectPanel
{
background-color: #F8F8F8;
padding: .4em .4em .4em 2.5em;
margin-bottom: .5em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.filterPanel div.defaultView
{
float: right;
margin-right: 7px;
margin-left: 7px;
}
/* #endregion */
/* #region deloitte score */
.deloitteScore1, .deloitteScore2, .deloitteScore3, .deloitteScore4,
.deloitteScore5, .deloitteScore6, .deloitteScore7, .deloitteScore8,
.deloitteScore9, .deloitteScore10 {
padding: 1px 3px 2px;
background-color: #c9c9c9;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.deloitteScore1, .deloitteScore2, .deloitteScore3
{
background-color: #33BE63;
}
.deloitteScore4, .deloitteScore5, .deloitteScore6, .deloitteScore7
{
background-color: #FFAA76;
}
.deloitteScore8, .deloitteScore9, .deloitteScore10
{
background-color: #EB4A34;
}
/* #endregion */
/* #region report stuff */
#content table.groups, .addGroupField
{
margin-bottom: .5em;
border-collapse: collapse;
margin-left: 0.5em;
width: auto;
}
#content div.editSchedule ul.properties label, #content div ul.properties.wideLabels label
{
width: 15em;
}
#content div.editSchedule ul.properties label, #content div ul.properties.extraWideLabels label {
width: 20em;
}
#content div.editSchedule span.value
{
display: block;
padding-left: 20em;
}
.firstcolumn
{
width: 12em;
}
.othercolumn
{
padding-right: 0.5em;
}
.reportpanelheader
{
color: #646464;
font-weight: bold;
font-size: 123.1%;
margin-bottom: 0.3em;
clear: both;
}
.reporteditsection
{
border-top: solid 1px #3A6495;
padding-top: 0.5em;
color: #646464;
font-weight: bold;
font-size: 123.1%;
margin-bottom: 0.3em;
clear: both;
}
div.editfilter
{
padding-left: 0.5em;
}
div.reportpanel
{
background-color: #D6E7FC;
padding: .4em .4em .4em 2.5em;
margin-bottom: 1em;
background-repeat: no-repeat;
background-position: 10px center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.benchmark
{
background-image:url('/Content/images/benchmark.gif');
}
.accessgroup
{
background-image:url('/Content/images/info.gif');
}
.schedule
{
background-image:url('/Content/images/schedule.gif');
}
.reportfilter
{
background-image:url('/Content/images/search.gif');
}
.reportgrouping
{
background-image:url('/Content/images/group.gif');
}
.reportgraph
{
background-image:url('/Content/images/graph.gif');
}
.reportsort
{
background-image:url('/Content/images/down.gif');
}
.reportoptions
{
background-image:url('/Content/images/info.gif');
}
.wizard
{
background-image:url('/Content/images/refresh.bmp');
}
/*
.info
{
background-image:url('/Content/images/help.gif');
}
*/
div.columns
{
background-repeat: no-repeat;
background-position: 10px center;
background-image:url('/Content/images/columns.gif');
}
div.columns span.column
{
border: 1px solid;
border-color: #929292;
background-color: #ECECFF;
padding: .2em .2em .2em .2em;
margin-bottom: .5em;
text-align: center;
}
div.reportpanel span.fieldname, div.editfilter span.fieldname
{
color: #2A2A2A;
font-weight: bold;
}
span.reportdesc
{
padding-left: 18px;
}
span.tags
{
color: #929292;
margin-left: 0.5em;
}
a.tags
{
font-weight: normal;
}
a.question
{
text-decoration: none;
font-size: 116%;
line-height: 153.9%;
font-style: italic;
padding-left: 100px;
}
a.template
{
font-size: 116%;
line-height: 167%;
padding-left: 100px;
}
.showhide
{
font-size: 116%;
font-weight: bold;
padding-left: 20px;
}
.category
{
font-size: 116%;
/*font-weight: bold;*/
padding-left: 5px;
}
/* #endregion */
/* #region fields editing */
table.fieldsGrid
{
table-layout: fixed;
}
table.fieldsGrid th.first
{
width: 8em;
}
table.fieldsGrid th.fixed
{
width: 12em;
}
table.fieldsGrid td
{
cursor: pointer;
}
table.fieldsGrid th.mcovheader
{
border-bottom: solid 1px #DDDDDD;
}
table.fieldsGrid th.mcovheader div
{
text-align: center;
}
table.fieldsGrid td.mcov
{
background-color: #F8F8F8;
}
table.fieldsGrid tr.highlight td
{
background-color: #EFEFFF;
}
table.fieldsGrid tr.edit
{
background-color: #EFEFFF;
}
table.fieldsGrid tr.edit td
{
padding-top: 2px;
padding-bottom: 2px;
}
table.fieldsGrid td img.action
{
display: inline;
}
table.fieldsGrid span.required
{
font-weight: normal;
}
table.fieldsGrid th.last, table.fieldsGrid td.last
{
width: 5em;
background-color: #ffffff;
border: none;
}
/* #endregion */
/* #region codes editing */
table.editGrid tr.locked, tr.locked
{
background-color: #F8F8F8;
}
table.editGrid #newRow
{
background-color: #EFEFFF;
}
table.editGrid #newRow td, table.editGrid tr.edit td
{
padding-top: 3px;
padding-bottom: 3px;
}
table.editGrid #addNew
{
font-weight: bold;
}
#content table.note td.actions i {
font-size: 150%;
padding-left: 6px;
}
#content table.note td.actions i.fa-edit {
font-size: 135%;
}
#content table.editableDataGrid span.inputwrapper {
width: 100%;
display: inline-flex;
}
#content table.editableDataGrid span.inputwrapper.right {
text-align: right;
display: inline-block;
}
#content table.editableDataGrid th.editableGridActionsColumn, #content table.editableDataGrid td.editableGridActionsColumn {
width: 6em;
padding-left: 15px;
white-space: nowrap;
text-align: right;
}
#content table.editableDataGrid .editableGridActionIcon {
padding: 0 0 0 0.5em;
cursor: pointer;
border: none;
background: none;
padding-top:0px;
padding-bottom: 0px;
}
#content table.editableDataGrid .editableGridActionIcon i {
font-size:120%;
}
#content table.editableDataGrid td {
vertical-align: middle;
padding-top: 2px;
padding-bottom: 2px;
}
#content table.editableDataGrid tbody tr.editablegridnewrow, #content table.editableDataGrid tbody tr.editablegridnewrow:hover {
background-color: #EFEFFF;
}
#content table.editableDataGrid tbody tr .editPenIcon {
visibility: hidden;
padding-left: 0.5em;
}
#content table.editableDataGrid tbody tr.clickable:not(.error):not(.inprocess) .editPenIcon {
display: inline !important;
}
#content table.editableDataGrid tbody tr.clickable:not(.error):not(.inprocess):not(div.dashboardpage.editable tr):hover .editPenIcon {
display: inline !important;
visibility: visible;
}
#content table.editableDataGrid span.inputwrapper > div.evo-cp-wrap div table.evo-palette,
#content table.editableDataGrid span.inputwrapper > div.evo-cp-wrap div table.evo-palette2 {
width: 100%;
}
#content table.editableDataGrid span.inputwrapper > div.evo-cp-wrap div table.evo-palette td,
#content table.editableDataGrid span.inputwrapper > div.evo-cp-wrap div table.evo-palette2 td {
padding-top: 7px;
padding-bottom: 6px;
}
#content table.editableDataGrid .evo-palette th,
#content table.editableDataGrid .evo-palette-ie th {
padding: 5px 3px;
text-align: left;
font-weight: normal;
color: #2A2A2A;
}
.tooltip {
text-align: left;
}
a.jTipAjax img, a.jTipInline img
{
margin-left: 3px;
}
table.permissionsGrid
{
width: 100%;
}
table.permissionsGrid td.area
{
width: 12em;
background-color: #E0E0E0;
font-weight: bold;
color: #2A2A2A;
padding-left: 0.2em;
padding-right: 0.2em;
}
table.permissionsGrid td
{
padding-top: 0.2em;
padding-bottom: 0.2em;
}
table.permissionsGrid td span
{
width: 100em;
padding-left: 0.5em;
padding-right: 2em;
}
table.permissionsGrid td label
{
color: #2A2A2A;
}
div.popupGridContainer
{
width: 100%;
height: 100%;
overflow: auto;
}
table.dataGrid td.full
{
border-right: solid 1px #E0E0E0;
vertical-align: middle;
text-align: center;
}
table.dataGrid td.none
{
border-left: solid 1px #E0E0E0;
vertical-align: middle;
text-align: center;
}
/*
span.value div.tag
{
display: inline;
font-size: 100%;
margin-right: 3px;
padding-right: 2px;
background-color: #5A84B5;
color: #ffffff;
}
table.dataGrid div.tag
{
display: inline;
font-size: 85%;
margin-left: 3px;
margin-right: 3px;
padding: 2px;
padding-left: 6px;
padding-right: 5px;
padding-bottom: 3px;
background-color: #5A84B5;
color: #ffffff;
border-radius: 8px;
font-weight: bold;
}
*/
/* #endregion */
/* #region Admin page */
div.admin ul li
{
margin-bottom: 15px;
margin-top: 10px;
}
/* #endregion */
/* #region relative date picker */
#relativeDatePicker table td.container
{
padding-left: 10px;
}
#relativeDatePicker table td.container.first
{
padding-left: 0px;
padding-right: 10px;
border-right: solid 1px #A01503;
}
/* #endregion */
/* #region incidents */
div.relatedIncidents ul
{
font-weight: bold;
color: #646464;
}
div.relatedIncidents li
{
font-weight: normal;
margin-left: 0.3em;
}
table.incident span.draft
{
color: #EB4A34;
padding-right: .5em;
text-transform: uppercase;
}
table.incident span.claimcreated
{
padding-right: .5em;
margin-left: .6em;
padding-left: 1.4em;
background-image: url('/Content/images/page_white_go.png');
background-repeat: no-repeat;
background-position: left;
}
span.gotolink
{
padding-right: .5em;
margin-left: .6em;
padding-left: 1.4em;
background-image: url('/Content/images/page_white_go.png');
background-repeat: no-repeat;
background-position: left;
}
table.incident a
{
padding-right: .5em;
}
td.formula_plus, td.formula_minus
{
font-size: 108%;
font-weight: bold;
}
td.formula_plus
{
color: #324861;
}
td.formula_minus
{
color: #EB4A34;
}
/* #endregion */
/* #region Data Conversion classes */
table#conversionGrid
{
width: 100%;
}
table#conversionGrid th.summary
{
border: 1px solid #FFFFFF;
text-align: center;
margin: 5px;
background-color: #d3d3d3;
}
table#conversionGrid th.empty
{
background-color: #ffffff;
}
table#conversionGrid th.section
{
border-left: 1px solid #ffffff;
}
#content div.conversionEntry ul.properties label
{
width: 20em;
display: inline-block;
}
table.controlTotals td.heading
{
font-weight: bold;
}
#content table.updateStatus
{
width: auto;
font-size: smaller;
}
table.updateStatus td
{
text-align: center;
line-height: 1.0em;
}
/* #endregion */
/* #region dashboard edit page */
div.dashShow
{
float: left;
width: 60px;
}
div.dashDescription
{
margin-left: 60px;
}
div.dashPanelHeader
{
background-color: #E0E0E0;
text-align: left;
font-weight: bold;
color: #2A2A2A;
padding-left: 0.2em;
padding-right: 0.2em;
}
span.dashPanelExpand
{
width: 15px;
display: inline-block;
}
span.dashPadding
{
width: 75px;
display: inline-block;
}
span.dashPanelShow
{
width: 45px;
display: inline-block;
padding-left: 15px;
}
span.dashPanelName
{
display: inline-block;
padding-left: 0.2em;
font-weight: bold;
}
span.dashPanelDescription
{
padding-left: 100px;
}
a.dashShowOptions
{
padding-left: 1em;
}
div.dashOptions
{
padding-left: 125px;
}
/* #endregion */
/* #region conversion */
table.updateSteps
{
border-collapse: separate;
border-spacing: 4px;
}
table.updateSteps td
{
width: 33%;
border: solid 1px #929292;
padding: 15px;
}
table.updateSteps li
{
margin-left: 1em;
text-indent: -1em;
margin-bottom: 10px;
}
table.updateSteps div.detailStatus
{
margin-top: 5px;
margin-bottom: 5px;
}
table.updateSteps div.detailStatus li
{
margin-bottom: 0px;
}
table.updateSteps li div.action
{
margin-left: 1em;
}
table.updateSteps td.stepBox.complete
{
background-color: #dff2bf;
}
table.updateSteps td.stepBox.processing
{
background-color: #dff2bf;
}
table.updateSteps td.stepBox.inprogress
{
background-color: #D6E7FC;
}
table.updateSteps td.stepBox.pending
{
background-color: #E0E0E0;
}
table.updateSteps div.icon
{
height: 140px;
background-position: center center;
background-repeat: no-repeat;
}
table.updateSteps td.stepBox.complete div.icon
{
background-image: url('/content/images/success-large.png');
}
table.updateSteps td.stepBox.processing div.icon
{
background-image: url('/content/images/processing_animated.gif');
}
table.updateSteps td.stepBox.inprogress div.icon
{
background-image: url('/content/images/notification-large.png');
}
table.updateSteps td.stepBox div.stepName
{
font-weight: bold;
font-size: 138.5%;
color: #646464;
margin-bottom: 10px;
}
table.updateSteps td.stepBox.inprogress div.stepName
{
color: #2A2A2A;
}
table.settingsTableSubTable.dataGrid tr td {
padding-bottom: 0px;
padding-top: 0px;
}
#content ul.codeExceptionList
{
/*
margin-left: 30px;
*/
padding-left: 0px;
list-style: none;
border-top: 2px;
border-bottom: 1px;
border-top-style: solid;
border-top-color: #C0C0C0;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
padding: 0.1em 0em 0.2em 2em;
}
#content ul.codeExceptionList label
{
width: 20em;
display: inline-block;
}
#content ul.codeExceptionList li
{
/*
margin-left: 30px;
*/
clear: both;
padding: 0.1em 0em 0.1em 2em;
}
#content li.distribution
{
list-style-image: url("/Content/images/bullet.gif");
list-style-type: circle;
padding-left: 2px;
}
#content ul.properties label.big, #content div.editSchedule ul.properties label.big
{
width: 20em;
}
#content ul.properties label.huge
{
width: 50em;
}
#content .benchgroup
{
display: block;
padding-left: 5em;
}
#content table.benchdata
{
width: 50%;
}
#content table.benchdataentry
{
width: 33%;
}
#content .panel .benchlinks
{
position: absolute;
right: 50%;
top: 5px;
}
#content ul.properties li.bench span.field
{
vertical-align: top;
color: #2A2A2A;
float: none;
width: auto;
padding-left: 0px;
}
#content h5.emphTitle {
border-bottom: none;
font-weight: bold;
}
.wizvalue
{
vertical-align: top;
}
#content ul.adhoc
{
white-space: nowrap;
}
div.printed-check {
border-bottom: 1px solid #646464;
padding-top: 10px;
padding-left: 10px;
margin-bottom: 10px;
}
span.overridewarning
{
background-color: #FF9385;
color: #ffffff;
padding: 2px 6px 2px 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.printed-check .checkamount, div.Check_ViewForm .checkamount
{
font-weight: bold;
font-size: 108%;
}
div.printed-check h4, div.Check_ViewForm h4
{
color: #3A6495;
}
#content div.checkpaymentwrapper .panel, #content div.checkpaymentwrapper .section,
#content div.checkpaymentwrapper .panel, #content div.checkpaymentwrapper .section
{
margin-bottom: 0px;
}
ul.indented li.emphasize
{
margin-left: 10px;
font-weight: bold;
}
.strikethrough
{
text-decoration: line-through;
}
.aqua{ color: Aqua; }
.blue{ color: #324861; }
.fuchsia{ color: Fuchsia; }
.gray{ color: Gray; }
.green{ color: Green; }
.lime{ color: Lime; }
.maroon{ color: Maroon; }
.navy{ color: Navy; }
.olive{ color: Olive; }
.purple{ color: Purple; }
.red{ color: #EB4A34; }
.silver{ color: Silver; }
.teal{ color: Teal; }
.white{ color: #ffffff; }
.yellow{ color: Yellow; }
/* #endregion */
/* #region WC Values Grid */
table.wcGrid img.comment
{
position: relative;
left: 21px;
margin-left: -18px;
vertical-align: text-bottom;
}
table.wcGrid div.emptymessage
{
text-align: center;
margin-top: 4px;
margin-bottom: 4px;
color: #999;
}
table.wcGrid div.newmessage
{
margin-top: 4px;
margin-bottom: 4px;
}
/* #endregion */
/* #region error pages */
div.errorcontainer
{
width: 800px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #F8F8F8;
padding: 16px 20px 20px 20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
div.errorcontainer p
{
margin-top: 1em;
}
div.errorcontainer a.gohome
{
font-size: 108%;
font-weight: bold;
}
div.errorcontainer .errorheadline
{
color: #999;
font-size: 153.9%;
font-weight: bold;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin-bottom: 0.3em;
margin-top: 0.3em;
}
div.errorcontainer span.errorcode
{
color: #EB4A34;
}
.video
{
margin: auto;
width: 640px;
}
/* #endregion */
/* #region value collection status styles */
.valuecol-colorP
{
background-color: #FFAA76;
color: #2A2A2A;
}
.valuecol-colorA
{
background-color: #d3d3d3;
color: #2A2A2A;
}
.valuecol-colorR, .valuecol-colorM
{
background-color: #FFDF7B;
color: #2A2A2A;
}
.valuecol-colorC, .valuecol-colorX
{
background-color: #82E1A2;
color: #2A2A2A;
}
.valuecol-colorS
{
background-color: #BDCEE1;
color: #2A2A2A;
}
.valuecol-colorU
{
background-color: #ffffff;
color: #EB4A34;
}
.valuecol-colorRoleType {
background-color: #ffffff;
color: #89969F !important;
}
.valuecol-colorUnew {
background-color: #EB4A34;
color: #2A2A2A;
}
.valuecol-colorTi {
color: #666;
}
.valuecol-colorPi {
color: #FFAA76;
}
.valuecol-colorAi {
color: #d3d3d3;
}
.valuecol-colorRi, .valuecol-colorMi {
color: #FFDF7B;
}
.valuecol-colorCi, .valuecol-colorXi {
color: #82E1A2;
}
.valuecol-colorSi {
color: #BDCEE1;
}
.valuecol-colorUi {
color: #EB4A34;
}
i.valueSquareStatus {
padding-right:4px;
}
.valStatusLozenge {
background: #d3d3d3;
border: 1px solid #d3d3d3;
border-radius: 4px;
display: inline-block;
margin: 0;
padding: 2px 10px;
text-align: center;
text-decoration: none;
color: #2A2A2A;
text-transform: uppercase;
}
.valStatusLozenge.valueColorP, .valStatusLozenge.valueColorA {
background-color: rgba(255, 192, 0, .75);
border-color: #FFAA76;
}
.valStatusLozenge.valueColorR, .valStatusLozenge.valueColorM {
background-color: rgba(234, 236, 80, .75);
border-color: #FFDF7B;
}
.valStatusLozenge.valueColorC, .valStatusLozenge.valueColorX {
background-color: #82E1A2;
border-color: #82E1A2;
}
.valStatusLozenge.valueColorS {
background-color: #BDCEE1;
border-color: #BDCEE1;
}
td.riskratecol {
text-align: center;
}
span.riskratecol
{
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
td.riskratecol-low, td.riskratecol-medium, td.riskratecol-high, td.riskratecol-none
{
text-align: center;
}
span.riskratecol-low, span.riskratecol-medium, span.riskratecol-high, span-riskratecol-none
{
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.riskratecol-high
{
background-color: #EB4A34;
color: #2A2A2A;
}
span.riskratecol-medium
{
background-color: #FFDF7B;
color: #2A2A2A;
}
span.riskratecol-low
{
background-color: #82E1A2;
color: #2A2A2A;
}
span.riskratecol-none
{
background-color: #d3d3d3;
color: #2A2A2A;
}
/* #endregion */
/* #region dashboard edit mode */
div.dashboardpage.editable div.dashboardpanel
{
margin-bottom: 20px;
}
div.dashboardpage.editable div.dashboardpanel div.editpanelbar.ui-sortable-handle {
cursor: move;
}
div.addwidgetbar, div.addpanelbar
{
background-color: #E0E0E0;
padding: 5px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.kpiblank {
padding-top: 65px;
}
div.addwidgetbar a, div.addpanelbar a
{
color: #444;
font-size: 108%;
font-weight: bold;
}
div.editpanelbar
{
border-top: solid 1px #BDCEE1;
padding: 5px;
position: relative;
margin-bottom: 8px;
}
div.editpanelbar div.editheader
{
font-size: 123.1%;
font-weight: bold;
}
div.editpanelbar div.editheader span.titletext
{
color: #666;
}
div.editpanelbar div.links
{
position: absolute;
right: 0px;
top: 5px;
}
div.editpanelbar div.links a.selected
{
font-weight: bold;
text-decoration: underline;
}
div.editpanelbar div.links .linkgroup
{
color: #999;
}
.linkgroup a {
color: #424242;
opacity: .7;
padding-right: 4px;
}
.linkgroup a:hover {
opacity: 1;
}
td.scoringcol {
text-align: center;
}
span.scoringcol {
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* #endregion */
/* #region Dashboard Layout Panel Icons */
div.dashboardLayoutPanel {
font-size: 75%;
opacity: .6;
display: inline-flex;
}
div.dashboardLayoutPanel div.layoutPanelContainer {
border: solid 1.5px #666;
margin: 4px;
padding: 1.5px;
border-radius: 1px;
opacity: .4;
display: inline-flex;
height: 28px;
}
div.dashboardLayoutPanel div.layoutPanelContainer:hover {
opacity: 1;
background-color: #ffffce;
}
div.dashboardLayoutPanel a.selected div.layoutPanelContainer {
opacity: 1;
background-color: #ffffce;
}
div.dashboardLayoutPanel .layoutPanel {
background-color: #2f2f2f;
border-radius: 1px;
margin: 1px;
text-align: center;
}
div.dashboardLayoutPanel i.layoutColumn {
color: #ffffff;
margin: 1px;
padding: 2px;
}
div.dashboardLayoutPanel i.layoutColumnWider {
font-size: 175%;
}
/* #endregion */
/* #region projects */
div.projectpanel
{
position: relative;
border: none;
background-repeat: no-repeat;
background-position: 10px 10px;
margin: 0px 0px 8px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #666;
background-color: #F8F8F8;
padding: 10px 15px 10px 15px;
}
div.projectpanel table
{
width: 100%;
}
div.projectpanel span.projectname
{
color: #444;
font-size: 123.1%;
font-weight: bold;
}
div.projectpanel span.inactive
{
font-size: 123.1%;
font-weight: normal;
color: #EB4A34;
}
div.projectpanel div.value
{
font-weight: bold;
color: #444;
}
div.projectpanel div.counter
{
margin-left: 25px;
text-align: center;
}
div.projectpanel div.countertext
{
color: #444;
font-size: 123.1%;
font-weight: bold;
}
tr.step_pastdue
{
background-color: #FF9385;
font-weight: bold;
}
tr.step_completed
{
background-color: #82E1A2;
font-weight: bold;
}
tr.step_inprogress {
background-color: #FFDF7B;
font-weight: bold;
}
tr.benefit_overdue
{
color: #EB4A34;
}
tr.benefit_duetoday
{
color: #324861;
}
/* #endregion */
/* #region qtip */
.qtip{
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 30em;
min-width: 50px;
font-size: 1em;
line-height: 1.3em;
direction: ltr;
box-shadow: none;
padding: 0;
}
.qtip.wide {
max-width: 50em;
}
.qtip-content{
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word;
}
.qtip-titlebar{
position: relative;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: bold;
}
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
/* Default close button class */
.qtip-close{
position: absolute;
right: -9px; top: -9px;
cursor: pointer;
outline: medium none;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.qtip-titlebar .qtip-close{
right: 4px; top: 50%;
margin-top: -9px;
}
* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon{
display: block;
text-indent: -1000em;
direction: ltr;
vertical-align: middle;
}
.qtip-icon, .qtip-icon .ui-icon{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.qtip-icon .ui-icon{
width: 18px;
height: 14px;
line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}
/* jQuery TOOLS Tooltip style */
.qtip-origami{
background: #2A2A2A;
background: #2A2A2A;
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#2A2A2A));
background-image: -moz-linear-gradient(top, #717171, #2A2A2A);
background-image: -webkit-linear-gradient(top, #717171, #2A2A2A);
background-image: -ms-linear-gradient(top, #717171, #2A2A2A);
background-image: -o-linear-gradient(top, #717171, #2A2A2A);
border: 2px solid #ddd;
border: 2px solid #F8F8F8;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 12px #333;
-moz-box-shadow: 0 0 12px #333;
box-shadow: 0 0 12px #333;
}
/* IE Specific */
.qtip-origami .qtip-titlebar{
color: #ffffff;
}
.qtip-origami .qtip-content{
color: #E0E0E0;
}
.qtip-origami .qtip-content .emphasize,
.qtip-origami .qtip-content b{
color: #ffffff;
}
.qtip-origami .qtip-icon{
border-color: #555;
}
.qtip-origami .qtip-titlebar .ui-state-hover{
border-color: #333;
}
/* Tips plugin */
.qtip .qtip-tip{
margin: 0 auto;
overflow: hidden;
z-index: 10;
}
/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip{
visibility: hidden;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas{
position: absolute;
color: #192431;
background: transparent;
border: 0 dashed transparent;
}
.qtip .qtip-tip canvas{ top: 0; left: 0; }
.qtip .qtip-tip .qtip-vml{
behavior: url(#default#VML);
display: inline-block;
visibility: visible;
}
/* Modal plugin */
#qtip-overlay{
position: fixed;
left: -10000em;
top: -10000em;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }
/* Change opacity of overlay here */
#qtip-overlay div{
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: #2A2A2A;
}
/* IE6 Modal plugin fix */
.qtipmodal-ie6fix{
position: absolute !important;
}
/* #endregion */
/* #region risks */
span.riskrate-1, span.riskrate-2, span.riskrate-3,
span.riskrate-4, span.riskrate-5
{
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.riskrateimpact-1, span.riskrateimpact-2, span.riskrateimpact-3,
span.riskrateimpact-4, span.riskrateimpact-5, span.riskrateimpact-6,
span.riskrateimpact-7, span.riskrateimpact-8, span.riskrateimpact-9,
span.riskrateimpact-10, span.riskrateimpact-11, span.riskrateimpact-12
{
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.riskratelikelihood-1, span.riskratelikelihood-2, span.riskratelikelihood-3,
span.riskratelikelihood-4, span.riskratelikelihood-5, span.riskratelikelihood-6,
span.riskratelikelihood-7, span.riskratelikelihood-8, span.riskratelikelihood-9,
span.riskratelikelihood-10, span.riskratelikelihood-11, span.riskratelikelihood-12
{
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.riskratevulnerability-1, span.riskratevulnerability-2, span.riskratevulnerability-3,
span.riskratevulnerability-4, span.riskratevulnerability-5, span.riskratevulnerability-6,
span.riskratevulnerability-7, span.riskratevulnerability-8, span.riskratevulnerability-9,
span.riskratevulnerability-10, span.riskratevulnerability-11, span.riskratevulnerability-12
{
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.riskratevelocity-1, span.riskratevelocity-2, span.riskratevelocity-3,
span.riskratevelocity-4, span.riskratevelocity-5, span.riskratevelocity-6,
span.riskratevelocity-7, span.riskratevelocity-8, span.riskratevelocity-9,
span.riskratevelocity-10, span.riskratevelocity-11, span.riskratevelocity-12
{
padding: 2px 6px 2px 6px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.riskrate-1
{
background-color: #33BE63;
}
span.riskrateimpact-1
{
background-color: #33BE63;
}
span.riskratelikelihood-1
{
background-color: #33BE63;
}
span.riskratevulnerability-1
{
background-color: #33BE63;
}
span.riskratevelocity-1
{
background-color: #33BE63;
}
span.riskrate-2
{
background-color: #82E1A2;
}
span.riskrateimpact-2
{
background-color: #82E1A2;
}
span.riskratelikelihood-2
{
background-color: #82E1A2;
}
span.riskratevulnerability-2
{
background-color: #82E1A2;
}
span.riskratevelocity-2
{
background-color: #82E1A2;
}
span.riskrate-3
{
background-color: #FFDF7B;
}
span.riskrateimpact-3
{
background-color: #FFDF7B;
}
span.riskratelikelihood-3
{
background-color: #FFDF7B;
}
span.riskratevulnerability-3
{
background-color: #FFDF7B;
}
span.riskratevelocity-3
{
background-color: #FFDF7B;
}
span.riskrate-4
{
background-color: #FFAA76;
}
span.riskrateimpact-4
{
background-color: #FFAA76;
}
span.riskratelikelihood-4
{
background-color: #FFAA76;
}
span.riskratevulnerability-4
{
background-color: #FFAA76;
}
span.riskratevelocity-4
{
background-color: #FFAA76;
}
span.riskrate-5
{
background-color: #FF9385;
}
span.riskrateimpact-5
{
background-color: #FF9385;
}
span.riskratelikelihood-5
{
background-color: #FF9385;
}
span.riskratevulnerability-5
{
background-color: #FF9385;
}
span.riskratevelocity-5
{
background-color: #FF9385;
}
span.ratebutton
{
padding-right: 6px;
padding-left: 6px;
margin-right: 13px;
font-weight: normal;
cursor: pointer;
border: solid 2px white;
}
span.ratebutton.selected
{
border: solid 2px black;
font-weight: bold;
}
table.timeline h4 {
margin-top: 15px;
margin-bottom: 0px
}
table.timeline span.date {
padding-left: 10px;
color: #2A2A2A;
}
table.timeline span.time {
color: #999;
}
table.timeline span.person {
font-weight: bold;
color: #406b9c;
}
#anonymousWelcome p
{
margin-bottom: .8em;
}
#anonymousWelcome #createButtons
{
margin-top: 35px;
margin-bottom: 25px;
}
#anonymousWelcome a.createButton
{
display: inline-block;
border: none;
padding:15px 15px 15px 15px;
background-repeat: no-repeat;
background-position: 10px 10px;
margin: 0px 15px 15px 0px;
color: #324861;
background-color: #D6E7FC;
font-weight: bold;
font-size: 110%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#anonymousWelcome span.notfound
{
display : none;
}
#portalWelcome span.notfound
{
display: none;
}
/* #endregion */
/* #region ! Lozenge */
.lozenge {
background: #d3d3d3;
border: 1px solid #d3d3d3;
border-radius: 3px;
color: #2A2A2A;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 99%;
/* cross-browser compromise to make the line-height match the font-size */
margin: 0;
padding: 2px 5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.lozenge-success,
.lozenge-green {
background-color: #058C33;
border-color: #058C33;
color: #ffffff;
}
.lozenge-error,
.lozenge-red {
background-color: #EB4A34;
border-color: #EB4A34;
color: #ffffff;
}
.lozenge-notification {
background-color: #324861;
border-color: #324861;
color: #ffffff;
}
.lozenge-inprogress {
background-color: #FFAA76;
border-color: #FFAA76;
color: #594300;
}
.lozenge-checking {
background-color: #D6E7FC;
border-color: #324861;
color: #324861;
}
.lozenge-inactive {
background-color: #E0E0E0;
border-color: #E0E0E0;
color: #666;
}
.lozenge-bulktokens {
background-color: #ffffff;
border-color: #324861;
color: #324861;
}
.lozenge-orange {
background-color: #FF9900;
border-color: #FFAA76;
color: #ffffff;
}
.lozenge-indevelopment {
background-color: #D4E4FF;
border-color: #D4E4FF;
color: black;
}
.lozenge-intest,
.lozenge-blue {
background-color: #4287F5;
border-color: #4287F5;
color: white;
}
.lozenge-inbeta,
.lozenge-darkblue {
background-color: #003B9E;
border-color: #003B9E;
color: white;
}
.lozenge-readynonprod,
.lozenge-lightgreen {
background-color: #CBF0C9;
border-color: #CBF0C9;
color: black;
}
.lozenge-large {
font-size: 14px;
}
th.change-action {
width: 0;
}
.expander.expanded img {
width: 16px;
height: 16px;
position: relative;
top: 4px;
}
a.expander.expanded {
text-decoration: none;
}
.expander.collapsed img {
width: 12px;
height: 12px;
position: relative;
top: 0px;
}
.panel-expander.expanded {
width: 16px;
height: 16px;
position: relative;
top: 4px;
}
.panel-expander.collapsed {
width: 12px;
height: 12px;
position: relative;
top: 0px;
}
.tableexpander.expanded img {
width: 16px;
height: 16px;
position: relative;
top: 4px;
}
.tableexpander.collapsed img {
width: 12px;
height: 12px;
position: relative;
top: 0px;
}
.listexpander.expanded img {
width: 16px;
height: 16px;
position: relative;
top: 4px;
}
.listexpander.collapsed img {
width: 16px;
height: 12px;
position: relative;
top: 0px;
}
.panel-info {
border: 2px solid;
border-color: #5e6e6a;
margin-top: 5px;
}
.panel-info-key {
color: #2A2A2A;
background-color: skyblue;
padding: 0px 5px;
}
.panel-info-header {
background-color: #82E1A2;
border-bottom: 2px solid;
border-bottom-color: #5e6e6a;
}
.panel-info-header-title {
margin-left: 5px;
color: #2A2A2A;
font-weight: bold;
}
.panel-info-header label {
color: #929292;
width: 7em;
padding-left: 0.5em;
display: inline-block;
}
.panel-info-header span {
color: #2A2A2A;
}
.panel-info-contents {
padding: 5px;
}
a.metadata {
color: inherit !important;
filter: alpha(opacity=60); /* IE */
-moz-opacity: 0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */
}
a.metadata:hover {
filter: alpha(opacity=100); /* IE */
-moz-opacity: 1.0; /* Mozilla */
opacity: 1.0; /* CSS3 */
}
/* #endregion */
/* #region Calendar view*/
.task-template {
white-space: nowrap;
margin-top: auto;
margin-bottom: auto;
}
.task-template a {
color: #2A2A2A;
cursor: pointer;
white-space: nowrap;
text-align: left;
line-height: 1.8em;
text-overflow:ellipsis;
overflow: hidden;
}
.task-template img {
vertical-align: middle;
cursor: pointer;
float: left;
border: 0;
}
.k-tooltip{
background: white !important;
border: 1px solid #646464 !important;
}
/*#endregion*/
.outofoffice.message
{
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
overflow: hidden;
margin: 3px;
border-radius: 5px 5px 0px 0px;
border: 1px solid #FFAA76;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
color: #8C3600;
background-color: #FFDF7B;
font-size: 13px;
line-height: 10px;
text-align: center;
padding: 8px 10px;
width: auto;
position: relative;
}
ul.buttonGroup
{
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
ul.buttonGroup > li {
flex-grow: 1;
display: block;
-webkit-box-flex: 1;
border: solid 1px #d3d3d3;
border-left: none;
-webkit-border-radius: 0px;
text-align: center;
color: #3A6495;
padding-top: 5px !important;
padding-bottom: 5px !important;
cursor: pointer;
}
ul.buttonGroup.viewonly > li
{
cursor: default;
}
ul.buttonGroup.disabled > li {
pointer-events: none;
opacity: 0.6;
}
ul.buttonGroup > li:first-child
{
border-left: solid 1px #d3d3d3;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
ul.buttonGroup > li:last-child
{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
ul.buttonGroup > li.selected
{
background-color: #3A6495;
color: #fff;
border-color: #3A6495;
}
li.createanother {
padding-right: 8px;
}
li.createanother input{
position: relative;
vertical-align: bottom;
top: -6px;
}
tbody.sortable, li.droppable {
cursor: move;
}
.sigReqIcon {
font-size: 130%;
}
.admin-Search-Highlight {
box-shadow: 0 0 5px #888;
}
.FavoriteRecordStar.fa-star-o
{
opacity:.6;
}
.FavoriteRecordStar.fa-star
{
opacity:1;
}
.faicon::before {
display: inline-block;
margin-right: .5em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
color: #838383;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
i.transparent {
color: transparent;
}
img.sketchimage {
border: solid 1px #ccc;
}
img.diagramimage {
border: solid 1px #ccc;
}
.fa-stack.has-badge[data-count]:after {
position: absolute;
right: 0%;
top: 1%;
content: attr(data-count);
font-size: 85%;
padding: .2em;
border-radius: 999px;
line-height: .75em;
color: #ffffff;
background: rgba(255,0,0,.85);
text-align: center;
min-width: 1.25em;
font-weight: bold;
}
.announcements-container {
border: 1px solid black;
background-color: #F8F8F8;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 20px !important;
}
.announcements-container > li {
height: auto !important;
}
.announcements-container * .noty_text {
line-height: normal;
}
.announcements-container * .noty_message {
text-align: left !important;
}
.announcement_date {
color: #646464 !important;
font-size: 11px;
font-weight: 700;
margin-bottom: 0;
line-height: 24px;
border-bottom: none !important;
}
span.grippy {
content: '...';
width: 6px;
display: inline-block;
overflow: hidden;
line-height: 5px;
padding: 3px 4px;
cursor: move;
vertical-align: middle;
margin-top: -.7em;
font-family: sans-serif;
letter-spacing: 1px;
color: #d3d3d3;
text-shadow: 1px 0 1px black;
}
span.grippy::after {
content: '.. .. ..';
}
a.preview, i.widget {
color: #406b9c;
}
div.tippy-content {
text-align: left;
font-size:inherit;
}
.tippy-tooltip.light-border-theme {
border-color: #454545;
}
div.tippyExpanderText {
opacity: 0;
transition: opacity 0.325s ease, max-height 0.325s ease;
cursor: pointer;
text-align: center;
max-height: 0;
}
.tippy-tooltip:hover > .tippyExpanderText {
opacity: 1;
max-height: 4em; /*the actual height is auto, and will be about one line-height- this is just to enable the transition*/
}
.createNewRecordFromFormButton {
cursor: pointer;
font-size: 125%;
color: #0865DD;
border: none;
margin: 2px 2px 2px 4px;
padding: 0px 0px 0px 0px;
}
.toolTipIconDefault {
font-size: 120%;
}
th .toolTipIconDefaultColor {
color: inherit;
}
button .toolTipIconDefault {
font-size: inherit;
}
button .toolTipIconDefault i {
font-weight: 500 !important;
}
.lookupInputIcon {
cursor: pointer;
margin: 2px 2px 2px 4px;
border: none;
background: none;
padding:0px;
}
div.metric {
text-align: center;
}
/* #region outer/inner trick for vertical centering*/
div.metricinner {
display: inline-block;
}
table.ratingWorksheet span.result {
font-weight: bold;
}
table.ratingWorksheet td {
padding-top: .5em;
padding-bottom: .5em;
}
table.ratingWorksheet td.selected button.selectthis {
background-color: #82E1A2;
color: #000;
}
table.ratingWorksheet td.selected {
background-color: #F8F8F8;
}
span.gray {
color: gray;
}
span.day {
color: #E3691C;
font-weight: bold;
}
.values-align-center .value {
text-align: center;
}
.values-align-right .value {
text-align: right;
max-width: 30em;
}
/*#endregion*/
/* #region tool tips*/
div.tippy-popper ul.properties li {
clear: both;
}
div.tippy-popper .panel div.value,
div.tippy-popper .panel span.value {
display: block;
padding-left: 7.5em;
}
div.origami-tour div.shepherd-text {
overflow: auto;
text-align:left;
}
div.origami-tour h3.shepherd-title {
font-size: 125%;
font-weight: 700;
}
span.passwordInputShow {
margin-left: 10px;
font-size: 120%;
cursor: pointer;
opacity: 0.7;
}
span.passwordInputShow.faded {
opacity: 0.5;
}
div.image-slideshow {
position: relative;
}
div.image-slideshow .slide-image {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: none;
}
div.image-slideshow .slide-image.active {
z-index: 3;
}
body table .tableActionIcon {
display: none;
position: absolute;
}
body:not(.mobile-site) table tr:hover .tableActionIcon {
display: inline;
}
body.mobile-site table .tableActionIcon {
display: inline;
}
#content .kpicontainer {
page-break-inside: avoid;
/*max-width: 200px;*/
}
#content .kpicolumn {
width: 100%;
}
#content .kpicard {
font-size: 40pt;
font-weight: bold;
line-height: 80px;
}
div.kpicardpadding {
padding-left: 1em;
}
div.kpiinner {
display: inline-block;
vertical-align: middle;
}
.metric-value{
}
#content table.dataGrid tbody tr span.peekIcon,
#content ul li span.peekIcon {
visibility: hidden;
}
#content table.dataGrid tbody tr:hover span.peekIcon,
#content ul li:hover span.peekIcon {
visibility: visible;
}
.fa-before {
font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Brands', 'Font Awesome 6 Solid','Font Awesome 6 Regular','Font Awesome 6 Light','Font Awesome 6 Duotone','Font Awesome 6 Thin','arial','helvetica','clean','sans-serif';
font-weight: normal;
padding-right: 4px;
font-style: normal;
}
.fa-after {
font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Brands', 'Font Awesome 6 Solid','Font Awesome 6 Regular','Font Awesome 6 Light','Font Awesome 6 Duotone','Font Awesome 6 Thin','arial','helvetica','clean','sans-serif';
font-weight: normal;
padding-left: 4px;
font-style: normal;
}
.link-upper-right {
vertical-align: top;
text-align: right;
float: right;
}
.ui-dialog{
z-index: 10000;
}
@media (max-width: 550px) {
.multiselectcheckboxlist.withColumns {
column-count: 1;
}
}
@media (min-width: 550px) {
.multiselectcheckboxlist.withColumns {
column-count: 2;
}
}
@media (min-width: 900px) {
.multiselectcheckboxlist.withColumns {
column-count: 3;
}
}
@media (min-width: 1200px) {
.multiselectcheckboxlist.withColumns {
column-count: 4;
}
}
@media (min-width: 1500px) {
.multiselectcheckboxlist.withColumns {
column-count: 5;
}
}
/*#endregion*/
/* #region form radio button labels */
.properties .value label span {
color: #2A2A2A;
}
.loading {
background-color: var(--gray-200);
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 10px;
}
.dataLoadingScreen {
position: sticky;
height: 120px;
}
.dataLoadingScreen > .modal-spinner {
top: 0%;
}
.modal-spinner {
border: 12px solid #f3f3f3;
border-radius: 50%;
border-top-color: #999;
border-left-color: #999;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 1s linear infinite;
display: block;
position: absolute;
top: 30%;
margin: 0;
left: 45%;
right: 45%;
}
.spinner-sm {
border: 2px solid #00000095;
border-radius: 50%;
border-top-color: #ffffffA5;
border-left-color: #ffffffA5;
width: 16px;
height: 16px;
-webkit-animation: spin 2s linear infinite;
animation: spin 1s linear infinite;
display: inherit;
margin: 0;
outline: solid 2px #88888850;
background-color: #88888850;
}
div.indented {
font-size: 90%;
margin-left: 15px;
}
.inactiveLink {
pointer-events: none;
cursor: default;
}
/*#endregion*/
/* #region Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.icon_true{
color: #009d14;
}
.icon_false{
color: red;
}
a.cancelUserAction{
padding-left: 0.3em;
padding-right: 0.3em;
display: inline-block;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
background-color: #b14848;
border: 1px solid #2e2e2e;
color: #fff;
}
a:hover.cancelUserAction{
text-decoration: none;
}
.screen-reader {
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important
}
.screen-reader-first{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.screen-reader:focus {
position:static;
width:auto;
height:auto;
}
.ui-dialog .ui-dialog-title {
font-size: 138.5%;
}
#page .titleAreaToolbar {
border-radius: 4px;
color: #406b9c;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #F2F7FD;
}
#page .titleAreaToolbar #toolBar {
color: #406b9c;
}
.stuckheader {
position: fixed !important;
top: 0 !important;
width: 100%;
}
.auto-save-overlay {
background: #444;
opacity: .5;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999999;
}
.ui-widget-overlay {
background: #444;
opacity: .5;
}
/*#endregion*/
/* #region Customize radio button*/
.radioLabel {
position: relative;
display: inline-block;
cursor: pointer;
margin-left: 12.05px;
margin-bottom: 8.8px;
}
.radioLabel::before {
content: ' ';
position: absolute;
display: inline-block;
left: -5px;
border-radius: 50%;
border: 1px solid #6f686a;
width: 12px;
height: 12px;
background: transparent;
}
.radioLinkButton {
display: none;
}
.radioLinkButton:checked ~ label::after {
content: ' ';
position: absolute;
display: inline-block;
left: -3px;
top: 2px;
border-radius: 50%;
width: 8px;
height: 8px;
background: #0075ff;
margin-bottom: 8px;
box-shadow: 0 0px 8px #0075ff;
}
.ui-dialog {
z-index: 10000;
padding: 0.1em !important;
left: 0px;
}
@media only screen and (max-width: 768px) {
.ui-dialog .ui-dialog-content {
padding: 0px !important;
}
}
span.highlight-whitespace {
background-color: #EB4A34;
white-space: pre;
}
/*#endregion*/
/* #region sensitive field buttons - similar to lookup/datepicker buttons */
button.sensitiveFieldButton {
border: none;
background: none;
padding: 2px 0px 2px 0px;
}
button.sensitiveFieldButton span {
transition: opacity 0.2s ease-in-out;
}
button.sensitiveFieldButton span:hover, button.sensitiveFieldButton:focus {
opacity: 0.8;
}
button.sensitiveFieldButton i {
color: #406b9c;
position: relative;
top: -2px;
}
button.sensitiveFieldUndo i {
color: #b14848;
}
textarea.sensitiveField {
float: left;
margin-bottom: 2px;
}
/* #endregion */
/* #region user message */
.user-message-container {
display: inline-flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
margin:3px 5px;
cursor: pointer;
border-left: 1px transparent solid;
border-top: 1px transparent solid;
border-right: 1px transparent solid;
padding: 0 10px;
z-index: auto;
}
.user-message-container.panel-open {
background: #F3F7FD;
border-left: 1px #131920 solid;
border-top: 1px #131920 solid;
border-right: 1px #131920 solid;
position: relative;
z-index: 6001;
}
.user-message-container .user-name {
color: #40454B;
font-size: 13px;
font-family: Montserrat;
font-weight: 700;
line-height: 21.42px;
word-wrap: break-word;
}
.user-message-container .notification-icon {
color: #0865DD;
font-size: 15px;
font-family: Font Awesome 6 Pro;
font-weight: 900;
line-height: 21.42px;
word-wrap: break-word;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5625 0.875C8.06055 0.875 8.5 1.31445 8.5 1.8125V2.39844C10.6387 2.80859 12.25 4.71289 12.25 6.96875V7.52539C12.25 8.90234 12.748 10.25 13.6562 11.2754L13.8613 11.5098C14.125 11.8027 14.1836 12.1836 14.0371 12.5352C13.8906 12.8574 13.5391 13.0625 13.1875 13.0625H1.9375C1.55664 13.0625 1.20508 12.8574 1.05859 12.5352C0.912109 12.1836 0.970703 11.8027 1.23438 11.5098L1.43945 11.2754C2.34766 10.25 2.875 8.90234 2.875 7.52539V6.96875C2.875 4.71289 4.48633 2.80859 6.625 2.39844V1.8125C6.625 1.31445 7.03516 0.875 7.5625 0.875ZM8.88086 15.3477C8.5293 15.6992 8.06055 15.875 7.5625 15.875C7.06445 15.875 6.56641 15.6992 6.21484 15.3477C5.86328 14.9961 5.6875 14.498 5.6875 14H7.5625H9.4375C9.4375 14.498 9.23242 14.9961 8.88086 15.3477Z' fill='%230865DD' /%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
width: 15px;
height: 16px;
}
.user-message-container .message-count {
color: #2A2F36;
font-size: 13px;
font-family: Montserrat;
font-weight: 700;
line-height: 21.42px;
word-wrap: break-word;
}
.user-message-panel-container {
display: none;
position: fixed;
width: 500px;
border: 1px solid #ccc;
background-color: white;
border-radius: 6px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
z-index: 6000;
border-top: none;
}
.user-message-panel-container .panel-top-border {
height: 0;
border-top: 1px black solid;
}
.user-message-panel-container .user-message-panel {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #F3F7FD;
border-left: 1px #131920 solid;
border-right: 1px #131920 solid;
border-bottom: 1px #131920 solid;
border-top: 1px #131920 solid;
}
.user-message-panel-container .panel-header {
width: 100%;
height: 76px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.user-message-panel-container .panel-header .panel-header-text {
height: 21px;
color: black;
font-size: 16px;
font-family: Montserrat;
font-weight: 600;
line-height: 21.42px;
word-wrap: break-word;
padding-left: 20px;
}
.user-message-panel-container .panel-content-container {
width: 100%;
max-height: 384px;
overflow-y: auto;
position: relative;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
background-color: white;
}
.user-message-panel-container .panel-content-item {
display: flex;
flex-direction: row;
padding: 8px 15px;
min-width: 0; /* Important for flex items to shrink properly */
gap: 12px;
width: 100%;
border-bottom: 1px #C1C0BF solid;
cursor: pointer;
}
.user-message-panel-container .panel-content-item .message-container {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; /* Show ... for overflow */
flex: 1;
min-width: 0; /* Allow container to shrink below content size */
text-align: start;
}
.user-message-panel-container .panel-content-item .message-container .message-user-name {
font-weight: bolder;
}
.user-message-panel-container .panel-content-item .message-icon {
margin-right: 3px;
flex: 0 0 auto; /* Don't grow or shrink, stay at natural size */
}
.user-message-panel-container .panel-content-item .message-active {
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
width: 18px;
height: 19px;
background-image: url('data:image/svg+xml,');
}
.user-message-panel-container .panel-content-item .message-inactive {
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
width: 18px;
height: 19px;
background-image: url('data:image/svg+xml,');
}
.user-message-panel-container .panel-content-item .message-closed {
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
width: 18px;
height: 19px;
background-image: url('data:image/svg+xml,');
}
.user-message-panel-container .panel-content-item .message-timestamp {
flex: 0 0 auto; /* Don't grow or shrink, stay at natural size */
white-space: nowrap; /* Prevent timestamp from wrapping */
}
.user-message-panel-container .panel-footer {
align-self: stretch;
height: 48px;
padding: 4px;
background: #B5D1F5;
justify-content: center;
align-items: center;
gap: 4px;
display: inline-flex;
}
.user-message-panel-container .panel-footer .panel-footer-row {
justify-content: flex-start;
align-items: center;
gap: 4px;
display: flex;
cursor: pointer;
}
.user-message-panel-container .panel-footer .unread-message-text {
color: #0865DD;
font-size: 16px;
font-family: Montserrat;
font-weight: 600;
line-height: 20px;
word-wrap: break-word;
}
.user-message-panel-container .panel-footer .arrow-icon {
font-size: 22px;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6094 9.39844L11.3594 15.6484C10.8906 16.1562 10.0703 16.1562 9.60156 15.6484C9.09375 15.1797 9.09375 14.3594 9.60156 13.8906L13.7031 9.75H1.75C1.04688 9.75 0.5 9.20312 0.5 8.5C0.5 7.83594 1.04688 7.25 1.75 7.25H13.7031L9.60156 3.14844C9.09375 2.67969 9.09375 1.85938 9.60156 1.39062C10.0703 0.882812 10.8906 0.882812 11.3594 1.39062L17.6094 7.64062C18.1172 8.10938 18.1172 8.92969 17.6094 9.39844Z' fill='%230865DD' /%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
width: 15px;
height: 16px;
}
.user-message-panel-container .zero-state {
align-self: center;
font-weight: bold;
}
#content .phone-text-preference-container {
display: inline-block;
margin-left: 0.5rem;
}
#content li div.phone-text-preference-container label {
float: unset;
}
.preferred-text-label{
margin-left: 1em;
}
.background-light-gray {
background-color: var(--gray-100);
}
.text-align-left {
text-align: left;
}
/*#endregion*/