/* GENERIC --------- */
html { height: auto; }
* { box-sizing: border-box; }
body { font: 12px "Helvetica Neue", arial, sans-serif; background-color: #ececec; position: relative; min-height: 100vh; }
a { text-decoration: none; }
button { cursor: pointer; }
h1, h2, h3, h4, h5 { font-weight: normal; }

/* LEFT NAV -------- */
.cp-leftmenu-background { width: 206px; background: #131313; background-image: linear-gradient(#000000 80%, #222222 90%); }
.cp-accordion-menu-inner { background: transparent; padding: 0; }
.cp-accordion-menu-container { width: 206px; background: #333a4a; }
.cp-accordion-menu-main { border: 0; }
.ui-state-active { border: 0; }
.cp-accordion-menu-line,
.cp-accordion-menu-item-inset { display: none; }


/* ACCORDION HEADER --------- */
.ui-accordion .ui-accordion-header { background: #262626; color: #9d9d9d; margin-top: 0; margin-bottom: 1px; }
.ui-accordion .ui-accordion-header a { background: #262626; color: #9d9d9d; font-size: 14px; line-height: 2.4; font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 1em; }
.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-accordion-header:hover > a { background: #131313; color: #fafafa; }

/* Expand/Collapse Icons --------- */
.ui-accordion .ui-accordion-header .ui-icon  { left: auto; right: 1em; position: absolute; top: 50%; margin-top: -8px; }
.ui-state-default .ui-icon { background: transparent url(../images/bg_arrow_rt.png) 50%;  }
.ui-state-active .ui-icon { background: transparent url(../images/bg_arrow_dn.png) 50%;  }
.ui-state-default { border: 0; }
.ui-widget .ui-widget { border-color: #d3d3d3; }
.cp-wizard-item-radio-inset .ui-button { vertical-align: top; margin-top: 0px; border: 1px solid #d3d3d3; height: 28px; }

/* SUB MENU --------- */
.cp-accordion-menu-subdata-inner { margin: 0 0 0 15px; border-left: 1px solid #00a9e0; }
.cp-accordion-menu-item-selected { background-color: #1a2129; padding-top: 6px; padding-bottom: 6px;
  border-bottom: 1px solid #E6E6E6; margin-bottom: 0; border-color: transparent; }
.cp-accordion-menu-item { padding: 0; font-weight: normal; border: 1px solid #434343; border-width: 1px 0 0 0; }
.cp-accordion-menu-subdata a { display: block; padding: 7px 15px; background: #262626; color: #9d9d9d; font-size: 14px;
  line-height: 2; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  }
.cp-accordion-menu-item.cp-accordion-menu-item-selected a,
.cp-accordion-menu-item.cp-accordion-menu-item-selected a:hover { background: #00a9e0; color: #fff;
  font-weight: bold; }
.cp-accordion-menu-subdata a:hover { background-color: #131313; color: #fafafa; }
.cp-accordion-menu-subdata-inner > a { display: none; } /* Hides direct descendents... not sure what they do. --- */
.cp-accordion-menu-subdata a br { display: none; /* Because we're not showing descriptions --- */ }
.cp-accordion-menu-line-bottom { padding-bottom: 0; }
.cp-accordion-menu-subdata.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active { background: #434343; }

/* Date / time pickers */
.ui-datepicker { font-size: 1.2em !important; z-index: 3 !important; } /* jquery slider handle is at z-index 2, go above */
#ptTimeSelectCntr { font-size: 0.9em !important; z-index: 3 !important; }
.ptTimeSelectHrAmPmCntr { padding-left: 4px; }
.ptTimeSelectHrCntr { padding-left: 2px; }
.ptTimeSelectMinCntr { padding-left: 6px; }

/* TOP BAR --------- */
.cp-topbar { background-color: #000000; background-image: linear-gradient(90deg, #000000 70%, #434343); height: 60px; }
.cp-topbar-admin { margin-right: 25px; }
.cp-logo img { height: 84px; margin: -12px 0 0 14px; }
.cp-logo-banner img {  height: 40px; margin: 10px auto auto auto; }
.cp-topbar-icon-div { float: left; height: 40px; line-height: 40px; width: 60px; text-align: center; }
i.cp-topbar-icon { font-size: 30px; color: #ffffff;  }
/* TOP BAR --------- */


.cp-workarea { border-top: 0; margin-left: 206px; padding-top: 20px; padding-left: 40px; padding-right: 40px; border: 0px solid blue; }
.cp-list-item-left-step { height: 28px; }

/* FOOTER --------- */
.cp-menubar-footer { font-size: 11px; color: #919191; position: absolute; padding-left: 10px; padding-bottom: 10px; }



/* CREATE WORKFLOW --------- */
form { min-width: 800px; }
.cp-wizard-container { border: 0; background-color: transparent; width: auto; margin-left: 0px; margin-top: 0px; }
.cp-wizard-titlebar { background-color: transparent; margin: 0 0 25px 0; }
.cp-wizard-titlebar-title { color: #737373; font-size: 18px; font-weight: bold; }

.cp-wizard-titlebar-line { border-top-color: #fff; border: 0px; }
.cp-wizard-item-label-inner { text-align: left; width: 100%; padding-left: 25px;}

.cp-wizard-item-textbox { padding: 7px 0;}

.cp-wizard-item-label-div { text-align: left; }
.cp-wizard-item-label-font { font-weight: bold; color: #737373; line-height: 24px; font-size: 12px; }
.cp-wizard-item-label-custom-font-size11 { font-size: 11px !important; }
.cp-wizard-item-label-custom-font-size10 { font-size: 10px !important; }

.cp-wizard-container input[type=text],
.cp-wizard-container input[type=password],
.cp-wizard-container textarea,
.cp-wizard-container select { border: 1px solid #d3d3d3; padding: 5px 10px 5px 10px; border-radius: 3px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.cp-wizard-container select { max-width: 400px; height: 28px; background-color: white; }

.cp-wizard-item-separator { padding: 7px 0; margin: 15px 0; color: #737373; border: 0; font-size: 14px; text-align: left; background: #ebebeb; padding-left: 25px; }


/* Checkbox - Custom ------ */

.cp-wizard-item-checkbox-input-div { display: inline-block; position: relative; width: 20px; height: 20px; border: 1px solid #d6d6d6; border-radius: 2px; overflow: hidden; background-color: white; margin-top: 4px; margin-bottom: 1px; }
.cp-wizard-item-checkbox-input-div.checked:before { content: "\2713"; color: #737373; line-height: 18px; width: 18px; text-align: center; display: inline-block; font-weight: bold}
.cp-wizard-item-checkbox-input-div > input { visibility: hidden; position: absolute; left: 0; top: 0; }

.cp-wizard-item-checkboxReverse-input-div { display: inline-block; position: relative; width: 20px; height: 20px; border: 1px solid #d6d6d6; border-radius: 2px; overflow: hidden; background-color: white; margin-top: 4px; margin-bottom: 1px; float: left; margin-right: 15px; }
.cp-wizard-item-checkboxReverse-input-div.checked:before { content: "\2713"; color: #737373; line-height: 18px; width: 18px; text-align: center; display: inline-block; font-weight: bold}
.cp-wizard-item-checkboxReverse-input-div > input { visibility: hidden; position: absolute; left: 0; top: 0; }

.cp-wizard-item-checkboxReverse { line-height: 28px; font-size: 12px; color: #737373; }
.cp-wizard-item-checkboxReverse-input-div { margin-left: 40px; line-height: 20px; }
.cp-wizard-item-checkboxReverse-label { font-size: 12px; font-weight: normal; }

.cp-wizard-item-checkbox { padding: 7px 0px; }

/* Action Buttons ------ */
.cp-button-input { background: #00a9e0; color: #ffffff; font-size: 12px; font-weight: bold; border: 1px solid #00a9e0; padding: 8px 16px; white-space: nowrap; text-align: center; box-shadow: none; }
.cp-button-input:hover { color: #00a9e0; background-color: #ececec; }
#addChild:after { content:""; display: inline-block; vertical-align: middle; margin-left: 15px; height: 0; width: 0; border-style: solid; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent white; }
#next:after { content:""; display: inline-block; vertical-align: middle; margin-left: 15px; height: 0; width: 0; border-style: solid; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent white; }
#generate:after { content:""; display: inline-block; vertical-align: middle; margin-left: 15px; height: 0; width: 0; border-style: solid; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent white; }
#apply:after { content:""; display: inline-block; vertical-align: middle; margin-left: 15px; height: 0; width: 0; border-style: solid; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent white; }
#setup:after { content:""; display: inline-block; vertical-align: middle; margin-left: 15px; height: 0; width: 0; border-style: solid; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent white; }
#back:before { content:""; display: inline-block; vertical-align: middle; margin-right: 15px; height: 0; width: 0; border-style: solid; border-width: 7px 15px 7px 0; border-color: transparent white transparent transparent; }

.cp-bottom-bar { text-align: right; padding: 35px 0 20px; }

.cp-selectable-title-combo { background-color: white; }
.cp-selectable-title-combo input { background-color: white; border: 1px solid white; }

.cp-dialog-wait .ui-dialog-titlebar { background: #ebebeb; border: 0px; color: #737373; }
.cp-dialog-wait { border: 0px; }
.cp-dialog-wait.ui-widget-content { background: white; border: 0px; color: white; }
.cp-dialog-wait-message { color: #737373; }

.cp-wizard-container-unlimited { border: 0px; border-radius: 0px; margin-top: 0px; }
.cp-page-message { margin-left: 0px; margin-right: 0px; margin-bottom: 20px; line-height: 28px; border: 0; font-size: 12px; }
.cp-page-error { margin-left: 0px; margin-right: 0px; margin-bottom: 20px; line-height: 28px; border: 0; font-size: 12px; }
.cp-selectable-title-combo { width: 250px; }
.cp-selectable-title-combo input { width: 220px; }
.cp-selectable-title-menu-option-selected { background-color: #F9F9F9; }
.cp-selectable-title-menuOptionsLabel { padding-left: 20px; }
.cp-list-item-left-insert { margin-top: -2px; }

.cp-wizard-titlebar-buttongroup { padding-right: 65px; }
.cp-wizard-titlebar-button { padding-right: 10px; }

.cp-page-title-buttongroup { padding-right: 65px; }

a#cp-topbar-iforgetwhoami-link { text-decoration: none; }

/* Breadcrumbs */
.cp-breadcrumbs { list-style-type: none; display: flex; margin: 0 0 25px 0; padding: 8px 0px 8px 10px; border: 0px solid red; color: #737373; font-size: 18px; font-weigth: bold; min-height: 21px; line-height: 21px; }
.cp-breadcrumbs > li { color: #737373; font-size: 18px; font-weight: bold; }
.cp-breadcrumbs > li > a { color: #a4a4a4; }
.cp-breadcrumbs > li:after { content: "\0003E"; display: inline-block; margin: 0 8px; vertical-align: middle; font-weight: normal }
.cp-breadcrumbs > li:last-child:after { display: none; }

/* Table actions ---*/
.cp-table-buttons { display: flex; justify-content: space-between; padding-bottom: 20px; border: 0px solid green; }
.cp-table-buttons .cp-table-button { display: inline-block; padding: 8px 10px 8px 28px; max-width:80px;  background: #fff; border: 1px solid #d6d6d6; border-radius: 4px; font-size: 12px; color: #737373; font-weight:  bold; }
.cp-table-button.cp-table-button-create { background: #fff url(../images/icon_create.png) no-repeat 8px 7px; }
.cp-table-button.cp-table-button-delete { background: #fff url(../images/icon_delete.png) no-repeat 8px 9px; }
.cp-table-button.cp-table-button-export { background: #fff url(../images/icon_export.png) no-repeat 7px 7px; }

.cp-workarea-inner { padding: 0px 0px 0px 0px; }
.cp-workarea { background-color: #ececec; }

.cp-accordion-item-table { margin: 0px 0px 0px 0px;}

/* Tabs ------------------*/
a { color: #08559a; }
div.cp-tabs-container { color: #737373; font-size:  14px; padding-top: 20px; }
div.cp-tabs-container ul.cp-tabs { display: flex; list-style-type: none; margin:  0; padding: 0; font-size: 14px; border-bottom: 2px solid #d6d6d6;  }
div.cp-tabs-container ul.cp-tabs li { margin-right: 2px; border: 2px solid #d6d6d6; border-width: 2px 2px 0 2px; border-radius: 8px 8px 0 0; background: #ebebeb; }
div.cp-tabs-container ul.cp-tabs li:first-child { border-left-width: 2px;}
div.cp-tabs-container ul.cp-tabs li:last-child { border-right-width: 2px;}
div.cp-tabs-container ul.cp-tabs li a { display: block; padding: 15px; color: #737373; }
div.cp-tabs-container ul.cp-tabs li.active { background: #fff; margin-bottom: -2px; }
div.cp-tabs-container ul.cp-tabs li.active a { color: #08559a; font-weight: bold}

div.cp-tab-content { border: 2px solid #d6d6d6; border-top: 0; padding: 20px; display: none; font-size: 14px; background: #fff; overflow-x: auto; }
div.cp-tab-content.active { display: block; }

.cp-list-item-error-div { margin-left: 0px; margin-right: 0px; }

.cp-accordion-item-table-row-selected { background-color: red; }

.cp-wizard-item-indented { margin-left: 0px; margin-right: 0px; border-right: 1px solid #D6D6D6; font-size: 12px; color: #737373; }
.cp-wizard-item-label-help-expand { line-height: 20px; }
.cp-wizard-item-label-help-collapse { line-height: 20px; }

.cp-wizard-item-label-input-div { font-size: 12px; color: #737373; line-height: 28px; }
.cp-header-list-item-entry { font-size: 12px; }
.cp-header-list-item-label { font-size: 12px; }
.cp-wizard-item-separator-text { font-size: 12px; }
.cp-header-list-item-header-title { font-size: 14px; }
.cp-wizard-item-fileUpload-input { border: 0; }
.cp-wizard-item-fileUpload .cp-accordion-item-table { border: 0px; }
.cp-wizard-item-fileUpload .cp-accordion-item-table table { border: 0px; }
.cp-wizard-item-fileUpload .cp-accordion-item-table table .cp-accordion-item-table-row { border: 0px; background: inherit; }
.cp-wizard-item-fileUpload .cp-accordion-item-table table .cp-accordion-item-table-row-name { border: 0px; padding-left: 0px; background-color: transparent; font-size: 12px; }
.cp-pageDescriptionText { font-size: 12px; padding-left: 0px; padding-right: 0px; }
.cp-list-item-left-step { font-size: 12px; }
.cp-header-list-item { background-color: white; }
.cp-wizard-titlebar .cp-breadcrumbs { padding-left: 0px; }

.cp-wizard-item-separator-expandable-label-title a { font-size: 14px; color: #737373; }

.cp-wizard-item-image-text-div { font-size: 12px; }
.cp-wizard-item-imageInset-text-div { font-size: 12px; }
.cp-wizard-item-imageInset { background-color: #f3f3f4; border: 0px; }
.cp-wizard-item-textbox { font-size: 12px; color: #737373; }
.cp-wizard-item-radio-inset { font-size: 12px; color: #737373; }
.cp-wizard-item-radio-selected { color: #737373; }
.cp-wizard-item-radio { color: #737373; }
/** Prevent the popup dialog from inheriting the min-width of 800 and causing a scrollbar. */
.ui-dialog-content form { min-width: 300px; }

.cp-wizard-item-regexMatch-input-div { min-height: 28px; line-height: 28px; }
.cp-wizard-item-derivedDate-input-div { line-height: 28px; }
.cp-wizard-item-derivedDate-div-suffixDiv { font-size: 12px; color: #737373; line-height: 28px; }

.cp-wizard-item-slider-input-div { height: 28px; line-height: 28px; }
.cp-slider-div { margin-top: 8px; }
.cp-wizard-item-separator-text { line-height: 28px; padding-left: 15px; }
.cp-list-item-expansion-entry-text { padding-right: 10px; }


/* .cp-wizard-item-radio-section .cp-wizard-item-label-div { margin-left: 40px; } */
/* .cp-wizard-item-label-div { margin-left: 10px; } */

.cp-list-item-expansion-entry-itemLabel { font-size: 12px; color: #737373; }
.cp-list-item-expansion-entry-text { font-size: 12px; color: #737373; }
.cp-list-item-expansion-entry-item { line-height: 22px; }
.cp-breadcrumbs > li > a { cursor: pointer; }

/* GenericContainer ------------------*/

.cp-generic-container {
  background-color: white;
  border: 2px solid #d6d6d6;
  border-radius: 10px;
}
.cp-generic-container-title {
  color: #e57200;
  font-size: 18px;
  background: transparent;
  font-weight: normal;
  border-bottom: 1px dotted #ddd;
  margin: 8px 10px 0px 10px;
}
.cp-generic-container-title-separator {
  color: #A4A4A4;
}
.cp-generic-container-subtitle {
  color: #737373;
  font-size: 16px;
}
.cp-generic-container-content-area {
  padding: 10px 25px;
}

/*-- Overrides: Configuration > Workflow > Properties --*/

.cp-wizard-titlebar-buttongroup {
  padding-right: 0;
}
.cp-wizard-titlebar-button .cp-button-input {
  border-radius: 5px;
  min-width: 110px;
}
/*
.cp-wizard-inner {
  background: transparent;
}
*/
form { min-width: auto; }

.cp-breadcrumbs > li {
  color: #a4a4a4;
}
.cp-breadcrumbs li:last-child {
  color: #737373;
}

.cp-accordion-item-table {
  overflow: hidden;
}
.cp-accordion-item-table,
.cp-accordion-item-table table {
  border: 0;
}
.cp-accordion-item-table-row-header {
  font-size: 13px;
  padding: 8px 8px 6px 8px;
  border-left: 1px solid #fff;
  background-color: #d6d6d6;
  color: #737373;
  font-weight: bold;
}
.cp-accordion-item-table-row {
  border: none;
}
.cp-accordion-item-table-row-selected {
  background-color: #dbf3ff;
}
.cp-accordion-item-table-row-name {
  border-color: #fff;
  vertical-align: inherit;
}
.cp-accordion-item-table-row-description {
  line-height: auto;
  border-color: #d6d6d6;
  font-size: 12px;
  padding: 8px;
  border-color: #fff;
}

/* Tabs --------- */
div.cp-tabs-container ul.cp-tabs li a {
  padding: 10px 15px;
}

.cp-wizard-item-label-inner {
  width: 90%;
  padding-left: 10px;
}

.cp-wizard-item-help-div {
  font-size: 12px;
  margin-left: 0;
  margin-right: 0;
  background-color: #ffc;
}
.cp-wizard-item-separator {
  padding: 7px 0;
  margin: 15px 0;
  color: #e57200;
  font-size: 18px;
  background: transparent;
  font-weight: normal;
  border-bottom: 1px dotted #ddd;
}

/* Overrides: Support > Documentation --------- */
.cp-header-list-item {
  border: none;
  padding: 15px;
  width: 260px;
  height: 375px;
  box-shadow: 2px 2px 2px #ccc;
  margin-right: 15px;
  margin-bottom: 25px;
  border-radius: 3px;
}
.cp-header-list-item-header {
  border-bottom: 1px dotted #ddd;
  background-color: transparent;
  height: 45px;
}
.cp-header-list-item-header-image {
  display: none;
}
.cp-header-list-item-header-title {
  font-size: 20px;
  font-weight: normal;
  color: #e57200;
  padding-left: 10px;
}
.cp-header-list-item-area {
  margin-top: 10px;
}
[data-tooltip]:after {
  border: none;
  border-radius: 2px;
  color: #515151;
  padding: 12px;
  line-height: 18px;
  font-size: 12px;
  top: 16px;
  left: 60px;
  border-left: 5px solid #2d8de5;
  box-shadow: 2px 2px 2px #ccc;
}

.cp-button-input-small { font-size: 10px; font-weight: normal; white-space: nowrap; border-radius: 0px; box-shadow: none; }
.cp-button-input-small {
  background-color: transparent;
  color:#2b8de5; font-size: 12px;
  padding: 4px 10px;
  border-radius: 5px;
  border:1px solid #ccc;
  background-color: #dae5ef;
}
.cp-button-input-small:hover { border: 1px solid #ccc; background-color: #2b8de5; color: #ffffff; }

.cp-button-input-wizard { font-size: 10px; font-weight: normal; white-space: nowrap; border-radius: 0px; box-shadow: none; }
.cp-button-input-wizard {
  background-color: transparent;
  color:#2b8de5; font-size: 12px;
  padding: 3px 10px;
  border-radius: 2px;
  border:1px solid #ccc;
  background-color: #dae5ef;
}
.cp-button-input-wizard:hover { border: 1px solid #ccc; background-color: #2b8de5; color: #fff; }
.cp-button-input-wizard:visited { color: #2b8de5; }


.cp-wizard-item-separator {
  padding: 7px 0;
  margin: 15px 0;
  color: #e57200;
  font-size: 18px;
  background: transparent;
  font-weight: normal;
  border-bottom: 1px dotted #ddd;
}

.cp-list-item-expansion-entry-item {
  line-height: 28px;
}

/*-- Overrides: Configuration > Workflow > Properties --*/

.cp-wizard-titlebar-buttongroup {
  padding-right: 0;
}
.cp-wizard-titlebar-button .cp-button-input {
  border-radius: 5px;
  min-width: 110px;
}
/*
.cp-wizard-inner {
  background: transparent;
} */

form { min-width: auto; }

.cp-breadcrumbs > li {
  color: #a4a4a4;
}
.cp-breadcrumbs li:last-child {
  color: #737373;
}

.cp-accordion-item-table {
  overflow: hidden;
}
.cp-accordion-item-table,
.cp-accordion-item-table table {
  border: 0;
}
.cp-accordion-item-table-row-header {
  font-size: 13px;
  padding: 8px 8px 6px 8px;
  border-left: 1px solid #fff;
  background-color: #d6d6d6;
  color: #737373;
  font-weight: bold;
}
.cp-accordion-item-table-row {
  border: none;
}
.cp-accordion-item-table-row-selected {
  background-color: #dbf3ff;
}
.cp-accordion-item-table-row-name {
  border-color: #fff;
  vertical-align: inherit;
}
.cp-accordion-item-table-row-description {
  line-height: auto;
  border-color: #d6d6d6;
  font-size: 12px;
  padding: 8px;
  border-color: #fff;
}

/* Tabs --------- */
div.cp-tabs-container ul.cp-tabs li a {
  padding: 10px 15px;
}

.cp-wizard-item-label-inner {
  width: 90%;
  padding-left: 10px;
}

.cp-wizard-item-help-div {
  font-size: 12px;
  margin-left: 0;
  margin-right: 0;
  background-color: #ffc;
}
.cp-wizard-item-separator {
  padding: 7px 0;
  margin: 15px 0;
  color: #e57200;
  font-size: 18px;
  background: transparent;
  font-weight: normal;
  border-bottom: 1px dotted #ddd;
}

.cp-accordion-item-table-row-buttons { border-left: 0px; }
.cp-wizard-item-textbox-rightLabel { font-size: 11px; cursor: pointer; text-decoration: underline; }
.cp-wizard-item-fileUpload-input-div-existing { font-size: 12px; }
.cp-wizard-item-fileUpload-input { font-size: 12px; }

input#file { border: 0px; font-size: 12px; color: #737373; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.cp-accordion-item-table-row-name { font-size: 12px; }
.cp-list-item-menu-item { line-height: 34px; }
.cp-wizard-item-value-font { font-size: 12px; line-height: 24px; }
.cp-list-item-menu-item a img { height: 24px; }

.ui-menu .ui-menu-item a { }
.ui-widget-header { border: 1px solid #aaa; color: #222222; font-weight: bold; background: #ccc; }
.ui-widget-content { border: 1px solid #434343; }

/* Overrides: Manage CAs --------- */
.cp-wizard-titlebar-buttongroup { padding-right: 0; }
.cp-list-item { border: 1px solid #ddd; min-height: 40px; margin-bottom: 8px; box-shadow: 2px 2px 2px #ccc; }


.cp-list-item-left-step { font-size: 14px; line-height: 22px; height: 40px; color: #777; border-right: 1px solid #ddd; }
.cp-list-item-left-arrow { line-height: 28px; margin-top: 0; margin-left: 10px; }
.cp-list-item-left-arrow a img { width: 24px; }


.cp-list-item-title { font-size: 16px; line-height: 40px; height: auto; }

.cp-list-item-expansion { border-top: 2px solid #e57200; }
.cp-list-separator { border-bottom: 1px solid #ddd; margin: 5px 20px; }

/* Hover State for Button --------- */
.cp-button-input:hover { border: 1px solid #00a8e2; }
.cp-button-input:hover::after, #addChild:hover::after { border-color: transparent transparent transparent #00a8e2; }

/* New for Table --------- */
.cp-accordion-item-table-row-buttons { border-left: none; }
.cp-accordion-item-table-icon { max-width: 24px; }
.cp-accordion-item-table-row-name { font-size: 12px; }

.cp-list-item-menu { width: auto; border-left: 1px solid #ddd; }
.cp-list-item-menu-item { padding-left: 15px; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/admin/resources/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('/admin/resources/fonts/Material Icons'),
  local('/admin/resources/fonts/MaterialIcons-Regular'),
  url(/admin/resources/fonts/MaterialIcons-Regular.woff2) format('woff2'),
  url(/admin/resources/fonts/MaterialIcons-Regular.woff) format('woff'),
  url(/admin/resources/fonts/MaterialIcons-Regular.ttf) format('truetype');
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
/*  line-height: 1; */
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  margin-right: 5px;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.cp-button-input-icon-and-text { font-size: 16px; }

ul { padding: 0; margin: 0; list-style-type: none;}
.cp-instructions-bullets * { padding: revert !important; margin: revert !important; list-style-type: revert !important; }

.cp-list-item-buttonBar-button .cp-iconButton-icon { font-size: 20px; height: 20px; line-height: 20px; }

.cp-list-item-left-step { width: 120px; }
.cp-list-item-menu { line-height: 40px; margin-top: 0px;  }
.cp-list-item-menu-item { line-height: 40px; height: 40px; }
.cp-list-item-expansion { clear: none; }

.material-icons { color: #00FFFF; } /* Temporarily set this to gright blue rather than #ddd to catch usees of default color. */

/** These align with the CpnImage values. */
.cp-image-active { color: #0ea2a5;  }
.cp-image-applied { color: #0ea2a5; }
.cp-image-apply { color: #4682b4; }
.cp-image-blank_cell { color: transparent; }
.cp-image-blocked { color: #9c4e47; }
.cp-image-change_into_account { color: #999; }
.cp-image-completed { color: #0ea2a5; }
.cp-image-copy { color: #999; }
.cp-image-delete { color: #9c4e47; }
.cp-image-delete_disabled { color: #9c4e47; opacity: 0.25; }
.cp-image-delete_ui { color: #999; }
.cp-image-disabled { color: #9c4e47; }
.cp-image-disabled_icon { color: #9c4e47; }
.cp-image-disabled_grey { color: #999; }
.cp-image-download { color: #08559a; }
.cp-image-download_csr { color: #08559a; }
.cp-image-download_default { color: #08559a; }
.cp-image-edit { color: #08559a; }
.cp-image-edit_list { color: #999; }
.cp-image-enabled { color: #0ea2a5; }
.cp-image-enabled_icon { color: #0ea2a5; }
.cp-image-error { color: #9c4e47; }
.cp-image-event { color: #999; }
.cp-image-expired { color: #999; }
.cp-image-fix { color: #999; }
.cp-image-goto { color: #999;  }
.cp-image-goto_enrollment_portal { color: #08559a; }
.cp-image-help_question { color: #737373;  }
.cp-image-import_certificates { color: #999; }
.cp-image-in_use {color: #0ea2a5;}
.cp-image-info {color: #08559a;}
.cp-image-loading { color: #08559a;  }
.cp-image-logout { color: #737373;  }
.cp-image-logs { color: #999; }
.cp-image-lookup { color: #999; }
.cp-image-manage { color: #999; }
.cp-image-move { color: #999; }
.cp-image-move_disabled { color: #ddd; }
.cp-image-move_down { color: #999; }
.cp-image-move_down_disabled { color: #ddd; }
.cp-image-move_to_system_update { color: #999;  }
.cp-image-move_up { color: #999; }
.cp-image-move_up_disabled { color: #ddd; }
.cp-image-not_active { color: #999;  }
.cp-image-not_active_with_activate { color: #999;  }
.cp-image-not_in_use { color: #999;  }
.cp-image-not_published { color: #9c4e47;  }
.cp-image-plunger_down { color: #999; }
.cp-image-plunger_right { color: #999; }
.cp-image-prepare_move_to_system_update { color: #999; }
.cp-image-preview { color: #999; }
.cp-image-publish { color: #1664ab; }
.cp-image-referenced {color: #9c4e47;}
.cp-image-resend { color: #999; }
.cp-image-reset_password { color: #999;  }
.cp-image-revoke { color: #999; }
.cp-image-revoked { color: #9c4e47; }
.cp-image-ssh_disabled { color: #999; }
.cp-image-ssh_enabled { color: #0ea2a5; }
.cp-image-star { color: darkgoldenrod; }
.cp-image-start_support_tunnel { color: #999; }
.cp-image-stop_support_tunnel { color: #0ea2a5; }
.cp-image-success { color: #0ea2a5; }
.cp-image-test { color: #0ea2a5;  }
.cp-image-unrevoke { color: #999; }
.cp-image-undo { color: #999;  }
.cp-image-user { color: #999;  }
.cp-image-view { color: #999;  }
.cp-image-warning { color: #9c4e47; }
.cp-image-setting_disabled { color: #ddd; }
.cp-image-setting_optional { color: #c3c340; }
.cp-image-setting_required { color: #0ea2a5; }
.cp-image-status_unknown { color: lightblue; }
.cp-image-status_okay { color: green; }
.cp-image-status_warning { color: #FFCC00; }
.cp-image-status_error { color: darkred; }
.cp-image-template {color: #9c4e47;}

.cp-list-item-buttonBar-button { font-size: 12px; padding: 0 5px 5px 5px; }
.cp-list-item-buttonBar-button-unselected { margin-top: 4px; height: 36px; line-height: 28px; }
.cp-list-item-buttonBar-button-selected { margin-top: 4px; height: 53px; padding-right: 10px; }
.cp-list-item-buttonBar-button .cp-iconButton-icon { height: 24px; padding: 0px 2px; }

.cp-list-insertDiv { text-align: left; height: 20px; line-height: 20px; padding-left: 30px; font-size: 16px; }
.cp-list-insertDiv-icon { float: left; }
.cp-list-insertDiv-icon .material-icons { font-size: 20px; height: 20px; color: #aaa; }
.cp-list-insertSpan { font-size: 12px; color: #08559a; }
.cp-list-insertDiv-outer { margin-bottom: 4px; }
.cp-list-insertDiv-icon .material-icons { color: #08559a; }

.cp-workflowSelection-name { min-width: 200px;  }

.cp-workflow-pluginSourceSelection-upload-file-label { float: left; line-height: 36px; padding-right: 10px; }
.cp-workflow-pluginSourceSelection-upload-name-label { float: left; line-height: 48px; padding-right: 10px; }

.cp-wizard-item-separator img { height: 16px; }

.cp-wizard-inner {min-width: 800px; }
.cp-wizard-container-unlimited { margin-left: 0px; }


.jmesa .odd td, .jmesa .even td, .jmesa .removed td, .jmesa .rowError td { font-size: 10px; }
.jmesa .header td { font-size: 12px; padding: 5px 10px; }
.cp-workarea-inner { min-width: 840px; }
.jmesa .material-icons { font-size: 20px; }

.cp-inline-icon2 { font-size: 16px; line-height: 1; margin-right: 10px;  }
.cp-accordion-item-table-icon { font-size: 20px; }


/* .cp-wizard-titlebar-title { color: #ea8600; font-size: 18px; font-weight: normal; padding: 7px 0px; margin-left: 10px; } */
.cp-wizard-titlebar-buttonsOnly { float: right; }

.jmesa .cp-button-input-small { padding: 2px 5px; font-size: 11px; }
.jmesa .odd td, .jmesa .even td, .jmesa .removed td, .jmesa .rowError td { font-size: 12px; }

.cp-wizard-item-subtable-headerCell { font-size: 12px; }
.cp-wizard-item-subtableHeader-div { height: 18px; }

.cp-list-item-expansion .cp-tabs-container { padding: 20px; }
input.cp-wizard-item-fileUploadAuto-input { border: 0px; }
.cp-wizard-item-radio { margin-left: 25px; }
.cp-accordion-item-table { border: 1px solid #ddd; padding: 1px; }
.cp-list-item-expansion-entry2-itemLabel { font-size: 13px; font-weight: normal; }
.cp-osTable-blank { line-height: 28px; background-color: inherit; }
.cp-accordion-item-table-icon-blank_cell { color: #eee; }
.cp-accordion-item-table-row-header { font-weight: normal; }
.cp-accordion-item-table-compact-single-row-table { border-radius: 8px; padding: 0px; }

.cp-wizard-item-largeButton { color: #737373; font-weight: bold; font-size: 13px; border: 1px solid #CCC0; border-radius: 5px ; margin-bottom: 10px; }
.cp-wizard-item-largeButton a { background-color: inherit; color: inherit; }
.cp-wizard-item-largeButton:hover { background-color: #E0E9F0; color: #737373; border-color: #737373; }

.cp-wizard-item-largeButton-disabled   { color: #737373a6; font-weight: bold; font-size: 13px; border: 1px solid #CCC0; border-radius: 5px ; margin-bottom: 10px;}
.cp-wizard-item-largeButton-disabled:hover   { color: #737373a6; background-color: #73737300; border-color: #73737300; }
.cp-wizard-item-largeButton-inner { padding: 10px; }
.cp-wizard-item-largeButton-label      { color: inherit; padding-bottom: 10px; }
.cp-wizard-item-largeButton-description { color: inherit; font-weight: normal; font-size: 11px; }

.cp-wizard-item-largeButtonSeparator      { font-size: 13px; font-weight: bold; padding-top: 4px; padding-bottom: 6px; margin-top: 15px; margin-bottom: 15px; margin-left: 30px; border-bottom: 1px solid #ddd; color: #ea8600; }
.cp-wizard-item-largeButtonSeparator a    { padding-right: 8px;  }
.cp-wizard-item-largeButtonSeparator-text { font-size: 10px; font-weight: normal; margin-left: 10px; line-height: 16px; }

.cp-wizard-item-combobox-select:disabled { font-size: 12px; padding: 0; line-height: 24px; height: 24px; color: #999999; }
.cp-offsetSection { background-color: #deefff; padding: 20px; border-radius: 6px; }
.cp-offsetSection-header-tab { background-color: #deefff; }

.cp-wizard-item-separator-expandable-plunger {  }
.cp-wizard-item-separator-expandable { margin-bottom: 10px; }
.cp-wizard-item-separator-expandable-label { padding: 7px 0; margin: 15px 0; font-size: 18px; background: transparent; font-weight: normal; border-bottom: 1px dotted #ddd; }
.cp-wizard-item-separator-expandable-label a { font-size: 18px; font-weight: normal; color: #e57200; }
.cp-wizard-item-separator-expandable-label-description { color: #737373; font-size: 12px; font-weight: normal; line-height: 28px; padding-left: 15px; }
.cp-wizard-item-radio2-selected { font-size: 12px; }
.cp-wizard-item-radio2 { font-size: 12px; line-height: 28px; color: #737373; }
.cp-checkboxEnum-input-div { font-size: 12px; line-height: 24px; color: #737373; }
.cp-checkboxEnum-input { margin-right: 10px; }
.cp-wizard-item-radio2 b { padding-left: 5px; }
.cp-wizard-item-checkboxEnum { line-height: 28px; }
.cp-selectable-title { margin-bottom: 20px; }

.cp-dashboard-navigation { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0; padding: 0; width: auto; float: left; }
.cp-dashboard-navigation-prefix { float: left; line-height: 28px; color: #999; margin-right: 20px;  }
.cp-dashboard-item { color: #999; margin-left: 60px; }

.cp-wizard-item-textboxDouble { height: 28px; margin: 7px 0; }
.cp-wizard-item-textboxDouble-disabledInput-1 { font-size: 12px; line-height: 28px; width: 230px; }
.cp-wizard-item-textboxDouble-disabledInput-2 { font-size: 12px; line-height: 28px; width: 230px; }

.cp-list-item-title { color: #737373; }
.cp-list-item-label { font-size: 12px; line-height: 24px; color: #737373; }
.cp-tasklist-item .cp-tasklist-item-label { font-size: 12px; line-height: 28px; color: #737373; }
.cp-wizard-item-buttons { line-height: 28px; }

div#certificate pre { font-size: 12px; white-space: nowrap; }
.cp-wizard-item-radio-section-selected { margin-left: 40px; }
.cp-wizard-item-radioSeparator { margin-left: 0px; }

.ui-widget input, .ui-widget select, .ui-widget textarea { border: 1px solid #d3d3d3; padding: 5px 10px 5px 10px; border-radius: 3px 0 0 3px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.ui-widget button { border: 1px solid #d3d3d3; padding: 5px 10px 5px 10px; border-radius: 0 3px 3px 0; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ui-widget { font-size: 12px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.ui-widget .ui-widget { font-size: 14px; }

.cp-getStartedNotice-title { padding: 7px 0; margin: 15px 0; color: #e57200; font-size: 18px; background: transparent; font-weight: normal; border-bottom: 1px dotted #ddd; }
.cp-inline-icon-goto_enrollment_portal { font-size: 20px; }

.cp-combobox-fixed { border: 1px solid #d3d3d3; padding: 5px 10px 5px 10px; border-radius: 3px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; max-width: 400px; }

.cp-checkboxMasks-input-div { line-height: 24px; }
.cp-wizard-item-error-div { border: 0; font-size: 12px; line-height: 24px; width: 400px; }
.cp-accordion-item-table-column-width100 { width: 120px; }
.cp-wizard-item-fileUpload-undoIcon { display: none; }

/* These are the sponsor login page. */
.cp-login-input-div input[type=text],
.cp-login-input-div input[type=password] { border: 1px solid #d3d3d3; padding: 5px 10px 5px 10px; border-radius: 3px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.cp-login-label { font-size: 14px; line-height: 28px; }
.cp-login-title { font-size: 14px; height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; }
.cp-login-sponsor-sso-section { margin-bottom: 0px; }
.cp-login-sponsor-divider { font-size: 14px; padding-top: 0; padding-bottom: 0; }
.cp-login-sponsor-initiate-sso-button { margin-top: 16px; }

.cp-getStartedNotice-outer { margin-top: 25px; margin-left: 20px; margin-bottom: 20px; }

.cp-wizard-item-subtable-entryCell input { width: 100%; }
.cp-wizard-item-subtable-entryCell select { width: 100%; }

.cp-icon .cp-image-LOADING { padding-right: 5px; padding-left: 3px; margin-right: 5px; line-height: 20px; }

/* This is the done button on popup forms, like viewConnection. */
.ui-dialog .cp-wizard-titlebar-button .cp-button-input { color: #fff; }
.ui-dialog .cp-wizard-titlebar-button .cp-button-input:hover { color: #2b8de5; }

.cp-selectable-title-menu-item-image.material-icons { font-size: 20px; line-height: 20px; height: 24px; padding: 0px 2px 0px 5px; }

.cp-list-item-title { height: 40px; /* This broke tooltips: overflow-x: hidden; overflow-y: hidden;*/ }