/* Imprivata : COMMON CASCADING STYLE SHEET */
/* */
/* [DESCRIPTION] */
/* This is the CSS style sheet used across OneSign application */
/* */
/* [AUTHOR] */
/* GKX */
/* New main font style */
@font-face {
font-family: 'Noto Sans';
src: url(./fonts/NotoSans-VariableFont_wdth\,wght.ttf) format('truetype');
}
/* Listing the new EAM CSS variables */
:root {
/* Primary palette */
--primary-140: #284165;
--primary-120: #355787;
--primary-80: #688ABA;
--primary-60: #8EA7CB;
--primary-40: #B3C5DD;
--primary-20: #D9E2EE;
--primary-10: #ECF0F6;
--primary-5: #F6F8FB;
--primary: #426DA9;
/* Imprivata Blue palette */
--imp-blue-140: #1A2634;
--imp-blue-120: #233246;
--imp-blue-80: #566579;
--imp-blue-60: #808C9A;
--imp-blue-40: #ABB2BC;
--imp-blue-20: #D5D9DD;
--imp-blue-10: #EAECEE;
--imp-blue-5: #F4F5F7;
--imp-blue: #2C3F57;
/* Neutral palette */
--neutal-black: #000;
--grey-90: #191919;
--grey-80: #333;
--grey-70: #4D4D4D;
--grey-60: #666;
--grey-50: #808080;
--grey-40: #999;
--grey-20: #CCC;
--grey-10: #E6E6E6;
--grey-5: #FAFAFA;
--neutral-white: #FFF;
/* Alerts palette */
--alert-forest: #30961F;
--alert-cabaret: #D7324A;
--alert-swagger: #1F9589;
--alert-iris: #564D87;
--alert-pontoon: #316A8E;
--alert-tangerine: #DA7704;
/* Alerts backgrounds palette */
--error-background: #fdf5f6;
--info-background: #f5f8f9;
--caution-background: #fdf8f2;
--success-background: #f5faf4;
/* Active and focus */
--acitve-blue-color: #1474CE;
--focus-color: #00A2C7;
/* EAM font sizing */
--h0-font-size: 2.5rem;
--h1-font-size: 2rem;
--h2-font-size: 1.75rem;
--h3-font-size: 1.5rem;
--h4-font-size: 1.25rem;
--h5-font-size: 1.125rem;
--regular-font-size: 1rem;
--secondary-font-size: 0.875rem;
--caption-font-size: 0.8125rem;
/* EAM font family */
--main-font-family: 'Noto Sans';
/* EAM font weight */
--regular-font-weight: 400;
--semi-bold-font-weight: 600;
--bold-font-weight: 700;
}
html,
body {
font-family: "Segoe UI", "Helvetica Neue", "Lucida Sans Unicode", sans-serif;
width: 100%;
font-size: 0.9em;
margin: 0;
padding: 0 0 25px 0;
background-color: var(--imp-blue-5);
}
body {
line-height: 1.45;
color: #333333;
background-color: #ffffff;
}
body.darker {
background-color: #f4f4f4;
}
body.ou {
padding-bottom: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
}
h1 {
margin-top: 0;
font-size: 2.441em;
}
h2 {
font-size: 1.953em;
}
h2 sup.sym-header,
h2 span.sym-header {
font-size: 14px;
vertical-align: top;
}
h3 {
font-size: 1.563em;
}
h3.page-title {
margin: 0 0 0 25px;
}
h3.popup-page-title {
margin: 15px 0 10px 25px;
}
h3.page-title-dashboard {
margin-left: 0;
}
h3.popup-title {
margin: 10px 0;
}
/* With upgrade to JQuery 3.5.1 and structure theme for UI widgets,
needed to override its default left padding for accordion widgets. */
.ui-accordion .ui-accordion-header {
padding-left: 39px;
}
h4 {
font-size: 1.25em;
}
h4.section-title {
margin: 15px 0 5px 0;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
small,
.font_small {
font-size: 0.8em;
}
table,
thead,
tbody,
tr,
td,
th {
font-size: inherit;
font-family: inherit;
}
th {
text-align: left;
}
td {}
input[type="button"],
input[type="file"] {
cursor: pointer;
}
input:disabled {
cursor: default;
}
.disabled-section {
color: #e4e4e4
}
.alignImg {
margin-top: 0;
margin-bottom: -5px;
.margin-bottom: 0;
/* only for IE */
}
.logoShift {
padding-left: 125px;
padding-left: 0;
/* only for IE */
}
.underline {
color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
font-weight: bold;
}
.overline {
color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #cccccc;
}
.blackUnderline {
font-weight: bold;
color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
}
a {
color: blue;
font-weight: normal;
}
a:link,
a:visited {
text-decoration: none;
background-color: transparent;
font-weight: normal;
}
a:hover {
text-decoration: underline;
cursor: pointer;
font-weight: normal;
}
a:active,
a:focus {
text-decoration: none;
background-color: transparent;
font-weight: normal;
}
a[disabled] {
pointer-events: none;
cursor: default;
color: gray;
}
.subTabThinBottomBorder {
border-bottom: 5px solid #CCCCCC;
}
.subTabSelected {
background-color: #CCCCCC;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}
.subTabUnselected {
background-color: #DDDDDD;
text-decoration: none;
cursor: pointer;
}
.policyWarningMsg {
border: solid #901414 1px;
background-color: #FFFFCC;
padding: 2px 10px;
color: #901414;
}
.policyInfoMsg {
border: solid #BBD7E4 1px;
background-color: #E9F3F8;
width: 100%;
margin-left: 0;
}
.msg-icon-container {
width: 2%;
}
.msg-icon-container img {
margin: 5px;
margin-right: 0px;
}
.infoText {
color: #666666;
font-weight: bold;
}
.infoTextNPad {
text-align: left;
}
.infoTextNPad:last-child {
white-space: normal;
}
.infoTextNPadCenter {
text-align: center;
}
.infoTextNPadRight {
text-align: right;
}
.breakNewLines {
white-space: pre-line;
}
.redInfoText {
text-align: left;
color: #C00000;
padding: 4px;
cursor: pointer;
text-decoration: none;
}
.redLinkSmall {
font-size: .95em;
font-weight: normal;
}
.redLinkPad {
padding: 4px;
}
.redLink,
.redLinkSmall,
.redLinkPad,
.redLinkUnderline,
.link {
color: blue;
text-decoration: none;
cursor: pointer;
}
.redInfoTextNoHands {
text-align: left;
color: #C00000;
text-decoration: none;
vertical-align: middle;
}
.redInfoTextNPad {
text-align: left;
color: #C00000;
cursor: pointer;
text-decoration: none;
}
.redTextCenter {
text-align: center;
color: #C00000;
}
.infoTextRight {
vertical-align: bottom;
text-align: right;
width: 78%;
}
.searchResultText {
text-align: center;
}
.tblPreviewSubHeader {
text-align: left;
vertical-align: bottom;
background-color: #dfdfdf;
}
.tblPreviewFieldName {
background-color: white;
border: 1px solid black;
vertical-align: bottom;
}
.tblPreviewFieldSorter {
background-color: #FFFFFF;
text-align: center;
border: 1px solid black;
cursor: pointer;
padding-top: 6px;
padding-bottom: 6px;
vertical-align: bottom;
}
.tblPreviewSorting {
text-align: left;
vertical-align: bottom;
}
.tblMainHeader {
font-weight: bold;
padding: 3px;
padding-left: 8px;
background-color: #dfdfdf;
}
.tblSubHeader {
font-weight: bold;
padding: 3px;
padding-left: 8px;
}
.quickStart {
color: #FFFFFF;
padding: 3px;
padding-left: 8px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr="#999999", EndColorStr="#DDDDDD");
}
.tblHomeHeader {
font-weight: bold;
padding: 3px;
padding-left: 8px;
background-color: #dfdfdf;
}
.tblTitle {
text-align: left;
vertical-align: bottom;
font-weight: bold;
}
.tblLicenseTitle {
display: inline;
float: left;
margin-top: 1px;
margin-bottom: 5px;
}
.licenseInfoIcon {
display: inline;
padding: 10px;
}
.licenseSwaInfoIcon {
display: inline;
padding: 7px;
}
.pageCaption {
text-align: left;
vertical-align: bottom;
font-weight: bold;
font-size: 1.1em;
}
.pageCaptionCenter {
text-align: center;
vertical-align: bottom;
font-weight: bold;
font-size: 1.1em;
}
.sectionTitle {
text-align: left;
font-weight: bold;
font-size: 1em;
}
.tblTitleLeft {
text-align: left;
vertical-align: bottom;
font-weight: bold;
}
.tblTitleBottom {
text-align: left;
vertical-align: bottom;
font-weight: bold;
}
.tblSorting {
text-align: left;
vertical-align: bottom;
}
.tblFieldLabel {
font-weight: bold;
width: 40%;
}
.searchFieldLabel {
font-size: .9em;
}
.tblDetailLabel {
text-align: right;
font-weight: normal;
width: 55%;
vertical-align: top;
}
.tblLabelLeft {
text-align: left;
font-weight: normal;
width: 20%;
vertical-align: top;
}
.tblFieldLabelNormal {
font-weight: normal;
width: 40%;
}
/* Make labels gray when the sibling input is disabled */
input[type=radio]:disabled+label,
input[type=checkbox]:disabled+label {
color: #aaa;
}
.tblGlossary {
font-weight: normal;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.tblFieldValue {
vertical-align: top;
}
.tblFieldValue input[type="checkbox"] {
padding-left: 0;
}
.tblFieldInputVeryShort {
width: 45px;
}
.tblFieldInputShort,
.input-short-1 {
width: 60px;
}
.tblFieldInputMid {
width: 128px;
}
.keystrokeField {
width: 160px;
}
.tblFieldInputLong {
width: 200px;
}
.tblFieldSelectLong {
width: 204px;
}
.tblFieldSecurityGroupsInput {
width: 270px;
margin-top: 12px;
}
.tblFieldInputVeryLong {
width: 360px;
}
.tblFieldInputVeryVeryLong {
width: 430px;
}
.tblFieldSearchInputMid {
width: 100px;
height: 13px;
}
.text-input-long {
width: 200px;
}
.tblFieldSearchInputLong {
width: 200px;
height: 13px;
}
.tblFieldInputFile {
width: 200px;
height: 20px;
}
.tblInlineHelp {
color: #999999;
}
.tblInlineHelpDarkGrey {
color: #333333;
font-size: 1.0em;
}
.tblInlineHelpBold {
color: #999999;
font-weight: bold;
}
.tblInlineHelpBold1 {
font-weight: bold;
padding-right: 16px;
}
.tblInlineHelpBold2 {
font-weight: bold;
padding-right: 14px;
}
.buttonTable {
margin-left: 50%;
margin-top: 0;
text-align: right;
}
.buttonTableMiddle {
margin-left: auto;
margin-right: auto;
}
.buttonTableLeft {
margin-left: 28px;
margin-top: 0;
}
.breadCrumbTrail {
margin-left: 28px;
margin-right: 5px;
width: 98%;
margin-top: 0;
}
.buttonEnds {
cursor: pointer;
}
.buttonEndsHidden {
cursor: pointer;
display: none;
}
/*
* Replacement for shadedRow class which
* is incorrectly named.
*/
.alternate-row {
background-color: #f5f5f5;
}
.shadedRow {
background-color: #ffffff;
}
.noLicensesAvailableRow {
background-color: #FFF8D8
}
.whiteRow {
background-color: #f5f5f5;
}
.wizardStep {
margin-left: 28px;
margin-top: 0;
}
.topBarTab {
background-color: #CCCCCC;
text-decoration: none;
text-align: center;
cursor: pointer;
}
.topBarTabSelected {
background-color: #FFFFFF;
color: #CC0000;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.topBarGrayOut {
background-color: #EEEEEE;
color: #CCCCCC;
text-decoration: none;
text-align: center;
}
.tblTextArea {
padding: 5px;
}
.helpMenuItem {
border-bottom: 1px groove;
cursor: pointer;
font-weight: bold;
}
.bottom {
background-color: #666666;
width: 98%;
height: 50px;
}
.lhsBody {
background-color: #666666;
}
.topbar {
margin: 0;
background-color: #666666;
}
.topBarTableAPG {
margin-left: 5%;
width: 65%;
}
.tblPrimaryKey {
color: #C00000;
cursor: pointer;
}
.buttonFace {
cursor: pointer;
}
.crossButton {
padding: 1px;
*padding: 0;
padding-right: 10px;
}
.buttonFaceSmall {
font-size: .9em;
cursor: pointer;
}
.buttonFaceHidden {
cursor: pointer;
visibility: hidden;
}
.buttonPaddingLeft {
padding-left: 10px;
}
.homePageLabel {
text-align: left;
}
.homePageValue {
text-align: left;
}
.tblHomePage {
margin-left: 25px;
margin-right: auto;
width: 95%;
}
.tblHomePageInner {
margin-left: 0;
width: 100%;
}
.tblHomePageInner td {
height: 20px;
}
.progressWindow {
margin-top: 50px;
margin-left: 40px;
}
.tblSubTabWizard {
margin-left: 25px;
margin-right: auto;
width: 90%;
border-bottom: 10px solid #CCCCCC;
}
.containerTab {
margin-left: 20px;
margin-right: 20px;
}
.tblMainHeaderWizard {
background-color: #CCCCCC;
font-weight: bold;
}
.tblScreenBox {
border: 1px solid gray;
width: 100%;
}
.tblSquareBox {
border: 1px solid gray;
background-color: white;
width: 40px;
height: 24px;
}
.tblSquareBoxGray {
border: 1px solid gray;
width: 40px;
height: 24px;
cursor: pointer;
background-color: #dfdfdf;
}
.tblSquareBoxGray td:hover {
background-color: #FFFFFF;
border: 0.01cm solid blue;
text-decoration: underline;
}
.tblSquareBoxGraySmall {
border: 1px solid gray;
background-image: url('images/check.gif');
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 12px;
cursor: pointer;
background-color: #dfdfdf;
}
.tblSquareBoxBold {
border-left: 2px solid gray;
border-right: 2px solid gray;
border-top: 2px solid gray;
border-bottom: 2px solid gray;
background-color: white;
width: 40px;
height: 24px;
cursor: pointer;
}
.squareBoxHLine {
padding-top: 1px;
*padding-top: 12px;
width: 20px;
}
.squareBoxHLineHalf {
text-align: right;
padding-top: 1px;
*padding-top: 12px;
width: 10px;
}
.arrowWorkflow {
padding-top: 3px;
*padding-top: 10px;
}
.verticalLine {
background-color: #666666;
*padding-top: 12px;
overflow: hidden;
position: relative;
width: 1px;
height: 100%;
}
.verticalLine div {
background-color: #FFFFFF;
width: 1px;
height: 12px;
*margin-top: -13px;
}
.verticalLine2 {
padding-top: 0;
*padding-top: 0;
background-color: #666666;
width: 1px;
}
.squareBoxCell {
background-repeat: repeat-x;
background-position: 0 12px;
}
.squareBoxTR {
vertical-align: top;
height: 50px;
}
.screenRedLabel {
color: blue;
cursor: pointer;
}
.additionalRedScreen {
border: 2px solid #C00000;
padding: 2px;
}
.additionalHiliteScreen {
color: #FFFFFF;
font-weight: bold;
background-color: #C00000;
padding: 2px;
}
.selectedOS {
background-color: #3366CC;
color: #FFFFFF;
font-size: 0.9em;
cursor: pointer;
}
.UnselectedOS {
font-size: .9em;
cursor: pointer;
}
.selectedContainerEnv {
background-color: #CCCCCC;
cursor: pointer;
padding: 2px;
}
.UnselectedContainerEnv {
cursor: pointer;
}
.checkMark {
padding-left: 10px;
width: 10px;
}
.frmInput {
width: 170px;
}
.statusText {
color: #666666;
font-weight: bold;
}
.viewSourceXML {
font-family: courier;
font-size: 1.1em;
padding: 5px;
color: #0A246A;
background-color: #DFDFDF;
}
.editSourceXML {
padding: 5px;
}
.glossaryTitle {
font-weight: bold;
background-color: #DDDDDD;
}
.glossaryDesc {
background-color: #DDDDDD;
}
.viewGlossarySubTab {
margin-left: auto;
margin-right: auto;
width: 90%;
border-bottom: 10px solid #CCCCCC;
}
.viewGlossarySubTab td {
line-height: 8px;
}
.glossaryExample {
font-family: courier;
color: #333399;
}
.OS {
font-size: .9em;
}
.italic {
font-style: italic;
}
.moduleTitle {
font-weight: bold;
font-size: 1.1em;
padding-top: 12px;
padding-left: 10px;
}
.content {
padding-left: 25px;
border: 1px solid #666;
border-top: 0;
border-left: 1px solid #666;
width: 100%;
}
#tabs {
top: 12px;
left: 162px;
height: 22px;
white-space: nowrap;
width: 500px;
font: Menu;
cursor: default !important;
}
.tabActive {
font-weight: bold;
border-top: 1px solid #347;
border-left: 1px solid #347;
border-right: 1px solid #347;
padding: 2px 9px 1px 9px;
background-color: #FFFFFF;
color: #C00000;
text-align: center;
}
.tab {
font-weight: bold;
border-top: 1px solid #347;
border-left: 1px solid #347;
border-right: 1px solid #347;
padding: 3px 9px 1px 9px;
background-color: #CCCCCC;
text-align: center;
}
.successMessage {
font-weight: bold;
color: #005500;
}
.errorMessage {
font-weight: bold;
color: #C00000;
}
.warningMessage {
font-weight: bold;
color: #996600;
}
.warning {
color: #ff0000;
}
.viewScreenText {
font-family: courier;
padding: 5px;
background-color: #CCCCFF;
}
.tblHeaderText {
font-weight: bold;
background-color: #dfdfdf;
padding: 6px 6px 6px 0;
cursor: pointer;
}
.progressBarLabelBold {
font-size: .9em;
font-weight: bold;
}
.progressBarLabelGray {
font-size: .9em;
color: gray;
}
.progressBarLabelBoldChild {
font-size: .9em;
font-weight: bold;
}
.progressBarLabelGrayChild {
font-size: .9em;
color: gray;
}
.inputControl {
color: #333399;
font-weight: bold;
}
.coordinateTable {
border: 1px solid #6699CC;
}
.coordinate {
color: #3366CC;
}
.clickSyntax {
font-family: courier;
padding: 5px;
color: #3366CC;
width: 330px;
}
.homeLink {
font-weight: bold;
font-size: 1.1em;
padding-right: 50px;
padding-bottom: 10px;
}
.tblCondition {
border: solid 1px #D3D3D3;
background-color: #EFEFEF;
}
.tdPhrase {
border: 1px solid gray;
border-right: 0;
background-color: #D6DEE7;
padding-left: 4px;
padding-right: 4px;
width: 37px;
text-align: center;
}
.tdEvent {
border: 1px solid gray;
background-color: white;
text-align: center;
white-space: nowrap;
padding-left: 4px;
padding-right: 4px;
}
.menuHeader {
font-weight: bold;
color: white;
background-color: #333399;
margin: 0;
}
.eventGroup {
font-weight: bold;
}
.newUserWelcomeTitle {
text-align: center;
font-weight: bold;
font-size: 1.2em;
}
.tblCenter {
margin-top: 0;
width: 90%;
margin-left: 5%;
margin-right: auto;
}
.moduleEnabled {
color: #333333;
font-weight: bold;
font-size: 1.2em;
}
.moduleDisabled {
color: #CCCCCC;
font-weight: bold;
font-style: italic;
}
.tdRADIUS {
border: 1px solid gray;
text-align: center;
white-space: nowrap;
padding: 2px;
}
span.radius-horiz-radio-button {
display: inline-block;
}
td>span.radius-horiz-radio-button {
width: 34em;
}
.radius-option-label {
width: 18em;
vertical-align: top;
}
div.radius-section-header {
display: inline;
float: left;
margin-top: 1px;
margin-bottom: 5px;
}
h3.radius-page-title {
margin-bottom: 15px;
}
span.radius-indent-to-label {
display: block;
margin-left: 23px;
}
span.radius-sublabel-max-width {
max-width: 800px;
}
.homePageBlueText {
font-weight: normal;
font-size: .9em;
color: #6699CC;
}
.homePageBlackTextLeft {
font-weight: normal;
font-size: .9em;
width: 150px;
text-align: left;
}
.homePageBlackTextRight {
font-weight: normal;
font-size: .9em;
width: 175px;
text-align: right;
}
.blueBoldText {
color: #336699;
font-weight: bold;
}
.tblPAPerson {
margin-left: auto;
margin-right: auto;
width: 95%;
border-collapse: collapse;
}
.italicNote {
font-style: italic;
font-size: .9em;
}
.infoTextSmall {
font-size: .9em;
color: #666666;
font-weight: bold;
}
.navButtons {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.navButton {
margin: 5px;
}
.pageTitle {
text-align: left;
color: #000000;
font-weight: bold;
font-size: 1.1em;
margin-left: 25px;
margin-top: 30px;
margin-bottom: 35px;
}
.pageTitleHeading {
text-align: left;
color: #000000;
font-weight: bold;
font-size: 1.2em;
}
.testFormSection {
text-align: left;
margin-left: 30px;
margin-bottom: 20px;
}
ol.testFormSection>li {
margin-top: 3px;
margin-bottom: 3px;
}
.padding-bottom20 {
padding-bottom: 20px;
}
#testHelp {
text-align: justify;
margin-top: 25px;
padding: 10px;
border: 1px solid #809cb0;
}
#testHelpNotes {
margin-left: -25px;
margin-top: 15px;
margin-bottom: 15px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.underlineOnHover:link {
color: blue;
text-decoration: none;
}
.underlineOnHover:hover {
color: blue;
text-decoration: underline;
}
.underlineOnHover:active {
color: blue;
text-decoration: none;
}
.underlineOnHover:visited {
color: blue;
text-decoration: none;
}
.radioButtonFullRow {
margin-top: 5px;
margin-bottom: 5px;
}
.adminRolesTableCell {
height: 32px;
}
.tableControls {
margin-bottom: 10px;
}
.tableLinks {
margin-top: 5px;
margin-bottom: 10px;
font-weight: normal;
}
.tableHeaderLabel {
font-weight: bold;
}
.left {
float: left;
}
.right {
float: right;
}
.warningBox {
color: #000000;
border: solid 1px #c00000;
display: block;
padding: 4px;
width: 80%;
}
.mainFrameBorderRight {
background-position: left;
background-image: url(../images/pagerightedge1.gif);
background-repeat: repeat-y;
background-position-y: 0;
}
#topContainer {
width: 100%;
}
.mainFrameBottomLeft {
background-position: left;
background-image: url(../images/pagelowerleftcorner.gif);
background-repeat: no-repeat;
background-position-y: 0;
}
#FIPS {
float: right;
vertical-align: top;
}
#topBarMid {
color: gray;
padding-top: 5px;
}
.appRadioIndent {
padding-left: 20px;
}
#SSPLogoPreview {
background-color: #FFFFFF;
width: 250px;
Height: 75px;
border: 1px solid black;
text-align: center;
margin-bottom: 2px;
}
#warningIcon {
width: 16px;
height: 15px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/warning-16x15.png', sizingMethod='crop');
}
.transPopupBG {
height: 100%;
left: 0;
position
/**/
: fixed;
top: 0;
width: 100%;
z-index: 2000;
background-color: Black;
opacity: 0.5;
filter: alpha(opacity=50)
}
* html .transPopupBG {
position: absolute;
}
.transPopup {
background-color: white;
border: 6px solid #3778C7;
position: absolute;
text-align: left;
z-index: 2020;
border: #cccccc 6px solid;
}
.lightbox-title {
font-size: 1.2em;
font-weight: bold;
color: #656565;
}
#outerTransCloseBtn {
height: 33px;
background: url('../images/trans_closebtn.png') left top no-repeat;
width: 33px;
cursor: pointer;
}
* html #outerTransCloseBtn {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_closebtn.png', sizingMethod='crop');
}
.homeTabGray {
font-weight: bold;
color: gray;
padding-left: 2px;
padding-right: 2px;
}
.homeTabBlue {
font-weight: bold;
color: #0000FF;
cursor: pointer;
padding-left: 2px;
padding-right: 2px;
}
.homeLabelMon {
font-size: 0.95em;
color: #666666;
}
.homeSubLabelMon {
font-size: 0.95em;
color: #999999;
}
.homeGraphLabel {
font-size: 1em;
color: #333333;
}
.homeChartBar {
margin-left: auto;
margin-right: auto;
width: 199px;
height: 100px;
}
.homeChartPie {
margin-left: auto;
margin-right: auto;
width: 100px;
height: 100px;
font-size: 0.95em;
color: #666666;
}
.homePieLabel {
width: 85px;
height: 18px;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 3px;
padding-left: 8px;
color: #666;
}
#homeTransBk {
background-color: black;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 2;
filter: alpha(opacity=50);
display: none;
}
#homeTransPopup {
background-color: white;
border: 6px solid #CCCCCC;
width: 550px;
height: 485px;
top: 50%;
left: 50%;
margin-left: -275px;
margin-top: -245px;
position: absolute;
z-index: 3;
padding: 20px;
display: none;
}
#homeTransBtn {
height: 33px;
background: url('../images/trans_closebtn.png') left top no-repeat;
width: 33px;
position: absolute;
top: 50%;
left: 50%;
margin-left: 281px;
margin-top: -280px;
cursor: pointer;
}
.monSettingsTbl td {
text-align: left;
line-height: normal;
}
#sliderPlaceholder {
width: 270px;
height: 36px;
position: relative;
}
#sliderGrid {
left: 50px;
top: 0;
width: 187px;
height: 36px;
}
.sliderDetails {
position: absolute;
}
#sliderBarLeft {
background: url('../images/trackBar/barLeft.png') left top no-repeat;
top: 3px;
left: 0;
width: 3px;
height: 14px;
}
#sliderBarFast {
background: url('../images/trackBar/barFast.png') left top repeat-x;
top: 3px;
left: 3px;
height: 14px;
}
#sliderBarNorm {
background: url('../images/trackBar/barNorm.png') left top repeat-x;
top: 3px;
height: 14px;
}
#sliderBarSlow {
background: url('../images/trackBar/barSlow.png') left top repeat-x;
top: 3px;
height: 14px;
}
#sliderBarRight {
background: url('../images/trackBar/barRight.png') left top no-repeat;
top: 3px;
left: 267px;
width: 3px;
height: 14px;
}
#sliderTrack1 {
background: url('../images/trackBar/slider.png') left top no-repeat;
top: 0;
width: 14px;
height: 36px;
text-align: center;
vertical-align: bottom;
}
#sliderTrack2 {
background: url('../images/trackBar/slider.png') left top no-repeat;
top: 0;
width: 14px;
height: 36px;
}
#sliderText1 {
text-align: center;
top: 20px;
width: 14px;
left: 0;
}
#sliderText2 {
text-align: center;
top: 20px;
width: 14px;
left: 0;
}
.hoverTip {
border: 1px solid #cccccc;
background-color: rgba(255, 255, 255, 0.75);
z-index: 3;
padding: 10px;
display: none;
position: absolute;
}
.hoverTip h4 {
margin: 0;
}
.ruleTable {
border: 1px solid #CCCCCC;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#fff8f1", EndColorStr="#e3e3e3");
}
.transMoveDiv {
position: absolute;
opacity: 0.5;
background-color: white;
}
#moveDivTable {
position: absolute;
border: 1px solid #cccccc;
}
.cursorDefault {
cursor: default !important;
}
.labelInputPair {
margin: 0 0 16px 0;
}
.controlBottom {
margin: 0;
}
.wide {
width: 100%;
}
.shortLink {
width: 125px;
}
.mediumControlContainer {
background-color: #F3F3F3;
width: 500px;
padding: 12px;
margin: 6px 0 6px 0;
}
hr.sep,
hr.sep-mid,
hr.sep-mid-short,
hr.sep-shorter,
hr.sep-mid-shorter {
border: none;
margin: 0 auto 0 0;
height: 1px;
line-height: 1px;
background-color: #cbcbcb;
color: #cbcbcb;
width: 100%;
clear: both;
display: block;
text-align: left;
}
hr.sep-mid,
hr.sep-mid-short,
hr.sep-mid-shorter {
height: 2px;
line-height: 2px;
}
hr.sep-mid {
width: 100%;
}
hr.sep-mid-short {
width: 97%;
}
hr.sep-shorter {
width: 94%;
}
hr.sep-mid-shorter {
width: 94%;
}
hr.sep-v {
/*
16px for the top margin due to a ludicrous IE bug
that renders the HR 2px high *only* when the margin-top
is 15px, which is exactly the top margin we want.
Terrible browser.
*/
margin: 16px 0 15px 0;
}
#sep-no-auth-options {
margin-bottom: 10px;
}
.indent {
margin-left: 12px;
}
.rightIndent {
margin-right: 60px;
}
.smallFontSize {
font-size: .90em;
}
.subHeader {
color: #ababab;
font-weight: bold;
}
#longOperationContent {
font-weight: normal;
text-align: center;
}
#longOperationLabel {
margin: 5px 0 4px 0;
}
#longOperationIcon,
#UserSynclongOperationProgressContainer {
margin: 4px 0 26px 0;
}
#UserSynclongOperationProgressContainer {
width: 220px;
text-align: left;
padding: 0;
margin: 0 auto;
*margin: 0;
}
#UserSynclongOperationProgressBar {
padding: 0;
width: 220px;
font-size: 0.1em;
background-image: url('../images/progress/progress-bar-220x16_background_1x12.png');
background-repeat: repeat-x;
background-position: -220px 0;
}
#importProgressText,
#importPreviewProgressText {
display: none;
}
#progressMessage {
font-size: 0.8em;
color: #666666;
padding-left: 4px;
}
#LicenseUploadProgressBar {
padding: 0;
width: 220px;
font-size: 0.1em;
background-image: url('../images/progress/ajax-loader-large.gif');
background-repeat: no-repeat;
background-position: -220px 0;
}
#LicenseUploadProgressContainer {
width: 220px;
text-align: left;
padding: 0;
}
#LicenseUploadProgressMessage {
color: #666666;
padding-left: 4px;
padding-bottom: 10px;
}
#licenseUploadErrorMessage {
padding-top: 10px;
color: #C60C30;
}
#license-upload.fileUploadErrorMessage {
border: 1px solid #C60C30;
}
.tblAPGHeaderBlue {
border: solid 1px #A6D0E7;
padding-left: 10px;
width: 810px;
height: 26px;
color: #333333;
background: linear-gradient(to top, #A6D0E7, #FFFFFF);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#FFFFFF", EndColorStr="#A6D0E7");
}
.tblAPGBody {
border: solid 1px #A6D0E7;
padding: 15px;
width: 810px;
}
.tblAPGSectionHeader {
font-weight: bold;
color: #666666;
}
.tblAPGFieldHeader {
color: #999999
}
.warningMsgBox {
border: solid #901414 1px;
background-color: #FFFFCC;
max-width: 40em;
width: 300px;
margin: 6px 0;
}
.computerPolicyRow {
margin: 3px 0;
}
.computerPolicyFieldIndent {
margin-left: 18px;
}
.errorMsg {
background: url("../images/log/error.png") no-repeat scroll 10px 14px #F8E9E9;
border: 1px solid #E4BBBC;
color: #BF2C11;
padding: 6px 34px;
position: relative;
border-radius: 3px 3px 3px 3px;
margin: 0 0 12px 0;
}
#errorMsgTitle {
font-weight: bold;
}
#errorMsgText {
color: #000000;
}
.policyNote {
color: gray;
font-weight: bold;
margin: 0 0 12px 0;
}
.formFieldLabelIndent {
margin: 0 0 0 24px;
}
.separator {
margin: 12px 0 8px 0;
}
#swaWarningMsgStandardText {
border: solid gray 1px;
background-color: #efefef;
padding: 13px;
}
#swaWarningMsgCustom {
padding: 6px;
line-height: 15px;
text-align: center;
width: 570px;
height: 29px;
overflow: hidden;
}
#swaWarningMsgCustomEnabledLabel {
display: block;
padding-left: 20px;
}
.inlineBlockValign {
display: inline-block;
}
.inlineBlockValign {
display: inline-block;
vertical-align: middle;
}
.tableCellValign {
display: table-cell;
vertical-align: middle;
}
.tblFileServerConfiguration {
border: solid #757575 1px;
background-color: #ECECFB;
}
.warningMessageFileServerConfiguration {
background: url("../images/warning-16x15.png") left center no-repeat;
}
p.warningIcon,
div.warningIcon {
background: url("../images/warning-16x15.png") left top no-repeat;
text-indent: 24px;
}
.tblFrequencyAudit {
vertical-align: middle;
}
.tblFrequencyExport {}
.OUSyncPrimaryText {
font-size: 1.45em;
color: #333333;
vertical-align: bottom;
}
.OUSyncSecondaryText {
font-size: 1.0em;
color: #666666;
vertical-align: bottom;
padding-top: 0;
line-height: 20px;
}
.OUSyncPrimaryTextHighlight {
font-size: 1.45em;
color: #257AA0;
}
.OUSyncTopText {
font-size: 1.6em;
display: inline-block;
color: #257AA0;
line-height: 22px;
}
.OUSyncMainText {
font-size: 1.03em;
width: 400px;
display: inline-block;
}
.OUSyncButton {
background-color: transparent;
height: 50px;
}
.OUSyncTitle {
float: left;
font-size: 1.1em;
}
.adminInfo {
border-style: solid;
border-color: #dedede;
border-width: 1px;
Height: 33px;
background-color: #f8f8f8;
}
.cursorPointer {
cursor: pointer;
}
.helpLabel {
font-size: .9em;
color: gray;
line-height: 100%;
}
.buttonEnds table tbody tr td,
.buttonEnds tbody tr td {
line-height: 8px;
}
.cursorPointer {
cursor: pointer;
}
.loginLineHeight {
line-height: 12px;
}
.mainFrameBottom td {
line-height: 8px;
}
.centerTableInDiv {
margin: auto;
}
.tblFixedWidth {
width: 500px;
}
.corner {
line-height: 8px;
}
.adminRolesTableHeader {
width: 100%;
padding-left: 8px;
background-image: url(../images/bgGrayGradient.gif);
background-repeat: repeat-x;
height: 15px;
line-height: 15px;
}
.horizontalLine {
width: 98%;
border-bottom: 1px solid #cbcbcb;
}
.alignMiddle {
padding-bottom: 5px;
*padding-bottom: 0;
}
.provIdMapVertLine1 {
background-color: #cbcbcb;
overflow: hidden;
position: relative;
width: 1px;
height: 100%;
}
.provIdMapVertLine1 div {
background-color: #FFFFFF;
width: 1px;
height: 15px;
margin-top: -13px;
*height: 5px;
}
.provIdMapVertLineLast {
background-color: #cbcbcb;
overflow: hidden;
position: relative;
width: 1px;
height: 100%;
}
.provIdMapVertLineLast div {
background-color: #FFFFFF;
width: 1px;
height: 9px;
margin-top: 13px;
}
.fixedWidth {
width: 250px !important;
}
#workflowPoliciesWrapper {
margin-bottom: 15px;
margin-top: 15px;
}
/******************************************************************/
/*************************** ALERTS CSS ***************************/
/******************************************************************/
/*
* TODO: Clean up this alerting CSS as it has grown complicated
* especially due to the effort required to make it work well
* in a jQuery accordion and on browsers < IE9 (see ie6.css, ie7.css
* and ie8.css).
*/
#workflowPoliciesWrapper .alert {
margin-top: 5px;
margin-bottom: 0;
}
.alert,
.alert-title {
color: #333333;
padding: 10px 10px 10px 50px;
position: relative;
min-height: 30px;
text-align: left;
margin-bottom: 15px;
white-space: normal;
}
.alert-popup {
z-index: 3;
position: absolute;
margin: 0 15px;
left: 50px;
right: 50px;
}
body.darker.landing-page-background {
background-color: var(--imp-blue-5);
min-width: calc(100vh - 8%);
}
.alert-popup.landing-page-alert-popup {
right: 75px;
}
.alert-single-line {
line-height: 30px;
height: 30px;
overflow: hidden;
}
.alert-short-bottom {
padding-bottom: 0;
}
.alert-success,
.alert-success-small,
.alert-success-detail {
border: 1px solid #BEE4A5;
}
.alert-success.alert-popup {
background: rgb(235, 249, 226) url("../images/Alerts/successicon_30x30.png") no-repeat scroll 10px 10px;
}
.alert-success {
background: rgba(235, 249, 226, 0.9) url("../images/Alerts/successicon_30x30.png") no-repeat scroll 10px 10px;
background-color: #EBF9E2 \9;
/* CSS hack for IE8 and below */
}
.alert-success-detail {
background-color: rgba(235, 249, 226, 0.9);
background-color: #EBF9E2 \9;
/* CSS hack for IE8 and below */
}
.alert-success-small {
background: rgba(235, 249, 226, 0.9) url("../images/successicon_16.png") no-repeat scroll 10px 10px;
background-color: #EBF9E2 \9;
/* CSS hack for IE8 and below */
line-height: 19px;
min-height: 19px;
padding-left: 39px;
}
.alert-info,
.alert-info-small,
.alert-info-detail,
.alert-doc {
border: 1px solid #BBD7E4;
}
.alert-info {
background: rgba(233, 243, 248, 0.9) url("../images/Alerts/infoicon_30x30.png") no-repeat scroll 10px 10px;
background-color: #E9F3F8 \9;
/* CSS hack for IE8 and below */
}
.alert-doc {
background: rgba(233, 243, 248, 0.9) url("../images/Alerts/doc_icon_30.png") no-repeat scroll 10px 10px;
background-color: #E9F3F8 \9;
/* CSS hack for IE8 and below */
}
.alert-info-detail {
background-color: rgba(233, 243, 248, 0.9);
background-color: #E9F3F8 \9;
/* CSS hack for IE8 and below */
}
.alert-info-small {
background: rgba(233, 243, 248, 0.9) url("../images/infoicon_16.png") no-repeat scroll 10px 10px;
background-color: #E9F3F8 \9;
/* CSS hack for IE8 and below */
line-height: 19px;
min-height: 19px;
padding-left: 39px;
}
.alert-mid-width {
width: 330px;
}
.alert-warning,
.alert-warning-small,
.alert-warning-detail {
border: 1px solid #F3D97E;
}
.alert-warning-detail {
background-color: rgba(255, 248, 216, 0.9);
background-color: #FFF8D8 \9;
/* CSS hack for IE8 and below */
}
.alert-warning {
background: rgba(255, 248, 216, 0.9) url("../images/Alerts/warningicon_30x30.png") no-repeat scroll 10px 10px;
background-color: #FFF8D8 \9;
/* CSS hack for IE8 and below */
}
.alert-warning-small {
background: rgba(255, 248, 216, 0.9) url("../images/warningicon_16.png") no-repeat scroll 10px 8px;
background-color: #FFF8D8 \9;
/* CSS hack for IE8 and below */
line-height: 19px;
min-height: 19px;
padding-left: 39px;
}
.alert-error,
.alert-error-small,
.alert-error-detail {
border: 1px solid #E4BBBC;
}
.alert-error {
background: rgba(248, 233, 233, 0.9) url("../images/Alerts/erroricon_30x30.png") no-repeat scroll 10px 10px;
background-color: #F8E9E9 \9;
/* CSS hack for IE8 and below */
}
.alert-error-detail {
background-color: rgba(248, 233, 233, 0.9);
background-color: #F8E9E9 \9;
/* CSS hack for IE8 and below */
}
.alert-error-small {
background: rgba(248, 233, 233, 0.9) url("../images/erroricon_16.png") no-repeat scroll 10px 8px;
background-color: #F8E9E9 \9;
/* CSS hack for IE8 and below */
line-height: 18px;
min-height: 18px;
padding-left: 39px;
}
.alert-close {
position: absolute;
top: 10px;
right: 10px;
line-height: 1;
font-weight: bold;
cursor: pointer;
padding: 2px;
}
.alert-inside-content {
margin: 10px 10px 10px 0;
}
.alert-indent-small {
margin-left: 19px;
margin-right: 19px;
}
.dashboard-alerts-container {
margin-top: 4px;
}
.landing-page-info-confirm-id {
margin-top: 25px !important;
}
.alert-title {
margin-top: 15px;
margin-bottom: 0;
font-weight: bold;
outline: none;
}
.alert-title-standard {
border-bottom: none;
}
.alert-title-accordion {
margin-top: 0 !important;
margin-bottom: 0 !important;
border-top: none;
}
.alert-title,
.alert-detail {
white-space: normal;
margin-top: 0;
font-size: 1em;
padding-left: 39px !important;
}
.alert-detail {
padding: 0 10px 10px 39px;
/* using !important here makes the accordion animation choppy - avoid it */
border-top: none;
margin-bottom: 15px;
line-height: 1.25em;
}
.alert-detail-accordion {
margin-top: -1px !important;
margin-bottom: 0;
}
.alert-detail-section {
overflow: auto;
}
.alert-dismissible {
padding-right: 30px;
position: relative;
}
.alert-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 10px 10px 0 10px;
z-index: 1000;
}
/******************************************************************/
/************************* END ALERTS CSS *************************/
/******************************************************************/
.textWrapper {
margin: 10px 0 0 0;
}
.modalityTiles {
display: inline-block;
*display: inline;
*zoom: 1;
border: 1px solid #e5e5e5;
background-color: #FFFFFF;
}
.modalityTiles .link {
color: blue;
text-decoration: none;
cursor: pointer;
}
.modalityTiles .link:hover {
text-decoration: underline;
}
.action-btns {
text-align: center;
}
.btn-save {
margin: 0 10px;
}
.btn-cancel {
margin: 0 10px;
}
.modalityCombination {
display: inline-block;
*display: inline;
*zoom: 1;
padding-right: 15px;
padding-left: 15px;
position: relative;
width: 390px;
}
.modalityWrapper {
margin-bottom: 1px;
*margin-bottom: 0;
}
.border-bottom-fix {
*border-bottom: 1px solid #EEEEEE;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.modalityDivider {
display: block;
text-align: center;
overflow: hidden;
margin-top: -9px;
z-index: 1;
height: 20px;
position: absolute;
width: 420px;
}
.modalityDivider>span {
position: relative;
z-index: 1;
font-size: .9em;
color: #cccccc;
height: 10px;
*background: #FFFFFF;
*padding-left: 10px;
*padding-right: 10px;
}
.modalityDivider>span:before,
.modalityDivider>span:after {
content: "";
position: absolute;
top: 0.5em;
width: 200px;
height: 1px;
background-color: #EEEEEE;
}
.modalityDivider>span:before {
right: 100%;
margin-right: 10px;
}
.modalityDivider>span:after {
left: 100%;
margin-left: 10px;
}
.error-icon {
position: relative;
overflow: hidden;
width: 30px;
height: 30px;
margin-left: 20px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.error-icon:before {
content: "!";
top: 10px;
right: 11px;
font-size: 1.3em;
font-weight: bold;
color: #ffffff;
position: absolute;
z-index: 1;
}
.error-icon:after {
content: "";
top: 0;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 30px solid #CF2A27;
position: absolute;
display: inline-block;
*display: inline;
*zoom: 1;
}
.modalityCombination-error {
background: #FFF8D8;
}
.modalityCombination-hover {
background-color: #EFF1F8;
cursor: pointer;
}
.modalityCombination-hover .menuTriangle {
display: block;
}
.modalityCombination-selected {
background-color: #EFF1F8;
}
.modalityCombination-selected .menuTriangle {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
display: block;
background-color: #FFFFFF;
z-index: 2;
}
.menuTriangle {
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
width: 30px;
height: 44px;
position: absolute;
right: -1px;
top: -1px;
display: none;
}
.wfTitle {
margin-top: 25px;
line-height: 2em;
}
.left-margin-medium {
margin-left: 1em;
}
.left-margin-20px {
margin-left: 20px;
}
.multipleWfUserPoliciesWrapper,
.ruleUserPoliciesWrapper,
.wfUserPoliciesWrapper {
float: right;
position: relative;
}
.reportUserPoliciesWrapper,
.domainsWrapper {
float: left;
position: relative;
}
.domainsInfo,
.ruleUserPoliciesInfo,
.reportUserPoliciesInfo,
.wfUserPoliciesInfo {
border: 1px solid transparent;
padding-right: 5px;
padding-left: 5px;
}
.domainsInfo-selected,
.ruleUserPoliciesInfo-selected,
.reportUserPoliciesInfo-selected,
.wfUserPoliciesInfo-selected {
background: #EEEEEE;
border: 1px solid #CCCCCC;
border-bottom-color: transparent;
}
.ruleUserPoliciesDropdown,
.wfUserPoliciesDropdown {
position: absolute;
z-index: 2;
border: 1px solid #CCCCCC;
padding: 10px;
}
.ruleUserPoliciesDropdown,
.reportUserPoliciesDropdown,
.wfUserPoliciesDropdown {
min-width: 200px;
background: white;
}
.domainsDropdown {
min-width: 200px;
border: 1px solid #CCCCCC;
padding: 10px;
background: white;
}
.ruleUserPoliciesDropdownWorkflow,
.wfUserPoliciesDropdownWorkflow {
position: absolute;
right: 0;
}
.userPolicyPlaceholder {
color: #aaa;
}
.ruleUserPoliciesDropdown {
line-height: 2em;
}
.domainsDropdown .domainSearch,
.ruleUserPoliciesDropdown .userPolicySearch,
.reportUserPoliciesDropdown .userPolicySearch,
.wfUserPoliciesDropdown .userPolicySearch {
width: 100%;
}
.reportUserPolicySearch {
min-width: 332px;
}
.domainsDropdown .domains,
.ruleUserPoliciesDropdown .userPolicies,
.reportUserPoliciesDropdown .userPolicies,
.wfUserPoliciesDropdown .userPolicies {
margin-bottom: 5px;
width: 100%;
}
.domainsDropdown .domain,
.ruleUserPoliciesDropdown .userPolicy,
.reportUserPoliciesDropdown .userPolicy,
.wfUserPoliciesDropdown .userPolicy {
width: 100%;
}
.inputWrapper {
margin-right: 7px;
}
.domainsDropdown .domainColLeft,
.ruleUserPoliciesDropdown .userPolicyColLeft,
.reportUserPoliciesDropdown .userPolicyColLeft,
.wfUserPoliciesDropdown .userPolicyColLeft {
white-space: nowrap;
}
.ruleUserPoliciesDropdown .userPolicyCount,
.reportUserPoliciesDropdown .userPolicyCount,
.wfUserPoliciesDropdown .userPolicyCount {
color: #666666;
text-align: right;
}
.domainsDropdown .domainColRight,
.ruleUserPoliciesDropdown .userPolicyColRight,
.reportUserPoliciesDropdown .userPolicyColRight,
.wfUserPoliciesDropdown .userPolicyColRight {
padding-left: 20px;
text-align: right;
}
.domainsDropdown .domainRemove,
.ruleUserPoliciesDropdown .userPolicyRemove,
.reportUserPoliciesDropdown .userPolicyRemove,
.wfUserPoliciesDropdown .userPolicyRemove {
cursor: default;
}
.domainsDropdown .domainRemove:hover,
.ruleUserPoliciesDropdown .userPolicyRemove:hover,
.reportUserPoliciesDropdown .userPolicyRemove:hover,
.wfUserPoliciesDropdown .userPolicyRemove:hover {
cursor: pointer;
}
.editMenuWrapper {
position: relative;
z-index: 2;
}
.editMenu {
position: absolute;
display: block;
background-color: #ffffff;
border: 1px solid #cccccc;
z-index: 2;
cursor: default;
white-space: nowrap;
left: 374px;
}
.addMenu {
top: auto;
left: auto;
}
.editMenu .body {
vertical-align: top;
position: relative;
padding-top: 10px;
*zoom: 1;
}
.editMenu .footer {
position: relative;
padding: 20px 10px;
border-top: 1px solid #EEEEEE;
min-height: 18px;
}
.editMenu .remove-link {
display: inline-block;
*display: inline;
zoom: 1;
}
.invisible {
visibility: hidden;
}
.editMenu .done-btn {
border: 1px solid #cccccc;
background-color: #F6F6F6;
background: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
/* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0F0F0', GradientType=0);
/* IE6-9 */
padding: 8px 20px;
display: inline-block;
*display: inline;
zoom: 1;
position: absolute;
right: 10px;
bottom: 10px;
border-radius: 2px;
}
.editMenu .done-btn-enabled:hover {
background-color: #AAAAAA;
cursor: pointer;
}
.editMenu .done-btn-disabled {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
color: #999999;
cursor: default;
}
.editMenu .hidden {
display: none;
}
.placeholder {
height: 24px;
width: 24px;
border-style: solid;
border-width: 2px;
display: inline-block;
}
.placeholderText {
color: #c9c9c9 !important;
font-style: italic !important;
}
.placeholderTextSmall {
color: #c9c9c9 !important;
font-style: italic !important;
font-size: 0.9em !important;
}
.modality {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 10px;
margin: 0;
position: relative;
}
.modality .name {
width: 126px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.editMenu .modality {
display: block;
width: 150px;
*text-align: left;
border: 1px solid transparent;
margin-bottom: 10px;
}
.editMenu .modality-hover {
background-color: #eff1f8;
cursor: pointer;
border: 1px solid #e5e5e5;
}
.editMenu .modality-selected {
background-color: #d6ddeb;
border: 1px solid #d6ddeb;
font-weight: bold;
}
.plus {
height: 24px;
position: relative;
font-size: 1.3em;
display: inline-block;
color: #999999;
*display: inline;
*zoom: 1;
}
.icon {
height: 24px;
width: 24px;
margin-right: 10px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.icon-error-wrapper {
width: 30px;
height: 44px;
position: absolute;
right: 30px;
top: 0;
}
.icon-error {
position: relative;
height: 18px;
width: 18px;
margin-right: 5px;
margin-left: auto;
top: 13px;
background-image: url('../images/SecureSign/warningicon_16x16.png');
}
.icon-modality--1 {
background-image: url('../images/SecureSign/authmethod-none_24x24.png');
}
.editMenu .icon-modality--1 {
background-image: url('../images/SecureSign/authmethod-none-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality--1 {
background-image: url('../images/SecureSign/authmethod-none_24x24.png');
}
.icon-modality-0 {
background-image: url('../images/SecureSign/authmethod-password_24x24.png');
}
.editMenu .icon-modality-0 {
background-image: url('../images/SecureSign/authmethod-password-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-0 {
background-image: url('../images/SecureSign/authmethod-password_24x24.png');
}
.icon-modality-1 {
background-image: url('../images/SecureSign/authmethod-fingerprint_24x24.png');
}
.editMenu .icon-modality-1 {
background-image: url('../images/SecureSign/authmethod-fingerprint-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-1 {
background-image: url('../images/SecureSign/authmethod-fingerprint_24x24.png');
}
.icon-modality--27 {
background-image: url('../images/SecureSign/authmethod-token_24x24.png');
}
.editMenu .icon-modality--27 {
background-image: url('../images/SecureSign/authmethod-token-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality--27 {
background-image: url('../images/SecureSign/authmethod-token_24x24.png');
}
.icon-modality-3 {
background-image: url('../images/SecureSign/authmethod-prox_24x24.png');
}
.editMenu .icon-modality-3 {
background-image: url('../images/SecureSign/authmethod-prox-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-3 {
background-image: url('../images/SecureSign/authmethod-prox_24x24.png');
}
.icon-modality-5 {
background-image: url('../images/SecureSign/authmethod-QA_24x24.png');
}
.editMenu .icon-modality-5 {
background-image: url('../images/SecureSign/authmethod-QA-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-5 {
background-image: url('../images/SecureSign/authmethod-QA_24x24.png');
}
.icon-modality-8 {
background-image: url('../images/SecureSign/authmethod-PIN_24x24.png');
}
.editMenu .icon-modality-8 {
background-image: url('../images/SecureSign/authmethod-PIN-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-8 {
background-image: url('../images/SecureSign/authmethod-PIN_24x24.png');
}
.icon-modality-10 {
background-image: url('../images/SecureSign/authmethod-mobile_24x24.png');
}
.editMenu .icon-modality-10 {
background-image: url('../images/SecureSign/authmethod-mobile-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-10 {
background-image: url('../images/SecureSign/authmethod-mobile_24x24.png');
}
.icon-modality-11 {
background-image: url('../images/SecureSign/authmethod-SMS_24x24.png');
}
.editMenu .icon-modality-11 {
background-image: url('../images/SecureSign/authmethod-SMS-gray_24x24.png');
}
.editMenu .modality-selected .icon-modality-11 {
background-image: url('../images/SecureSign/authmethod-SMS_24x24.png');
}
.icon-modality-12 {
background-image: url('../images/SecureSign/authmethod-email_24x24.png');
}
.editMenu .icon-modality-12 {
background-image: url('../images/SecureSign/authmethod-email-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-12 {
background-image: url('../images/SecureSign/authmethod-email_24x24.png');
}
.icon-modality-13 {
background-image: url('../images/SecureSign/authmethod-face_24x24.png');
}
.editMenu .icon-modality-13 {
background-image: url('../images/SecureSign/authmethod-face-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-13 {
background-image: url('../images/SecureSign/authmethod-face_24x24.png');
}
.icon-modality-14 {
background-image: url('../images/SecureSign/authmethod-fido_24x24.png');
}
.editMenu .icon-modality-14 {
background-image: url('../images/SecureSign/authmethod-fido-grey_24x24.png');
}
.editMenu .modality-selected .icon-modality-14 {
background-image: url('../images/SecureSign/authmethod-fido_24x24.png');
}
.icon-carrot-down {
background-image: url('../images/SecureSign/menu-carrotdown_11x7.png');
}
.dropdown .icon-carrot-down {
position: relative;
width: 11px;
height: 7px;
margin-right: auto;
margin-left: auto;
top: 18px;
}
.primarySelector {
vertical-align: top;
min-width: 172px;
padding-left: 10px;
padding-right: 10px;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
*text-align: center;
}
.primarySelector p {
margin-top: 0;
margin-bottom: 10px;
}
.hidden {
display: none;
}
.divider {
zoom: 1;
vertical-align: top;
border-left: 1px solid #EEEEEE;
position: absolute;
top: 10%;
height: 80%;
}
.dividerWrapper {
display: inline-block;
*display: inline;
*zoom: 1;
}
.secondarySelector {
vertical-align: top;
min-width: 172px;
padding-left: 10px;
padding-right: 10px;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
*text-align: center;
}
.secondarySelector p {
margin-top: 0;
margin-bottom: 10px;
}
.list {
position: relative;
}
[name="inner"] {
background-color: #ffffff;
}
.ie8_11bugfixer {
margin-top: -1px;
}
.ie6_7bugfixer {
*margin-top: 0;
}
.hiddenImage {
opacity: 0;
filter: alpha(opacity=0);
}
.rightLine {
border-right: 1px solid gray;
}
.leftLine {
border-left: 1px solid gray;
}
.topLine {
border-top: 1px solid gray;
}
.bottomLine {
border-bottom: 1px solid gray;
}
div.sep {
background-image: url('../images/1px_blue.gif');
background-repeat: repeat-x;
line-height: 5px;
}
.helpLabel {
font-size: 10px;
color: gray;
line-height: 100%;
}
.subTabsShadow {
margin-left: 0;
border-top: 5px solid #CCCCCC;
}
.warning {
margin: 20px 0;
color: #E1E599;
border: solid 1px #990000;
}
/*
* Style for slightly older VDA style inline warnings.
*/
.warning-block {
border: solid #901414 1px;
background-color: #ffffcc;
max-width: 40em;
width: 268px;
background-image: url(../images/warning-16x15.png);
background-position: 5px center;
background-repeat: no-repeat;
padding: 5px 5px 5px 28px;
}
/*
* For warning blocks that appear inline, to the right of
* other page content.
*/
.warning-block-right {
margin-left: 40px;
}
/*
* Padding instead of margin to avoid margin collapsing.
*/
.page-section {
padding: 20px 0;
}
.page-section-title {
font-weight: bold;
}
/*
* Primary class used for organizing page content
* This should always be used to wrap a table except on the APG pages
* For example, to have a page with a table-main:
*
*/
.page-content-main {
margin-left: 25px;
margin-right: 25px;
}
/*
* Modeled after old .tblSubTab class but without a left margin.
* Useful for future pages with the new left alignment.
* This class can be used for generic page table informational
* content shown at the top of the table, such as the number of
* objects in the table.
*/
.table-info {
width: 100%;
min-height: 21px;
}
/*
* Modeled after old .tblUserMain class but without a left margin.
* Useful for future pages with the new left alignment.
* This class should be used for generic page tables.
*/
.table-main {
width: 100%;
min-width: 800px;
}
/*
* Allows for some broad control over the tables on the APG pages
*
* The APG tables do not need a page-content-main div
*/
.table-apg {
margin-left: 25px;
}
/*
* Allows table-main to be used on pages that are used as dialogs
* Add this class along with table-main to get main tables that can
* be less than 800px (class="table-main table-no-min-width")
*/
.table-no-min-width {
min-width: 0 !important;
}
.table-no-min-height {
min-height: 0 !important;
}
/*
* Serves the same purpose as the .homeTblMon td rule that used to exist
* No longer using homeTblMon (uses table-main instead), so add
* table-center-cells if you want descendent cells to have text-align center
*/
.table-center-cells tr,
.table-center-cells td,
.table-center-cells th {
text-align: center;
}
/*
* Modelled after old .tblUserMain class border
* This can be used with .table-main to simulate the old class
* For example, some pages (Users, Directories, ...) used to have
* a 5px dfdfdf top border but table-main does not do this
* This border should NOT be in table-main anyways, because not all
* of the table-main tables actually need the border.
*
* TODO: Investigate if this border is necessary or should be used
* everywhere... Right now, it is used very sparingly and should either
* be used nowhere or everywhere for main tables.
*/
.table-top-border {
border-top: 5px solid #dfdfdf;
}
/*
* Modeled after old .tblPreviewSubHeader class. Shows
* a background color for the table header row(s).
*/
.table-header {
width: 100%;
background-color: #dfdfdf;
}
.table-header-no-bg {
width: 100%;
}
.table-header td,
.table-header th,
.table-header-no-bg td,
.table-header-no-bg hd {
font-weight: bold;
padding: 3px;
padding-left: 1px;
}
.table-search {
width: 100%;
text-align: left;
vertical-align: bottom;
background-color: #dfdfdf;
}
.table-pad-left {
padding-left: 8px !important;
}
.tblUserPreviewSubHeader {
text-align: left;
vertical-align: bottom;
background-color: #CCCCCC;
}
.tblUserPreviewMainHeader {
font-weight: bold;
padding: 3px;
padding-left: 8px;
background-color: #CCCCCC;
}
.table-top-UserPreview-border {
border-top: 5px solid #CCCCCC;
}
.table-no-border {
cellpadding: 0;
cellspacing: 0;
border: 0;
}
.no-top {
margin-top: 0;
}
.policy-checkbox-cell {
padding: 3px 0;
}
.input-field-policy-long {
width: 300px;
}
/* Short text inputs. */
.input-short {
width: 40px;
}
.input-mid {
width: 210px;
}
select.input-mid {
height: 21px;
width: 214px;
}
.divWarningMessage,
.divTimeShiftInput {
display: inline;
}
.section-header-show-hide {
float: right;
color: #0000ff;
cursor: pointer;
}
.section-header-show-hide-icon {
padding: 0 7px;
}
.section-header {
width: 95%;
}
.auth-bulk-operation-header {
padding: 20px 0px 2px 4px;
}
.bulk-operation-header {
padding: 20px 0px 2px 20px;
}
.bulk-operation-item {
padding: 0px 5px 0px 20px;
}
.bulk-description-item {
padding: 0px 0px 0px 20px;
color: grey;
}
.bulk-action-space {
height: 10px;
}
.bulk-operation-section-bottom {
padding-bottom: 5px;
}
.bulk-operation-file-browse {
/* IE10 won't inherit font-size from html,body styles */
font-size: .9em;
line-height: 15px;
width: 464px;
height: 20px;
}
.bulk-operation-file-browse-label {
z-index: 2000;
position: absolute;
font-style: italic;
font-size: .9em;
color: gray;
top: 100px;
left: 5px;
padding-left: 20px;
}
.bulk-operations-container {
width: 484px;
}
.bulk-operations-nav-button {
width: 80px;
margin: 0 4px 0 0;
}
.bulkOperationList .bulkOperationRow td {
height: 25px;
}
.epic-cs-default-dropdown-width {
width: 420px;
}
.hiddenOverflow {
overflow: hidden;
}
.banner_border_warning_alert {
border: solid #BBD7E4 1px;
background-color: #E9F3F8;
margin-left: 0;
width: 100%
}
.banner_border_error_alert {
border: solid #E4BBBC 1px;
background-color: #F8E9E9;
margin-left: 0;
width: 100%
}
.ss-beta-logo {
margin-top: 17px;
}
.banner_border_warning_not_info_alert {
border: solid #F3D97E 1px;
background-color: #FFF8D8;
margin-left: 0;
width: 100%
}
.banner_border_success_alert {
border: solid #BEE4A5 1px;
background-color: #EBF9E2;
margin-left: 0;
width: 100%
}
/**
* Used in the license file upload lightbox. The goal
* is to make this class usable for any upload lightbox.
*/
.file-upload-content {
width: 345px;
}
.file-upload-button-container {
margin: 20px 0 10px 0;
float: right;
}
.certificate-file-name {
margin-left: 5px;
margin-top: 0px;
color: gray;
z-index: 2000;
position: absolute;
font-style: italic;
font-size: .9em;
}
.certificate-file-name-top-size {
margin-top: -10px
}
.pointer {
cursor: pointer;
cursor: hand;
}
.user-details-list-table {
border: solid 1px #bbb;
border-spacing: 0;
border-collapse: collapse;
}
.user-details-creds-table {
border: none;
border-left: none;
border-right: none;
}
.user-details-creds-table th,
.user-details-list-table th {
background-color: #dfdfdf;
}
.user-details-creds-table th,
.user-details-creds-table tr td {
text-align: left;
padding: 8px;
border-left: none;
border-right: none;
}
.user-details-list-table th,
.user-details-list-table tr td {
text-align: left;
padding: 8px;
}
.user-details-list-table-odd-row {
background-color: #dfdfdf;
}
.user-details-list-table-col-1,
.user-details-list-table-col-2 {
width: 288px;
border-right: solid 1px #bbbbbb;
}
.user-details-list-table-col-3 {
width: 60px;
text-align: center !important;
}
.user-details-creds-table-col-3 {
width: 150px;
text-align: center !important;
}
.content-container {
white-space: nowrap;
}
.helper-text-container {
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
margin: 15px 15px 0 0;
z-index: 1;
min-height: 250px;
width: 190px;
padding: 16px;
background-color: #dfdfdf;
}
.right-container {
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
margin: 0 0 0 25px;
/* top: 63px; */
position: relative;
}
.helper-text-container span {
white-space: normal;
}
.left-container,
.inner-left-container {
zoom: 1;
vertical-align: top;
margin: 0 15px 0 15px;
min-width: 800px;
vertical-align: top;
}
.inner-left-container {
display: inline-block;
*display: inline;
}
.inner-left-container {
margin-left: 0 !important;
margin-right: 0 !important;
white-space: nowrap;
min-width: calc(100vh - 35%)
}
.padding-as-margin {
padding-right: 15px;
}
#here {
white-space: normal;
}
.page-content {
margin: 15px;
}
.page-indent-default {
margin-left: 15px;
margin-right: 32px;
}
.landing-page-container {
min-width: 900px;
display: inline-block;
*display: inline;
zoom: 1;
white-space: nowrap;
}
.landing-page-product-container {
display: inline-block;
*display: inline;
zoom: 1;
width: 300px;
min-width: 300px;
margin: 0 15px 0 0;
}
.landing-page-product-link-container {
display: flex;
white-space: break-spaces;
}
.landing-page-product-desc {
font-size: 1.1em;
}
.landing-page-remoteaccess-doc {
font-size: 0.9em;
}
.landing-page-product-container div a.landing-page-product-link {
font-family: var(--main-font-family);
box-sizing: border-box;
background-color: var(--primary-120);
color: #ffffff;
float: left;
width: 100%;
padding: 0px 15px 0 15px;
border: solid 1px var(--primary-120);
}
div a.landing-page-product-link h2 {
font-weight: normal;
margin: 15px 0px;
}
a.landing-page-product-link,
a.landing-page-product-link:link,
a.landing-page-product-link:hover,
a.landing-page-product-link:active,
a.landing-page-product-link:visited {
text-decoration: none;
}
.landing-page-product-links {
font-size: 1.1em;
box-sizing: border-box;
border: solid 1px #aaaaaa;
width: 100%;
border-top: 0;
margin: 0 0 15px;
padding: 10px 15px 15px 15px;
white-space: normal;
min-height: 420px;
background-color: var(--neutral-white);
}
.landing-page-product-links div {
margin: 5px 0;
}
.landing-page-product-links .charts h1 {
font-size: 2.3em;
}
.landing-page-product-links .charts h1,
.landing-page-product-links .charts h5,
.landing-page-product-links .activity h3 {
margin-top: 0;
margin-bottom: 0;
}
.landing-page-product-links-no-hfotp {
height: 430px;
}
.landing-page-product-links-with-cidra {}
.landing-page-charts-container {
/*height: 95px;*/
}
.landing-page-charts-container div.charts {
height: 105px;
}
.landing-page-oem {
line-height: 1.75em;
}
.landing-page-product {
font-size: 2.4em;
line-height: 1em;
}
div.landing-page-pie-chart,
div.charts,
div.landing-page-pie-chart,
.landing-page-charts-container {
margin: 0 !important;
zoom: 1;
position: relative;
overflow: visible;
}
.landing-page-pie-chart {
display: inline-block;
height: 95px;
width: 95px;
}
div.learn-more>a {
margin: 0 0 20px 0 !important;
font-weight: bold !important;
}
.user-table-no-checkbox {
line-height: 19px;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.bold {
font-weight: bold;
}
.user-search-autocomplete {
width: 380px;
}
.user-search-container {
position: absolute;
background-color: #fff;
border: solid 1px #dedede;
padding: 20px;
margin: 0;
}
.user-search-container label {
position: absolute;
cursor: text;
padding: 2px 0 0 3px;
}
.VMwareAppBox {
height: 260px;
min-width: 475px;
width: 475px;
overflow-y: scroll;
overflow-x: auto;
border: solid 1px #E9E9E9;
}
/*
* TODO: this needs a generic class
* that works for all file input labels.
*/
.upload-license-file-browse-label {
z-index: 2000;
position: absolute;
font-size: .9em;
top: 80px;
}
.messages-container,
.internal-messages-container {
margin: 15px 25px 0 25px;
}
.table-users {
border: 0;
padding-left: 25px;
width: 100% !important;
margin: 15px 0;
}
.ui-widget {
font-family: "Segoe UI", "Helvetica Neue", "Lucida Sans Unicode", sans-serif;
font-size: 1em;
}
/*
* TODO: replacethe .vdi-* classes with generic ones.
*/
.vdi_vendor_bold {
font-weight: bold;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 4px;
}
.vdi_vendor_normal {
font-weight: normal;
padding-left: 5px;
}
.table-message {
margin: 5px;
}
.no-border {
border: 0;
}
.form-field-error {
border: solid 1px rgb(198, 12, 48);
}
.landing-page-info {
width: 280px;
margin-left: 0 !important;
}
.landing-page-info-content {
background-color: #ffffff;
line-height: 1em;
}
.landing-page-info-content div {
font-size: 1em;
margin: 0;
}
.landing-page-status-pane {
padding: 10px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #aaaaaa;
white-space: normal;
}
.landing-page-status-pane-name {
line-height: 1.2em;
}
.landing-page-status-pane div {
color: #333333;
}
.landing-page-pane-content {
margin: 10px 0 10px 0 !important;
line-height: 1.1em;
}
.landing-page-info-section {
margin: 0 0 15px 0;
}
.landing-page-info-appl-title {
background-color: #aaaaaa;
border: solid 1px #aaaaaa;
}
.landing-page-info-title {
color: #ffffff;
font-size: 1.25em;
padding: 10px;
line-height: 1em;
}
.landing-page-info-alerts-title {
background-color: #fbb631;
border: solid 1px #fbb631;
position: relative;
}
.landing-page-pane-status {
width: 100%;
display: inline-block;
margin-bottom: 0 !important;
}
.landing-page-appl-close {
cursor: pointer;
width: 34px;
height: 12px;
padding-top: 3px;
text-align: center;
}
.landing-page-pane-host {
margin-bottom: 0 !important;
width: 170px;
}
.landing-page-appl-ip {
color: rgba(172, 170, 173, 1) !important;
margin-left: 25px !important;
}
.status-dot-container {
width: 30px;
height: 10px;
margin-bottom: 0 !important;
display: inline-block;
background: transparent;
padding-top: 4px;
}
.status-dot-green {
background-image: url(../images/appliance-status_30x30.png);
background-position: 0 0;
height: 10px;
}
.status-dot-yellow {
background-image: url(../images/appliance-status_30x30.png);
background-position: 0 20px;
height: 10px;
}
.status-dot-red {
background-image: url(../images/appliance-status_30x30.png);
background-position: 0 10px;
height: 10px;
}
.status-dot-gray {
background-image: url(../images/appliance-status_30x40.png);
background-position: 0 10px;
height: 10px;
}
.prox-serial-row {
margin-left: 5px;
}
.prox-checkbox {
margin-right: 5px;
}
/*
* TODO: use classes instead of IDs for the
* styles below.
*/
#vascoTokenMenu,
#proxCardMenu,
#symantecVipMenu {
background-color: #ffffff;
margin-top: 0;
margin-bottom: 0;
position: absolute;
border: 1px solid #333333;
}
#symantecVipUpload {
background-color: #ffffff;
margin-top: 0;
margin-bottom: 0;
position: fixed;
border: 7px solid #cccccc;
z-index: 1000;
}
#backgroundCover {
background-color: #000000;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 999;
}
#symantecVipUpload {
width: 350px;
}
#symantecVipMenu {
width: 264px;
}
#proxCardMenu {
width: 188px;
}
#vascoTokenMenu {
width: 215px;
}
.menu-element {
margin-top: 0;
padding-left: 20px;
margin-bottom: 0;
top: 0;
cursor: pointer;
line-height: 1.45;
color: #333333;
font-family: "Segoe UI", "Helvetica Neue", "Lucida Sans Unicode", sans-serif;
font-size: 1em;
font-weight: normal;
}
.lightbox-input-medium,
.lightbox-input-medium-1 {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.lightbox-input-medium {
width: 345px;
}
.lightbox-input-medium-1 {
width: 375px;
}
.lightbox-input-medium-2 {
width: 525px;
}
.lightbox-input-select {
height: 22px;
}
#outer {
border: solid 1px #000000;
}
.show {
display: block;
}
.nav-right-final {
padding-right: 15px;
text-align: right;
}
.ui-accordion-header.ui-state-active {
border-bottom: none;
}
.attestation {
height: 50px;
white-space: nowrap;
vertical-align: top;
}
.attestation-left,
.attestation-right {
width: 300px;
white-space: normal;
margin-right: 15px;
}
.attest-yes,
.attest-no,
.salt-no,
.salt-yes {
text-align: left !important;
display: block;
}
.attest-yes,
.salt-yes {
margin: 0px 15px 0px 52px !important;
padding: 15px !important;
border: solid 1px green;
border-radius: 4px;
color: #fff;
background-color: #48bb0d !important;
display: block;
}
.attest-yes h4,
.salt-yes h4 {
margin: 0;
}
.attest-no,
.salt-no {
margin: 10px 15px 10px 52px !important;
font-size: 1.2em;
}
.attest-text {
height: 125px;
}
.attest-content {
margin-left: 45px;
}
#exception-list {
width: 100%;
/* width is constrained by container min-width */
}
#identity-proofing .td-radio {
vertical-align: top;
}
#identity-proofing .td-checkbox {
vertical-align: top;
}
#identity-proofing .td-description {
padding-top: 3px;
}
#identity-proofing .header {
font-weight: bold;
}
#identity-proofing .subheader {
color: #ababab;
font-weight: bold;
}
#search-container {
position: absolute;
z-index: 2;
width: 300px;
}
#exception-search {
width: 100%;
}
.exception-wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.exception-wrapper td {
text-align: left;
vertical-align: top;
padding: 0 15px 5px 0;
margin: 5px 0 0 0;
word-wrap: break-word;
white-space: normal;
}
.exception-wrapper div.exception-name {
min-width: 158px;
}
#exception-section {
padding: 10px;
border: 1px solid #999;
}
#exception-section-wrapper {
position: relative;
margin-top: 10px;
}
.disabled,
#exception-section.disabled {
opacity: 0.4;
cursor: not-allowed !important;
filter: alpha(opacity=40)\9;
/* For IE8 and earlier */
}
#exception-section.disabled .link {
cursor: not-allowed;
}
.disabled:hover,
#exception-section.disabled .link:hover {
text-decoration: none !important;
}
#exception-loading {
background-image: url(../images/loading-white-on-red_24x24.gif);
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
right: 50%;
opacity: 1;
}
.supervisor-allowSelf-outer {
margin-top: 5px;
}
.supervisor-allowSelf-input {
margin-bottom: -5px;
margin-right: 5px;
}
.policy-checkbox {
padding: 3px 0;
width: 25px;
}
.policy-auth-method {
padding-top: 10px;
padding-bottom: 10px;
}
.policy-radio {
padding: 3px 0;
vertical-align: top;
}
.policy-radio-sublabel {
margin-left: 1.7em;
}
.policy-radio-separator {
width: 32px;
}
.section-vis-toggle {
float: right;
}
.section-hide,
.section-show {
padding: 0 30px 0 0;
background-repeat: no-repeat;
background-position: 35px center;
}
.section-hide {
background-image: url(../images/admin-triangle-up_10x5.gif);
}
.section-show {
background-image: url(../images/admin-triangle-down_10x5.gif);
}
.symantecListButtons {
display: inline;
float: left;
margin: 10px;
margin-left: 5px;
padding: 0;
}
.symantecListButtons>li {
float: left;
margin-right: 10px;
}
#symPages {
height: 34px;
position: relative;
font-size: 11px;
float: left;
}
.mega-menu-title,
.column-title {
padding: 9px 22px 8px 22px;
color: #7e7e7e;
font-weight: bold;
}
.normal {
font-weight: normal;
}
.info-text-aligned {
padding-right: 8px;
}
.already-using {
margin: 20px 0 0 0 !important;
font-size: 0.9em;
}
/*
* Bit of a hack to allow one-liner alerts
* to work happily with a jQuery accordion which
* requires 2 HTML elements to render correctly.
* In this case we create the 2nd element with
* a tiny class and feed it to the accordion
* and things work pretty well.
*
* TODO: is there a better, less hack-y, solution?
*/
.alert-detail-tiny {
height: 1px;
line-height: 1px;
font-size: 1px;
padding: 0;
margin: 0 0 15px 0;
}
.table-as-diagram {
line-height: 1em;
}
#allow-for-epcs-btn {
display: inline-block;
margin: 10px 0 5px 0 !important;
padding: 15px !important;
border-radius: 4px;
border: solid 1px #999;
background-color: #F6F6F6;
position: relative;
}
#allow-for-epcs-btn h4 {
margin: 0;
}
#allow-for-epcs-btn:hover {
cursor: pointer;
}
#allow-for-epcs-btn:disabled {
cursor: default;
}
#allow-for-epcs-btn:disabled:after {
background-image: url(../images/loading-white-on-red_24x24.gif);
background-repeat: no-repeat;
background-position: center;
content: '';
width: 30px;
height: 30px;
position: absolute;
top: 10px;
left: 60px;
}
.tooltip {
margin-left: 0.25em;
}
.tooltip-img-modality {
vertical-align: middle;
}
.tooltip-container-img-modality {
height: 24px;
margin: 0;
padding: 0;
}
.sub-tab-right {
width: 5px;
min-width: 5px;
background-color: #fff;
padding: 0;
margin: 0;
}
/*
* Add this class to use tblAPGTitle class with
* a div and to override hardcoded width and give
* it a margin.
*/
.box-section-header {
margin-top: 15px;
padding: 5px 0 0 5px;
width: auto;
/* overrides tblAPGTitle hardcoded width */
}
/*
* Add this class to use tblAPGBody class with
* a div and to override hardcoded width.
*/
.box-section-body {
width: auto;
/* overrides tblAPGBody hardcoded width */
}
/* * Classes for input fields Computer policy Customization tab **/
.compp-customize-inputwrap {
height: 25px;
line-height: 25px;
margin-top: 5px;
border: 1px solid black;
width: 325px;
}
.compp-customize-inputwrap.default {
background-color: #CCC;
}
.compp-customize-inputwrap.overridden {
background-color: white;
}
.compp-customize-input {
width: 315px;
font-size: 16px;
text-align: left;
border: none;
}
.compp-customize-input.overridden {
background-color: white;
}
.compp-customize-input.default {
background-color: #CCC;
}
.compp-customize-clear {
display: inline-block;
width: 15px;
font-size: 18px;
text-align: right;
color: #666;
position: relative;
margin-left: -18px;
z-index: 10;
background-color: white;
cursor: pointer;
}
.compp-customize-clear.hidden {
display: none;
}
.compp-customizepie-inputwrap {
height: 48px;
line-height: 45px;
margin-top: 5px;
border: 1px solid black;
width: 355px;
}
.compp-customizepie-inputwrap.overridden {
background-color: white;
}
.compp-customizepie-inputwrap.default {
background-color: #CCC;
}
.compp-customizepie-input {
width: 345px;
height: 42px;
line-height: 42px;
font-size: 32px;
text-align: center;
border: none;
}
.compp-customizepie-input.overridden {
background-color: white;
}
.compp-customizepie-input.default {
background-color: #CCC;
}
.compp-customizepie-clear {
width: 35px;
vertical-align: top;
text-align: right;
font-size: 30px;
display: inline-block;
position: relative;
margin-left: -32px;
color: #666;
z-index: 10;
background-color: white;
cursor: pointer;
}
/** End of Computer policy Customization tab classes **/
#emailBtnOK {
width: 80px;
}
#regulationsList {
list-style-type: none;
padding: 0;
}
.div-table {
display: table;
}
.div-table-body {
display: table-row-group;
}
.div-table-row {
display: table-row;
}
.div-table-cell {
display: table-cell;
}
.div-table-cell-1 {
width: 250px;
}
.div-table-cell-50per {
width: 50%;
}
.label-multiline,
#exception-section-wrapper {
display: block;
vertical-align: top;
margin: 0 0 10px 25px;
}
.label-indent {
vertical-align: top;
margin: 0 0 10px 6px;
/* TODO: left padding tweak to make it a multiple of 5? */
}
.label-indent {
margin-bottom: 0;
}
.label-multiline:after,
.label-indent:after {
clear: both;
}
.hr-margin-top {
margin-top: 25px;
border-left: 0;
clear: both;
}
.exception-list-label {
margin-bottom: 5px;
}
.emr-application-list-table-header-bar {
background: #ddd;
min-height: 18px;
}
.emr-application-list-table-col-smallgray {
font-size: 0.75em;
color: gray;
}
.cloud-connection-required-warning {
background: #EEEEEE;
line-height: 40px;
}
.copy-mark {
width: 16px;
height: 16px;
margin-left: 5px;
background-image: url("../images/copy.svg");
background-repeat: no-repeat;
background-size: contain;
display: block;
}
.copy-mark-button {
cursor: pointer;
background: none;
border: none;
vertical-align: top;
}
.exclamation-sign-rectangle {
background: rgba(198, 12, 48, 0.9) url("../images/exclamation-rectangle.png") no-repeat;
background-color: #C60C30;
/* CSS hack for IE8 and below */
width: 40px;
height: 40px;
display: inline-block;
border-top-left-radius: 10%;
border-bottom-left-radius: 10%
}
.exclamation-sign-circle {
background: url("../images/exclamation-circle.png") no-repeat 10px center;
padding: 5px 5px 5px 36px;
width: 24px;
height: 24px;
}
input.button_check {
padding-left: 36px;
border: 0;
cursor: pointer;
background: url("../images/check.svg") no-repeat 10px center;
}
.witness-comments {
word-wrap: break-word;
max-width: 440px;
}
.box,
.inline-box {
padding: 15px;
min-width: 475px;
}
.box-1 {
width: 475px;
}
.inline-box-container {
width: 100%;
margin: 25px 0 25px 0;
}
.bg-emphasis,
.inline-box-bg-emphasis {
background-color: #efefef;
}
.inline-box-first {
padding-left: 0;
padding-right: 10px;
}
.inline-box-mid {
padding: 0 10px;
}
.inline-box-last {
padding-left: 10px;
}
.inline-box-radio {
padding-left: 15px;
padding-right: 40px;
}
.inline-box .subTabSectionHeader {
margin-top: 0;
}
.inline-control {
margin: 0 10px;
}
.h-min-330 {
min-height: 330px;
}
.container-inner-welcome {
padding-top: 20px;
background-color: #ffffff;
border-radius: 1em;
border: 1px solid black;
}
.container-welcome-centered {
position: absolute;
top: 50%;
left: 50%;
}
.container-welcome {
width: 380px;
margin: -140px 0 0 -190px;
}
.welcome-logo {
text-align: center;
}
.welcomeRedLink {
color: blue;
text-decoration: underline !important;
cursor: pointer;
}
#reports-title-cell {
padding-left: 5px;
}
.reports-submenu {
display: inline-block;
margin-right: 15px;
}
/*
* Note: the -ms-clear pseudo element
* doesn't work when the frameset emulates
* IE9, even on a page inside the frameset
* that uses an HTML 5 doctype. This should
* should work once we move everything to
* HTML5 doctypes, however.
*/
::-ms-clear {
display: none;
width: 0;
height: 0;
}
.scrollable {
overflow: scroll;
}
.copyable {
height: 200px;
width: 100%;
padding: 5px;
border: solid 1px rgb(203, 203, 203);
}
.bottom-align {
vertical-align: bottom;
}
.list-none li {
list-style-type: none;
}
ol.list-inline {
margin: 0;
padding: 0;
}
.date-filter-left-alignment {
margin-left: 10px;
}
.default-cursor {
cursor: default !important;
}
a.black-triangle {
color: #000000;
font-size: 10px;
margin-left: 5px;
}
div.dircon-disconnect {
position: absolute;
border: 1px solid #BAD7E5;
display: none;
background-color: #E9F3F8;
margin-left: 119px;
}
/* Ideally, these rules would reside in css/pageLayout.css
However, that file is not referenced in realms.xsl */
.sectionHeader {
width: 100%;
}
.sectionHeader>.tblTitle {
width: 30%;
}
#detailsPane {
width: 457px;
height: 180px;
border: 1px solid black;
overflow: scroll;
display: none;
}
.button-group-right {
float: right;
margin-right: 2px;
}
.margin-left-20 {
margin-left: 20px;
}
.margin-left-25 {
margin-left: 25px;
}
.margin-right-25 {
margin-right: 25px;
}
.padding-right-10 {
padding-right: 10px;
}
.padding-left-5 {
padding-left: 5px;
}
.padding-left-10 {
padding-left: 10px;
}
.padding-left-25 {
padding-left: 25px;
}
.padding-left-30 {
padding-left: 30px;
}
.padding-left-32 {
padding-left: 32px;
}
.padding-left-35 {
padding-left: 35px;
}
.padding-left-40 {
padding-left: 40px;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-25 {
padding-bottom: 25px;
}
.padding-bottom-35 {
padding-bottom: 35px;
}
.vdi-input-mid {
margin-left: 20px;
}
.vdi-input-short,
.vdi-input-short-indent {
margin-left: 0;
}
.vdi-input-short {
width: 210px;
}
.vdi-input-short-indent {
width: 200px;
}
.vdi-input-inline-first,
.vdi-input-inline-mid,
.vdi-input-inline-last {
width: 210px;
display: table-cell;
vertical-align: middle;
}
.vdi-input-inline-first-long {
width: 400px;
display: table-cell;
vertical-align: middle;
}
/*
* Use padding instead of margin here so that the contents are pushed correctly
* when using a table-cell display in conjunction with border-spacing: 0; at
* the display:table level.
*/
.vdi-input-inline-mid,
.vdi-input-inline-last {
padding-left: 30px;
}
.vdi-input-inline-last-close-left {
padding-left: 10px !important;
}
/*
* .vdi-input-inline-* uses display: table-cell
* and defaults to vertical-align: middle;
* Use this class to align the contents to the top.
*/
.vdi-input-inline-v-top {
vertical-align: top;
}
/*
* .vdi-input-inline-* uses display: table-cell
* and defaults to vertical-align: middle;
* Use this class to align the contents to the bottom.
*/
.vdi-input-inline-v-bottom {
vertical-align: bottom;
}
.vdi-input-inline-table {
border-spacing: 0;
}
.vdi-app-table {
background-color: #FCF7E3;
margin: 5px 0 15px 0;
padding-left: 10px;
width: 900px;
}
.div-input-adminRoleName {
float: right;
width: 56%;
left: 50%;
margin-left: -100px;
}
.tblFieldInputLongVdi {
width: 600px;
margin: 0 0 5px 0;
}
#ImprSSCustomizationSection {
margin-top: 5px;
}
#SSCustomizationSection {
width: 100%;
margin-top: 10px;
}
#SSCustomizationSection .selected {}
#ImprSSCustomizationSection .restrictedTextAreaWrapper {
width: 395px;
position: relative;
}
#SSCustomizationSection .div-table-cell {
border: 1px solid #efefef;
background-color: transparent;
}
#SSCustomizationSection .div-table-cell.selected {
background-color: #efefef;
}
.control-label-sub-indent {
margin-left: 25px;
}
.vda-connection-servers-container {
padding-top: 5px;
}
.collapsible-section-inner-container {
width: 100%;
}
.button-2 {
padding-left: 10px;
}
.input-delete-inline {
margin: 4px 0 0 5px;
cursor: pointer;
}
.send-notifications-label {
margin-right: 45px;
}
input#time {
width: 80px;
height: 14px;
}
.noPaddingTop {
padding-top: 0;
}
.input-inline {
margin: 0 10px 0 0;
}
#agent-refresh-interval-hours,
#agent-refresh-interval-minutes {
z-index: 2;
position: relative;
}
.clear-error-message-pass-button {
position: absolute;
display: inline-block;
right: 0%;
margin: -16px 0px 0px 0px;
font-weight: bold;
font-size: 38px;
cursor: pointer;
}
/*
* Use padding instead of margin to prevent margin collapsing.
*/
.unlicensed {
padding: 15px 0;
}
.empty-space {
display: inline-block;
width: 0.5em;
}
.double-empty-space {
display: inline-block;
width: 1em;
}
.indented-sub-label {
display: block;
padding-left: 2.3em;
margin-top: 0;
}
.add-emr-dialog-page-section {
padding: 15px 0;
}
.add-emr-dialog-page-section-dr-first {
padding: 5px 0;
}
#certificate-dialog {
overflow-y: auto;
max-height: 250px;
/*min-height: 100%;
height: 100%;*/
}
.workflow-options {
min-height: 80px;
}
.workflow-options>div {
padding-left: 20px;
}
#allow-password-container {
padding-top: 2em;
}
.screenCell-min-width {
min-width: 130px;
}
.screenCell-padding-left {
padding-left: 15px;
}
.configureLink {
padding-left: 5px;
}
.configGear {
margin-left: 5px;
cursor: pointer;
}
.configureFieldDialog {
padding: 0 10px 10px 10px;
}
td.rightIndent {
padding-right: 4px;
}
.configFieldDetails {
padding-bottom: 10px;
}
#editFieldConfig {
margin-top: 5px;
width: 100%;
}
.truncatedText {
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
max-width: 80px;
}
.meaningSelectEl {
width: 157px;
}
#patternFieldConfig {
margin-top: 5px;
width: 500px;
}
#prefixFieldConfig,
#suffixFieldConfig {
width: 110px;
}
#additionalFieldConfig {
width: 155px;
}
tr.meaningRow>td {
padding-bottom: 5px;
}
.helperText {
color: #999999;
font-style: italic;
}
.removeLabelMeaningButton {
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
}
.configMeaningButton {
padding-left: 10px;
padding-right: 10px;
}
.emptySpan {
padding-left: 10px;
}
.instructionalText {
margin-bottom: 10px;
margin-top: 10px;
}
.tblViewEmail {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.workflow-option {
vertical-align: top;
}
.policyChooserWrapper {
display: inline-block;
width: 300px;
}
.policyChooserWrapper>.ruleUserPoliciesDropdown,
.policyChooserWrapper>.reportUserPoliciesDropdown,
.policyChooserWrapper>.wfUserPoliciesDropdown {
min-width: 278px;
}
#cts-health-dialog-container {
min-height: 0 !important;
}
#force-enroll-container {
margin-top: 10px;
margin-left: 35px;
}
.dialog-display-text {
word-wrap: break-word;
width: 450px;
}
.radio-with-image {
vertical-align: middle;
}
.yellowWarningMessage {
border: solid #901414 1px;
background-color: #FFFFCC;
max-width: 40em;
}
.warningIcon {
align: "center";
width: "24px"
}
.paddingLeft25 {
padding-left: 25px;
}
.tableUsersInGroups {
margin-top: 0.5em;
padding-left: 15px;
}
.disabledHyperlink {
color: #999999;
cursor: not-allowed;
}
.tblDomainUserNameFormat {
padding-left: 0px;
margin: 0 -10px -10px 0;
}
.table-padding-3 tr td {
padding: 3px;
}
.padding-top-5 {
padding-top: 5px;
}
.min-width-20 {
min-width: 20px;
overflow: visible;
}
a.ra-recovery-help {
color: blue !important;
cursor: pointer;
}
#tempcode-dialog label {
display: inline-block;
margin-bottom: 0.5em;
padding-right: 0.5em;
vertical-align: middle;
}
#tempcode-dialog-container+.ui-dialog-buttonpane {
padding: 0;
}
#tempcode-dialog-container+.ui-dialog-buttonpane button {
margin: 1.0em 0.4em 1.0em 0.4em;
}
#tempcode-holder {
margin-top: 0.5em;
}
.tempcode-separator {
margin-left: 12px;
margin-right: 12px;
}
.tempcode-radio,
.tempcode-radio+span {
vertical-align: middle;
}
.tempcode-radio {
margin-right: 1em;
vertical-align: top;
}
.tempcode-dialog h3,
#confirm-unenroll-dialog h3 {
font-weight: bold;
margin-top: 0;
margin-bottom: 0.25em;
}
#confirm-unenroll-dialog h3 {
margin-left: 0.5em;
display: inline-block;
}
.tempcode-dialog h4,
#confirm-unenroll-dialog h4 {
font-weight: normal;
margin-top: 0;
}
h4.tempcode-input-header {
font-weight: 600;
/* less bold */
margin-top: 0.5em;
margin-bottom: 0.25em;
}
#tempcode-validation-container {
color: red;
margin-top: 0.25em;
margin-bottom: 1em;
cursor: default;
}
.tempcode-validation-error {
border: 1px solid red;
}
.tempcode-links,
.masked-tempcode {
margin-top: 1em;
}
.masked-tempcode {
margin-left: 1em;
}
.masked-tempcode span {
vertical-align: sub;
}
.dialog-bold-button {
font-weight: bold;
}
#tempcode-main-container {
text-align: center;
border: 1px solid black;
margin: 1em auto 2em;
}
#tempcode-holder {
color: #00AA00;
background-color: #F4F4F4;
display: inline-block;
font-family: Consolas, monospace;
font-size: 26pt;
padding-left: 1em;
padding-right: 1em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
}
.tempcode-info-holder {
font-size: 1.25em !important;
/* h4 font size from typeramp */
margin-bottom: 1em;
}
#tempcode-copy-to-clipboard {
display: inline-block;
position: relative;
background-color: white;
text-align: center;
top: 0.65em;
padding-left: 1em;
padding-right: 1em;
margin-left: auto;
margin-right: auto;
}
.tempcode-button-with-hint {
margin-bottom: 0.25em !important;
}
.tempcode-button-helper {
text-align: center;
margin-bottom: 1em;
}
.tempcode-header-margin {
margin-top: 1em !important;
}
#tempCodeHelpLinkContainer {
display: inline-block;
}
#tempCodeHelp {
margin-right: 4em;
}
.clear-both {
clear: both;
}
.width-500 {
width: 500px;
}
.preserve-margin {
width: 20px;
}
label#MedDeviceLogInPasswordOnlyId {
vertical-align: text-top;
}
.remoteAccessEnrollTable {
border-spacing: 0;
border: 1px solid #F2F2F2;
width: 100%;
table-layout: fixed;
}
.remoteAccessEnrollTable th>div,
.remoteAccessEnrollTable td input,
.remoteAccessEnrollTable td select {
width: 90%;
}
.bottom-border td {
border-bottom: 1px solid #F2F2F2;
word-wrap: break-word;
}
.remoteAccessEnrollTable td:first-child {
border-right: 1px solid #F2F2F2;
}
.remoteAccessEnrollTable select {
height: 22px;
}
.remoteAccessEnrollTable input {
height: 16px;
}
.shadedTableRow {
background-color: #F2F2F2;
width: 100%;
}
.shadedTableRow th {
vertical-align: middle;
padding-top: 4px;
padding-bottom: 4px;
}
.normal th {
font-weight: normal;
}
.remoteAccessEnrollTable .link {
line-height: 2;
}
.width-26 {
width: 26px;
}
.switchDigiCertSelectionLink {
width: 200px;
display: inline-block;
text-align: right;
}
.actionRequiredField {
color: red;
border: 1px solid red;
}
#red-button {
background: #D9292B !important;
border: solid 1px #AF0701 !important;
color: #ffffff;
}
.actionRequiredFieldBorderOnly {
border: 1px solid red;
}
.width-full-less-50 {
width: calc(100% - 50px);
}
.horizontal-margin-5 {
margin-left: 5px;
margin-right: 5px;
}
.customizationSpanFontColor {
color: #999999;
font-size: 0.9em;
}
.customizationWidth {
width: 100%;
}
.customizationFloat {
float: left;
}
.customizationLineBreak50 {
padding-top: 50px;
}
.customizationLineBreak25 {
padding-top: 25px;
}
.customizationImgLogo {
position: absolute;
background: url('../images/cobranding/EAM-logo-white-201x51.png') no-repeat 50%;
height: 150px;
width: 200px;
}
.customizationColorSelected {
margin-right: 10px;
height: 18px;
width: 18px;
border: solid 1px #c0c0c0;
display: inline-block;
}
.customizationBannerPaddingLeft {
padding-left: 20px;
white-space: nowrap;
margin-right: 5px;
margin-bottom: 10px;
vertical-align: middle;
}
.customizationBannerMarginRight {
margin-right: 10px;
}
.customizationBannerMarginRight30 {
margin-right: 30px;
}
.customizationColorPaletteFrame {
border: 1px solid #c5c5c5;
width: 390px;
padding: 4px;
border-radius: 10px;
display: inline-block;
}
.customizationColorPaletteFrameForTextColor {
border: 1px solid #c5c5c5;
width: 52px;
padding: 4px;
border-radius: 10px;
display: inline-block;
}
.middleAlign {
vertical-align: middle;
}
.customizationColorPaletteSquares {
margin-right: 5px;
height: 18px;
width: 18px;
border: solid 1px #c0c0c0;
display: inline-block;
cursor: pointer;
}
.customizationBGColor1 {
background-color: #f44336;
}
.customizationBGColor2 {
background-color: #ff9800;
}
.customizationBGColor3 {
background-color: #ffc107;
}
.customizationBGColor4 {
background-color: #4caf50;
}
.customizationBGColor5 {
background-color: #00bcd4;
}
.customizationBGColor6 {
background-color: #3f51b5;
}
.customizationBGColor7 {
background-color: #9c27b0;
}
.customizationBGColor8 {
background-color: #ffffff;
}
.customizationBGColor9 {
background-color: #000000;
}
.customizationBGColor10 {
background-color: #1E2B3A;
}
.customizationCustomColorLabel {
cursor: pointer;
margin-left: 10px;
color: #5B96DA
}
.customizationCustomColorInlineBlock {
display: inline-block;
}
.customizationCustomColorBox {
margin-left: 10px;
display: inline-block;
width: 70px;
text-align: center;
}
.ui-dialog button.customLink {
background: none !important;
color: blue;
border: none;
font: inherit;
cursor: pointer;
padding-right: 40px;
}
.width175 {
width: 175px;
}
.heigth50per {
line-height: 50%;
}
.code-block {
font-family: Consolas, monospace;
font-size: 14px;
word-break: break-all;
word-wrap: break-word;
}
.input-field-mobile-profile-long {
width: 750px;
text-align: left;
}
.hover-popup {
vertical-align: text-top;
}
.paddingApplexProvisioning {
padding: 8px 5px;
}
.margin-top-1em {
margin-top: 1em;
}
.btn-new {
border: 1px solid;
border-radius: 2px;
text-align: center;
padding: 6px 24px 6px 24px;
text-decoration: none;
height: 32px;
}
.btn-new-no-padding {
border: 1px solid;
border-radius: 2px;
text-align: center;
text-decoration: none;
height: 32px;
}
.btn-primary {
color: white;
background: #2171cd;
border-style: 1px inside;
}
.btn-primary:enabled:hover {
background: #134175;
}
.btn-primary:disabled {
opacity: 0.65;
}
.btn-adj {
margin: 0 10px 0 0;
}
.btn-secondary {
color: #666666;
background: white;
outline: #666666;
}
.btn-secondary:enabled:hover {
color: white;
background: #cccccc;
outline: #666666;
}
.btn-secondary:disabled {
opacity: 0.65;
}
.tblFieldApplexProv {
width: 232px;
}
.applexProvisioningHighlightRow {
background-color: #F7F7F7;
}
.applexProvisioningHighlightBold {
font-weight: bold;
}
.position-relative {
position: relative;
}
.code-block {
font-family: Consolas, monospace;
font-size: 14px;
word-break: break-all;
word-wrap: break-word;
}
.landing-page-status-bar {
margin-bottom: 20px;
}
.cloud-connection-status {
vertical-align: top;
}
.cloud-status-main {
padding-left: 75px;
padding-right: 75px;
max-width: 1280px;
}
.cloud-status-table {
border-collapse: collapse;
width: 100%;
}
.cloud-status-cell {
height: 50px;
text-align: left;
border-bottom: 1px solid #ddd;
}
.cloud-status-cell-big {
width: 25%;
}
.cloud-status-cell-small {
width: 15%;
}
.cloud-status-cell:hover {
background-color: #f5f5f5;
}
#cloud-deprovisioned-warning {
padding: 15px 10px 10px 50px;
width: 85%;
}
.connection-success-icon {
height: 20px;
width: 20px;
display: inline-block;
margin-right: 4px;
background: url(../images/appliance-status-connected-16.png) no-repeat 0 0;
}
.connection-error-icon {
height: 20px;
width: 20px;
display: inline-block;
margin-right: 4px;
background: url(../images/appliance-status-connection-issue-16.png) no-repeat 0 0;
}
.connection-idle-icon {
height: 20px;
width: 20px;
display: inline-block;
margin-right: 4px;
background: url(../images/appliance-status-idle-16.png) no-repeat 0 0;
}
.connection-warning-icon {
height: 20px;
width: 20px;
display: inline-block;
margin-right: 4px;
background: url(../images/appliance-status-warning-16.png) no-repeat 0 0;
}
.connection-not-applicable-icon {
height: 20px;
width: 20px;
display: inline-block;
margin-right: 4px;
background: url(../images/appliance-status-notapplicable-16.png) no-repeat 0 0;
}
.connection-btn {
margin-top: 5px !important;
margin-left: 25px !important;
}
.cts-status-pane {
margin-top: 10px;
}
.eamc-status-pane {
margin-top: 10px;
}
.connection-title {
margin-left: 5px !important;
}
.connection-subtitle {
color: rgba(172, 170, 173, 1) !important;
}
.cloud-title-aligned {
position: absolute;
margin-top: 1px;
margin-left: -4px;
}
.ie8-9-modal-buttons {
margin-bottom: 10px;
margin-left: -53px;
margin-right: -53px;
transform: none !important;
}
.digicert-idp-column {
width: 35%;
vertical-align: top;
padding-bottom: 20px;
}
.digicert-idp-status-description {
margin-top: 10px;
}
.input-field-mobile-profile-short {
width: 400px;
text-align: left;
}
.tblLogOutMethodPosition {
vertical-align: top;
width: 440px;
}
.test-connection-img {
margin-top: 200px;
margin-left: -30px;
}
.digicert-idp-error-code {
color: red;
}
.digicert-idp-case-notes {
margin-top: 10px;
}
.tblFieldInputError {
border: solid 1px red;
}
.digicert-email-warning-text {
color: grey;
}
.establish-trust-img {
margin-top: 200px;
margin-left: 100px;
}
.establish-trust-img-title {
margin-left: 230px;
margin-top: 60px;
}
.test-connection-img-title {
margin-left: 130px;
margin-top: 60px;
}
.breadcrumb {
margin-bottom: 20px;
list-style: none;
}
.bread-crumb>ul,
ol {
margin-top: 0;
}
.bread-crumb>li>a {
color: #337ab7;
cursor: pointer;
}
.breadcrumb>li {
display: inline-block;
}
.bread-crumb {
background-color: transparent;
padding: 8px 0;
}
.breadcrumb>.active {
color: #333;
}
.breadcrumb>li+li::before {
color: #333;
content: ">"
}
.padding-top-8 {
padding-top: 8px;
}
.cloud-frame-full-page {
position: fixed;
width: 100%;
height: 85%;
}
.vertical-align--5 {
vertical-align: -5px;
}
.vertical-align-top {
vertical-align: top;
}
.persistent-apps-table-title {
vertical-align: top;
width: 25%;
}
.no-text-decoration {
text-decoration: none;
cursor: default;
}
.subsection {
float: right;
color: #0000ff;
cursor: hand;
}
.subsection-cursor-image {
padding-left: 7px;
padding-right: 7px;
}
.subsection-hide {
float: right;
color: #0000ff;
cursor: hand;
display: none;
}
.settings-emm-btn {
padding-top: 10px;
padding-left: 25px;
}
.settings-emm-span {
padding-top: 10px;
padding-left: 15px;
}
.indent-checkbox {
margin: 5px 0px 0px 20px;
}
.subsection-show {
float: right;
color: #0000ff;
cursor: hand;
}
.subsection-hide {
display: none;
}
.subsection-cursor-image {
padding-left: 7px;
padding-right: 7px;
}
.rightColumnBox {
vertical-align: top;
}
.rightColumnBox>div {
float: right;
background-color: #f5f5f5;
padding: 5px 10px;
max-width: 475px;
}
.rightColumnBox>div>div {
margin-top: 10px;
margin-bottom: 10px;
}
/* main menu element */
#dropdownMenuAppTypes {
display: inline-block;
margin: 0px auto;
padding: 0;
}
#dropdownMenuAppTypes li {
margin: 10px;
float: left;
position: relative;
list-style: none;
}
#dropdownMenuAppTypes a {
text-decoration: none;
display: block;
color: black;
border: 1px solid #7788aa;
padding: 3px 20px;
border-radius: 5px;
/*some css3*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/* selected menu element */
#dropdownMenuAppTypes .current a,
#dropdownMenuAppTypes li:hover>a {
border-top: 1px solid #f8f8f8;
box-shadow: 0 2px 2px rgba(0, 0, 0, .7);
/*some css3*/
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .7);
}
/* sublevels */
#dropdownMenuAppTypes ul li:hover a,
#dropdownMenuAppTypes li:hover li a {
background: none;
border: none;
color: #000;
}
#dropdownMenuAppTypes ul li a:hover {
background: grey;
border-radius: 5px;
/*some css3*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#dropdownMenuAppTypes ul li:first-child>a {
-moz-border-radius-topleft: 10px;
/*some css3*/
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#dropdownMenuAppTypes ul li:last-child>a {
-moz-border-radius-bottomleft: 10px;
/*some css3*/
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
/* drop down */
#dropdownMenuAppTypes li:hover>ul {
opacity: 1;
visibility: visible;
}
#dropdownMenuAppTypes ul {
opacity: 0;
visibility: hidden;
padding: 0;
width: 240px;
position: absolute;
border: 1px solid #7788aa;
border-radius: 5px;
/*some css3*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
}
#dropdownMenuAppTypes ul li {
float: none;
margin: 0;
background: lightgrey;
}
#dropdownMenuAppTypes ul a {
font-weight: normal;
}
#dropdownMenuAppTypes ul ul {
left: 160px;
top: 0px;
}
.mobileProfileEditPopupTitleTd {
width: 50%;
text-overflow: ellipsis !important;
}
.mobileProfileEditPopupTitle {
margin-top: 10px;
margin-bottom: 10px;
}
.mobileProfileEditXmlTd {
width: 50%;
padding-right: 38px;
}
.mobileProfileEditXmlTextarea {
width: 743px;
height: 265px;
}
.mobileProfileEditXmlBtn {
margin-left: auto;
display: block;
width: 130px;
}
.userDetails {
margin-left: 18px;
color: gray;
font-size: x-small;
}
.infoImage {
height: 17px;
width: 17px;
}
.okImage {
height: 14px;
width: 14px;
}
.lockScreenAppsInput {
padding-left: 5px;
padding-top: 5px;
}
.mobileWorkflowAuthConfig-column {
vertical-align: top;
}
.mobileWorkflowAuthConfig-separator {
width: 50px;
min-width: 50px;
}
.mobileWorkflowAuthConfig-indentations {
margin: 0;
padding: 0;
}
.mobileWorkflowAuthConfig-borders {
border-collapse: collapse;
}
.mobileWorkflowAuthConfig-message {
padding-left: 20px;
padding-right: 50px;
height: 44px;
width: 350px;
}
.wide98 {
width: 98%;
}
.wide5 {
width: 5%;
}
.supported {
padding-left: 30px;
}
.workflowModaility-info-block-icon {
background-color: #EA9000;
vertical-align: top;
padding: 12px 10px;
}
.workflowModaility-info-block-message {
background-color: #F5F5F5;
vertical-align: top;
padding: 0px 20px 10px 20px;
}
.workflowModaility-info-block-message-title {
font-size: 18px;
}
@media screen and (max-width: 950px) {
.inner-left-container {
min-width: 82vh
}
body.darker.landing-page-background {
min-width: 108vh;
}
}