/* Minification failed. Returning unminified contents.
(809,23): run-time error CSS1030: Expected identifier, found '>'
(809,50): run-time error CSS1031: Expected selector, found ')'
(809,50): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*---------------------------------------------------------------------
 [Cards.less]
--------------------------------------------------------------------- */
.cardHolder .card {
  border-spacing: 4px;
  display: inline-block;
  margin: 0 12px 12px 0;
  min-width: 200px;
}
.cardHolder .card .cardTitle {
  font-size: 14px;
  line-height: 30px;
  padding: 0 8px 0 6px;
  position: relative;
}
.cardHolder .card .cardTitle [class^="icon-"],
.cardHolder .card .cardTitle [class*=" icon-"] {
  display: inline-block;
  position: absolute;
  right: 6px;
  top: 6px;
}
.cardHolder .card .cardContent {
  display: table-row;
  min-width: 200px;
}
.cardHolder .card .cardContent .contentHolder {
  display: table-cell;
  height: 50px;
  padding: 4px 0;
  min-width: 100px;
  text-align: center;
}
.cardHolder .card .cardContent .contentHolder .title {
  font-size: 10px;
  line-height: 12px;
}
.cardHolder .card .cardContent .contentHolder .value {
  font-size: 18px;
  line-height: 24px;
}
.cardHolder .card .cardContent .contentHolder .text {
  font-size: 10px;
  max-width: 200px;
  text-align: left;
}

/*---------------------------------------------------------------------
 [CSVImport.less]
--------------------------------------------------------------------- */
#fileRow,
.fileRow {
  margin-left: 12px;
}
#formEmptyState,
.formEmptyState {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}
.csvTab {
  height: 418px !important;
  width: 743px;
}
.csvTab .modalForm .row {
  margin: 0 0 12px 0;
}
#mappingForm,
.mappingForm {
  height: 408px;
}
#mappingForm > p,
.mappingForm > p {
  margin: 0.5em 0;
}
#mappingForm > p .required,
.mappingForm > p .required {
  float: right;
  margin-right: 1em;
}
#mappingForm .fieldBox,
.mappingForm .fieldBox {
  float: left;
  margin: 0 12px 0 0;
  height: 388px;
}
#mappingForm .fieldBox h5,
.mappingForm .fieldBox h5 {
  margin: 12px 0 12px 0;
}
#mappingForm .fieldBox .fieldGroup,
.mappingForm .fieldBox .fieldGroup {
  height: 386px;
  overflow-y: scroll;
  padding: 0 6px;
}
#sourceFields,
.sourceFields {
  width: 160px;
}
#sourceFields .row,
.sourceFields .row {
  height: 22px;
}
#sourceFields .row .sourceField,
.sourceFields .row .sourceField {
  margin: 0;
  text-align: center;
  width: 136px;
  z-index: 500;
}
#sourceFields .row .sourceField .icon-grid4,
.sourceFields .row .sourceField .icon-grid4 {
  display: inline-block;
  float: right;
  margin: 0 3px;
  opacity: 0.5;
  vertical-align: text-bottom;
}
#sourceFields .row .sourceField:hover,
.sourceFields .row .sourceField:hover {
  cursor: move;
}
#targetFields,
.targetFields {
  width: 530px;
}
#targetFields label,
.targetFields label {
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  width: 11.25em;
}
#targetFields .targetField,
.targetFields .targetField,
#targetFields .targetPreview,
.targetFields .targetPreview {
  display: inline-block;
  height: 30px;
  font-style: italic;
  line-height: 26px;
  margin-right: 12px;
  padding: 0 3px;
  vertical-align: middle;
  width: 14.25em;
}
#targetFields .targetField .k-icon:hover,
.targetFields .targetField .k-icon:hover,
#targetFields .targetPreview .k-icon:hover,
.targetFields .targetPreview .k-icon:hover {
  cursor: pointer;
}
#targetFields .targetField:empty,
.targetFields .targetField:empty {
  border-style: dashed !important;
}
.sourceField,
#targetFields label,
.targetField,
.targetPreview,
.targetFields label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#csvPreviewActionButtons,
.csvPreviewActionButtons {
  padding: 6px 0;
}
#previewGrid {
  background: transparent;
  height: 380px;
  left: -12px;
  width: 766px;
  position: relative;
}
.systemModalDialog.importStatusDialog {
  height: 10em !important;
}
.systemModalDialog.importStatusDialog h2.importStatusHeader {
  font-size: 12pt;
  line-height: 2;
  margin-bottom: 1em;
}
.systemModalDialog.importStatusDialog .importStatusContent {
  line-height: 2;
  text-align: center;
}
/*---------------------------------------------------------------------
 [FileDrop.less]
--------------------------------------------------------------------- */
.fd-zone {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
}
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}
.fd-zone.over {
  border-color: maroon;
}

/*---------------------------------------------------------------------
 [FleetDesignComparison.less]
--------------------------------------------------------------------- */
#tableFleetDesignComparison {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  width: 100%;
}
#tableFleetDesignComparison td,
#tableFleetDesignComparison th {
  height: 24px;
  padding: 0 2px;
  text-align: center;
  vertical-align: middle;
}
#tableFleetDesignComparison td.cost,
#tableFleetDesignComparison th.cost {
  font-weight: bold;
}
#tableFleetDesignComparison td [class^="icon-"],
#tableFleetDesignComparison th [class^="icon-"],
#tableFleetDesignComparison td [class*=" icon-"],
#tableFleetDesignComparison th [class*=" icon-"] {
  display: inline-block;
  font-size: 1.125em;
  margin-right: 0.25em;
  vertical-align: bottom;
}
#tableFleetDesignComparison td.cost {
  font-size: 125%;
}
#tableFleetDesignComparison thead th {
  font-size: 90%;
  font-weight: normal;
}
#tableFleetDesignComparison tbody th,
#tableFleetDesignComparison tfoot th {
  font-size: 90%;
  font-weight: normal;
  text-align: left;
}
.toggleSwitch-s {
  font-size: 12px !important;
  /* Rounded sliders */
}
.toggleSwitch-s div {
  clear: left;
  line-height: 28px;
  margin: 0;
}
.toggleSwitch-s .switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 20px;
}
.toggleSwitch-s .switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
.toggleSwitch-s .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggleSwitch-s .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggleSwitch-s .switch input:checked + .slider {
  background-color: #00ff21 !important;
}
.toggleSwitch-s .switch input:focus + .slider {
  box-shadow: 0 0 1px #00ff21 !important;
}
.toggleSwitch-s .switch input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}
.toggleSwitch-s .slider.round {
  border-radius: 34px;
}
.toggleSwitch-s .slider.round:before {
  border-radius: 50%;
}
.toggleSwitch-s .toggleTxt {
  text-align: center !important;
}
.toggleSwitch-s .toggleTxt span {
  padding: 0px 5px;
}
.toggleSwitch {
  font-size: 12px !important;
  /* Rounded sliders */
}
.toggleSwitch div {
  clear: left;
  line-height: 28px;
  margin: 0;
}
.toggleSwitch .switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
}
.toggleSwitch .switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
.toggleSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggleSwitch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggleSwitch .switch input:checked + .slider {
  background-color: #00ff21 !important;
}
.toggleSwitch .switch input:focus + .slider {
  box-shadow: 0 0 1px #00ff21 !important;
}
.toggleSwitch .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.toggleSwitch .slider.round {
  border-radius: 34px;
}
.toggleSwitch .slider.round:before {
  border-radius: 50%;
}
.toggleSwitch .toggleTxt {
  text-align: center !important;
}
.toggleSwitch .toggleTxt span {
  padding: 0px 5px;
}
.kendoNumberInputStyle .k-i-warning {
  color: red !important;
}
.kendoNumberInputStyle .k-numerictextbox .k-i-warning {
  position: static !important;
}
#export_status {
  width: 300px !important;
  min-Width: 300px !important;
  max-Width: 300px !important;
  margin-right: 0px !important;
}
#export_status .pending {
  color: black !important;
}
#export_status .skipped {
  color: #FFAA19 !important;
}
#export_status .inprogress {
  color: #FFAA19 !important;
}
#export_status .completed {
  color: green !important;
}
#export_status .partialcompleted {
  color: #FFAA19 !important;
}
#export_status .failed {
  color: red !important;
}
#export_status .small-font {
  font-size: 0.8em !important;
}
#export_status .small-title {
  font-size: 1em !important;
}
#export_status .text_right {
  text-align: right !important;
}
#export_status .text_left {
  text-align: left !important;
}
#export_status .icon-warning2 {
  color: #FFAA19;
}
.pharos-switch-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pharos-switch-container .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.pharos-switch-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pharos-switch-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D8D8D8;
  transition: 0.4s;
  border-radius: 34px;
}
.pharos-switch-container .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.pharos-switch-container input:checked + .slider {
  background-color: #FFD72C;
}
.pharos-switch-container input:checked + .slider:before {
  transform: translateX(26px);
}
.pharos-switch-container input:disabled + .slider {
  opacity: 0.5;
}
/*---------------------------------------------------------------------
 [Global.less]
--------------------------------------------------------------------- */
/*---------------------------------------------------------------------
 [html5.less]
--------------------------------------------------------------------- */
/***** Global Styles *****/
a,
a:link,
a:visited {
  cursor: pointer;
}
/*****  Browser CSS reset and default styles  *****/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
ul,
ol {
  margin-left: 1.8em;
}
ol {
  list-style-type: decimal;
}
small {
  font-size: 10px;
}
img {
  border: 0;
}
a img {
  border: 0;
}
nav ul,
nav li {
  margin: 0;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub {
  vertical-align: middle;
  font-size: x-small;
  font-weight: normal;
}
sup {
  font-size: x-small;
  font-weight: normal;
}
pre {
  padding: 15px;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
textarea {
  overflow: auto;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
:-webkit-any(body)::after {
  content: none;
}
html,
body {
  height: 100%;
}
body {
  font-size: 9pt;
  line-height: normal !important;
}
body * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-border-fit: border !important;
  -webkit-touch-callout: none;
}
body input,
body textarea {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}
#pageDisplayBox {
  bottom: 31px;
  left: 0;
  position: absolute;
  right: 0;
  top: 68px;
}
.rowInline {
  display: flex !important;
}
.error-color {
  color: #FF5F37;
}
.error-color .icon-warning2 {
  margin-right: 5px;
  margin-top: 5px;
}
.success-color {
  color: forestgreen;
}
.success-color .icon-checkmark {
  margin-right: 5px;
  margin-top: 5px;
}
.confirmContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 10px;
}
.confirmContent .resultIcon {
  font-size: 1.5rem;
}
.errorMessageContainer {
  display: flex;
  justify-content: center;
  margin: 15px 0;
}
div#contentOutput:has(> div.errorMessageContainer) {
  background-color: #E6E7E9;
  color: #52514F;
}
/*---------------------------------------------------------------------
 [ListView.less]
--------------------------------------------------------------------- */
.mainContentWrap > .listViewContainer.k-widget {
  border: none !important;
  overflow: auto;
}
.listViewContainer .listViewBox {
  margin-bottom: 12px;
  margin-left: 12px;
  overflow: hidden;
  float: left;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  text-align: center;
  padding: .5em;
}
.listViewContainer .listViewBox h3 {
  font-size: 1.2em;
  margin: 0 0 .2em 0;
  cursor: pointer;
}
.listViewContainer .listViewBox p {
  margin: 0 0 .5em 0;
  min-height:3em;
}
.listViewContainer .listViewBox img {
  margin-bottom: 7px;
  margin-top: 5px;
  cursor: pointer;
}
.listViewContainer .listViewBox img.reportModalClick {
  height: 90px;
}

/*---------------------------------------------------------------------
 [ModalForm.less]
--------------------------------------------------------------------- */
.modalForm {
  width: 95%;
}
.modalForm table {
  width: 100%;
}
.modalForm table:not([role='grid']) td {
  padding: 6px;
}
.modalForm.centeredForm {
  margin: 0 auto;
  width: 75%;
}
.modalForm.scrollingFormMedium {
  height: auto;
  max-height: 250px;
}
.modalForm.scrollingFormMedium .emailListElement {
  margin-top: 6px;
}
.modalForm.scrollingFormMedium .emailListElement h2 {
  font-size: 11pt;
  font-weight: bold;
  margin: 0 0 0.25em 0;
  text-align: left;
}
.modalForm.scrollingFormMedium .emailListElement p:not(.k-state-disabled) {
  margin: 0 0 1em 0;
}
.modalForm .row {
  clear: both;
  margin: 0.75em 0;
  width: 99%;
}
.modalForm .row.emptyRow p {
  text-align: center;
}
.modalForm .row.withButton {
  line-height: 27px;
}
.modalForm .row > .col05 {
  display: inline-block;
  vertical-align: top;
  width: 5%;
}
.modalForm .row > .col1 {
  display: inline-block;
  vertical-align: top;
  width: 11%;
}
.modalForm .row > .col2 {
  display: inline-block;
  vertical-align: top;
  width: 22%;
}
.modalForm .row > .col3 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
}
.modalForm .row > .col4 {
  display: inline-block;
  vertical-align: top;
  width: 44%;
}
.modalForm .row > .col5 {
  display: inline-block;
  vertical-align: top;
  width: 55%;
}
.modalForm .row > .col6 {
  display: inline-block;
  vertical-align: top;
  width: 66%;
}
.modalForm .row > .col7 {
  display: inline-block;
  vertical-align: top;
  width: 77%;
}
.modalForm .row > .col8 {
  display: inline-block;
  vertical-align: top;
  width: 88%;
}
.modalForm .row > .col9 {
  display: inline-block;
  vertical-align: top;
  width: 99%;
}
.modalForm .row > .col00 {
  display: inline-block;
  vertical-align: top;
  width: 0%;
}
.modalForm .row > .col10 {
  display: inline-block;
  vertical-align: top;
  width: 10%;
}
.modalForm .row > .col20 {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
.modalForm .row > .col30 {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
.modalForm .row > .col40 {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.modalForm .row > .col50 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.modalForm .row > .col60 {
  display: inline-block;
  vertical-align: top;
  width: 60%;
}
.modalForm .row > .col70 {
  display: inline-block;
  vertical-align: top;
  width: 70%;
}
.modalForm .row > .col80 {
  display: inline-block;
  vertical-align: top;
  width: 80%;
}
.modalForm .row > .col90 {
  display: inline-block;
  vertical-align: top;
  width: 90%;
}
.modalForm .row > .col100 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.modalForm .row > .colSplitLeft {
  vertical-align: top;
  display: inline-block;
  float: left;
  width: 48.5%;
}
.modalForm .row > .colSplitRight {
  vertical-align: top;
  display: inline-block;
  float: right;
  width: 48.5%;
}
.modalForm .row > .colClear {
  clear: both;
}
.modalForm .rowNoSpace {
  margin: 0;
}
.modalForm label:not(.k-checkbox-label) {
  clear: left;
  display: block;
  line-height: 24px;
  width: 100%;
}
.modalForm label:not(.k-checkbox-label).labelLowProfile {
  line-height: 18px;
  width: auto;
}
.modalForm label:not(.k-checkbox-label).labelInline {
  clear: none;
  display: inline-block;
  width: auto;
}
.modalForm label:not(.k-checkbox-label) label,
.modalForm label:not(.k-checkbox-label) span {
  display: inline;
  margin-right: 1em;
}
.modalForm input[type=radio],
.modalForm input[type=checkbox] {
  margin-left: 0;
  margin-top: 0;
  vertical-align: middle;
}
.modalForm input[type=radio] {
  height: 24px;
}
.modalForm .k-dropdown,
.modalForm .k-textbox,
.modalForm .k-numerictextbox {
  width: 100%;
}
.modalForm .k-dropdown.inputShort,
.modalForm .k-textbox.inputShort,
.modalForm .k-numerictextbox.inputShort {
  width: 66%;
}
.modalForm .k-dropdown.inputShorter,
.modalForm .k-textbox.inputShorter,
.modalForm .k-numerictextbox.inputShorter {
  width: 44%;
}
.modalForm textarea {
  min-height: 60px;
  width: 100%;
}
.modalForm .readOnlyField {
  margin-top: 5px;
  margin-left: 2px;
}
.modalForm span.widerKendoTextbox {
  width: 115% !important;
}
.modalForm .field-validation-valid {
  display: none;
}
.modalForm .field-validation-error [class^="icon-"],
.modalForm .field-validation-error [class*=" icon-"] {
  font-size: 1.2em;
  vertical-align: text-top;
}
.modalForm input + .field-validation-error,
.modalForm .k-widget .field-validation-error {
  margin-top: 3px;
  width: 100%;
}
.modalForm #requiredFieldIndicator {
  margin-bottom: 0;
  margin-top: 24px;
}
.modalForm fieldset {
  margin: 6px 2px;
  padding: 0.75em;
}
.modalForm fieldset legend {
  font-weight: bold;
  max-width: 600px;
  overflow: hidden;
}
.modalForm fieldset p {
  margin: 12px 0;
}
#formSuccessDivId .icon-checkmark {
  margin-right: 7px;
  vertical-align: middle;
}
#presentationForm {
  max-height: 400px;
}
#inner-modal-close {
  float: right;
}
/*---------------------------------------------------------------------
 [MPSGrid.less]
--------------------------------------------------------------------- */
.columnsChooserContainer {
  padding: 12px;
}
.columnsChooserContainer p {
  margin: 0.5em 0;
}
.columnsChooserContainer #filters_prompt {
  float: right;
  padding: 0 0.5em;
}
.columnsChooserContainer .columnsList {
  list-style-type: none;
  margin-bottom: 1em;
  margin-left: 0;
  max-height: 500px;
  overflow: scroll;
}
.columnsChooserContainer .columnsList label {
  cursor: default;
  display: inline-block;
}
.columnsChooserContainer .columnsList label input[type=checkbox] {
  margin: 3px 4px 0 0;
}
.columnsChooserContainer .columnsList label input[type=checkbox]:focus {
  outline: none;
}
.gridDetailsLink {
  text-decoration: underline;
}
.gridEditCurrentRowLink {
  text-decoration: underline;
  cursor: pointer;
}
.gridEditCurrentRowLink :hover {
  cursor: pointer;
}
/* ----------------------------------------------- */
/* TODO: Move these rules into Pharos Kendo theme! */
/* ----------------------------------------------- */
.k-grouping-header {
  padding-left: 8px !important;
}
.k-grid table th,
.k-grid table td {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: nowrap;
}
.k-grid table th a,
.k-grid table td a,
.k-grid table th span,
.k-grid table td span {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default !important;
}
.k-grid table th input[type=checkbox],
.k-grid table td input[type=checkbox] {
  margin-left: 0px;
  vertical-align: middle;
}
.k-grid table th.k-header input[type=checkbox],
.k-grid table td.k-header input[type=checkbox] {
  vertical-align: baseline;
}
.k-grid table th [class^="icon-"],
.k-grid table td [class^="icon-"],
.k-grid table th [class*=" icon-"],
.k-grid table td [class*=" icon-"] {
  margin-right: 4px;
}
.k-grid table th .gridEditableField,
.k-grid table td .gridEditableField {
  cursor: pointer;
  display: block;
  min-height: 1.5em;
  position: relative;
  width: 100%;
}
.k-grid table th .gridEditableField .icon-pencil,
.k-grid table td .gridEditableField .icon-pencil {
  float: none;
  font-size: smaller;
  position: absolute;
  right: 0;
  top: 0.33em;
}
.k-pager-sizes .k-dropdown {
  width: auto;
}
.k-filter-menu > div > label {
  margin: 0.5em 0 0.5em 1em;
  display: inline-block;
}
.k-filter-menu > div > label input {
  margin-right: 0.25em;
}
.gridExceptionRow {
  height: 3em;
  padding: 0;
  text-align: center;
}
.gridExceptionRow b {
  line-height: 3em;
}
/* ----------------------------------------------- */
.tooltip {
  position: absolute;
  cursor: pointer;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px;
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 1em;
  top: 35px;
  margin-left: 0;
  z-index: 99;
  width: 175px;
  background-color: white;
}
.tooltip .classic {
  padding: 0.8em 1em;
  text-align: left;
}
/* ---------------fix reorder cue issue-----*/
.k-reorder-cue {
  z-index: 2;
}
ul.k-multicheck-wrap {
  border: none !important;
}
ul.k-multicheck-wrap > li input {
  vertical-align: middle;
  margin-right: 5px;
}
@keyframes slowbounce {
  from,
  4%,
  10.6%,
  16%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  8%,
  8.6% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -20px, 0);
  }
  14% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }
  18% {
    transform: translate3d(0, -4px, 0);
  }
  18.1% {
    transform: translate3d(0, 0px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
.customGridContainer {
  border: none;
  margin: 0;
  border-right: 0;
  height: calc(100% - 41px );
  position: relative;
  border-top: 1px solid transparent;
}
.customGridContainer .k-auto-scrollable {
  margin-left: -1px;
}
.customGridContainer .k-resize-handle:before {
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #aaa;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  top: 50%;
  position: absolute;
  margin-top: -6px;
  box-sizing: border-box;
}
.customGridContainer .gridContainer {
  overflow: hidden !important;
  margin-top: 31px;
  height: calc(100% -  31px );
}
.customGridContainer .k-grid .k-grid-content-locked {
  z-index: 2;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #ccc;
}
.customGridContainer .k-grid .k-grid-header-locked {
  z-index: 2;
  border-right: 1px solid #ccc;
}
.customGridContainer .k-grid .k-grid-content-locked tr td,
.customGridContainer .k-grid .k-grid-content tr td {
  border-bottom: 1px #E6E7E9 solid;
}
.customGridContainer .k-grid td,
.customGridContainer .k-grid th {
  padding-right: 0.3em;
}
.customGridContainer .k-grid th.k-header {
  position: relative;
  cursor: move;
}
.customGridContainer .k-grid th.k-header.none-dragable {
  cursor: default;
}
.customGridContainer .k-grid th.k-header .k-header-column-menu {
  opacity: 0;
  position: absolute;
  right: 5px;
  text-align: right;
  margin: 0;
  top: 0;
  padding: 0;
  height: 100%;
  transition: opacity ease-in 0.5s;
  width: 20px;
}
.customGridContainer .k-grid th.k-header .k-header-column-menu.k-state-border-down {
  visibility: visible !important;
}
.customGridContainer .k-grid th.k-header .k-header-column-menu.k-state-active {
  background: transparent;
}
.customGridContainer .k-grid th.k-header .k-header-column-menu .k-icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.customGridContainer .k-grid th.k-header.sorted_desc .k-header-column-menu,
.customGridContainer .k-grid th.k-header.sorted_asc .k-header-column-menu,
.customGridContainer .k-grid th.k-header.filtered .k-header-column-menu {
  opacity: 1 !important;
}
.customGridContainer .k-grid th.k-header.filtered .k-header-column-menu span.k-icon:before {
  content: "\e12b";
}
.customGridContainer .k-grid th.k-header.sorted_asc .k-header-column-menu span.k-icon:before {
  content: "\e127";
}
.customGridContainer .k-grid th.k-header.sorted_desc .k-header-column-menu span.k-icon:before {
  content: "\e128";
}
.customGridContainer .k-grid th.k-header.filtered.sorted_asc .k-header-column-menu span.k-icon:before {
  content: "\e12c";
}
.customGridContainer .k-grid th.k-header.filtered.sorted_desc .k-header-column-menu span.k-icon:before {
  content: "\e12d";
}
.customGridContainer .k-grid th.k-header.menu-active {
  background: #fff !important;
  cursor: default !important;
}
.customGridContainer .k-grid th.k-header:hover .k-header-column-menu {
  opacity: 1;
}
.customGridContainer .k-grid .k-i-arrow-60-down:before {
  top: 1px;
}
.customGridContainer .gridtabHolder {
  position: absolute;
  width: 100%;
  height: 32px;
  z-index: 2;
}
.customGridContainer .gridtabHolder span.gridtab-guide {
  position: absolute;
  top: 8px;
  left: 110px;
  padding-left: 5px;
  animation-name: slowbounce;
  transform-origin: center bottom;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  opacity: 0.6;
}
.customGridContainer .gridtabHolder span.gridtab-guide:before,
.customGridContainer .gridtabHolder span.gridtab-guide:after {
  height: 1px;
  width: 15px;
  border-bottom: 1px solid #666;
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: -15px;
}
.customGridContainer .gridtabHolder span.gridtab-guide:after {
  content: "";
  height: 8px;
  width: 8px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  left: -24px;
  background: rgba(0, 0, 0, 0.4);
  transform: translateY(-50%) rotate(135deg);
  border-radius: 8px 0px 0px 0px;
}
.customGridContainer .gridtabHolder .gridtab-arrow {
  width: 45px;
  height: 30px;
  position: absolute;
  top: 0;
  display: none;
}
.customGridContainer .gridtabHolder .gridtab-arrow:before {
  border: 1px solid #ccc;
  border-radius: 10px;
}
.customGridContainer .gridtabHolder .gridtab-arrow.leftarrow {
  left: 0;
}
.customGridContainer .gridtabHolder .gridtab-arrow.leftarrow:before {
  padding-right: 2px;
}
.customGridContainer .gridtabHolder .gridtab-arrow.rightarrow {
  right: 0;
}
.customGridContainer .gridtabHolder .gridtab-arrow.rightarrow:before {
  padding-left: 2px;
}
.customGridContainer .gridtabHolder .gridtabContainer {
  height: 100%;
  width: calc(100% - 100px);
  margin-left: 0px;
  position: relative;
}
.customGridContainer .gridtabHolder .gridtabContainer .km-horizontal-scrollbar {
  display: none;
}
.customGridContainer .gridtabHolder.scroll-enabled .gridtabContainer {
  margin-left: 50px;
}
.customGridContainer .gridtabHolder.scroll-left .gridtabContainer:before {
  content: "";
  position: absolute;
  height: calc(100% - 1px);
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  z-index: 3;
  width: 3px;
  left: -3px;
  top: 0;
}
.customGridContainer .gridtabHolder.scroll-left .gridtab-arrow.leftarrow {
  display: block;
}
.customGridContainer .gridtabHolder.scroll-right .gridtabContainer:after {
  content: "";
  position: absolute;
  height: calc(100% - 1px);
  background: #fff;
  box-shadow: 0px -3px 8px rgba(0, 0, 0, 0.5);
  z-index: 3;
  width: 3px;
  right: -3px;
  top: 0;
}
.customGridContainer .gridtabHolder.scroll-right .gridtab-arrow.rightarrow {
  display: block;
}
.customGridContainer .gridtab {
  margin: 0;
  height: 32px;
  width: 100%;
  padding: 0;
}
.customGridContainer .gridtab li {
  list-style: none;
  line-height: 30px;
  float: left;
  border: 1px solid #d2d5d8;
  border-radius: 6px 6px 0 0;
  box-sizing: border-box;
  padding: 0px 15px;
  margin-left: 0px;
  background: #fff;
  height: 32px;
  margin-right: -1px;
  position: relative;
  border-bottom: 1px solid #d2d5d8;
  box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.1);
  max-width: 160px;
}
.customGridContainer .gridtab li .k-link {
  padding: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customGridContainer .gridtab li.k-state-active {
  background: #E6E7E9;
  border-bottom: 0px solid #E6E7E9;
  padding-right: 30px;
  padding-bottom: 1px;
  z-index: 2;
  box-shadow: none;
}
.customGridContainer .gridtab li a {
  position: absolute;
  right: 0.5em;
  top: 0;
}
.customGridContainer .gridtab li .k-icon {
  margin: 0;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.customGridContainer .gridtab li .k-icon:before {
  padding: 2px 1px 0 1px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #ccc;
  border-radius: 20px;
}
.customGridContainer .activeButton:hover:before {
  border: 1px solid #aaa;
}
.customGridContainer .activeButton:active:before {
  border: 1px solid #aaa;
  color: #ccc;
}
.customGridContainer .groupheader {
  font-weight: bold !important;
  background: linear-gradient(15deg, #E6E7E9 55%, #cccccc) !important;
}
.config_columns.k-treeview {
  border-top: 1px solid #d2d5d8;
  padding-top: 0;
  max-height: 500px;
  min-width: 180px;
  overflow: auto !important;
  background: #fff;
}
.config_columns.k-treeview .k-state-focused,
.config_columns.k-treeview .k-state-hover {
  background: none;
  color: inherit;
}
.config_columns.k-treeview span .k-in {
  cursor: default;
}
.config_columns.k-treeview span.summary {
  position: absolute;
  right: 0;
  font-size: 10px;
  color: #ccc;
  font-family: Courier New, Courier, monospace;
}
.config_columns.k-treeview .k-item div {
  border-bottom: 1px solid #efefef;
}
.config_columns.k-treeview .k-i-collapse {
  margin-top: -0.1em;
}
.customGrid_column .k-context-menu.k-menu-vertical > .k-item > .k-link,
.customGrid_column .k-menu .k-menu-group .k-item > .k-link {
  padding: .5em 1.8em .4em .9em;
}
.customGrid_column .k-menu .k-item .k-link {
  padding: .5em 2em .4em 1.1em;
}
.customGrid_column .k-content {
  border-top: 1px solid #ccc;
}
.customGrid_column .k-menu .k-item,
.customGrid_column .k-menu .k-popup .k-item {
  border-right: none;
}
.customGrid_column.k-column-menu .k-sprite {
  margin-right: 4px;
}
.customGrid_column .k-state-hover {
  text-decoration: none !important;
}
.customGrid_column .k-item.k-separator {
  border-top: 1px solid #ccc;
}
.changeTabNameForm fieldset {
  margin-bottom: 0.5em;
  width: 140px;
}
.changeTabNameForm fieldset input {
  width: 100%;
  box-sizing: border-box;
}
.changeTabNameForm button {
  width: 140px;
  padding: 0.1em 0;
  box-sizing: border-box;
}
.changeTabNameForm .ui-state-error {
  width: 140px;
  display: none;
  white-space: normal;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}
.k-item .stylebox {
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
}
.k-column-menu .k-menu .k-item {
  border-color: #ccc;
  border-right: 0;
}
#Personalized-Views {
  position: relative;
}
/*---------------------------------------------------------------------
 [NotificationFx.less]
--------------------------------------------------------------------- */
@-webkit-keyframes animSlideTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes animSlideTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ns-box {
  position: fixed;
  padding: 25px;
  line-height: 1.4;
  z-index: 1000;
  pointer-events: none;
  font-size: 90%;
}
.ns-box.ns-bar {
  top: 0;
  left: 0;
  width: 100%;
}
.ns-box.ns-show,
.ns-box.ns-visible {
  pointer-events: auto;
}
.ns-box a {
  color: inherit;
  opacity: 0.7;
  font-weight: 700;
}
.ns-box a:hover,
.ns-box a:focus {
  opacity: 1;
}
.ns-box p {
  margin: 0;
}
.ns-box-floating {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  position: relative;
}
.ns-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 4px;
  overflow: hidden;
  text-indent: 100%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ns-bar .ns-close {
  background: transparent;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ns-close:hover,
.ns-close:focus {
  outline: none;
}
.ns-close::before,
.ns-close::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 60%;
  top: 50%;
  left: 50%;
}
.ns-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.ns-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
[class^="ns-effect-"].ns-bar.ns-hide,
[class*=" ns-effect-"].ns-bar.ns-hide {
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.ns-effect-slidetop [class^="icon-"],
.ns-effect-slidetop [class*=" icon-"] {
  position: absolute;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
}
.ns-effect-slidetop p {
  margin-left: 12px;
  font-size: 1.2em;
  display: inline-block;
}
.ns-effect-slidetop.ns-show [class^="icon-"],
.ns-effect-slidetop [class*=" icon-"],
.ns-effect-slidetop.ns-show p {
  -moz-animation-name: animFade;
  -o-animation-name: animFade;
  -webkit-animation-name: animFade;
  animation-name: animFade;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ns-effect-slidetop.ns-show,
.ns-effect-slidetop.ns-hide {
  -moz-animation-name: animSlideTop;
  -o-animation-name: animSlideTop;
  -webkit-animation-name: animSlideTop;
  animation-name: animSlideTop;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.notification-container {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  z-index: 99;
}
.notification-container .notification-content,
.notification-container .ns-box {
  position: relative;
  padding: 0 10px;
}
.notification-container .notification-close-button {
  position: absolute;
  right: 15px;
  font-weight: 700;
  cursor: pointer;
}
.notification-container.hidden {
  opacity: 0;
  height: 0px;
}
.notification-container.hidden .notification-content,
.notification-container.hidden .ns-box {
  top: -40px;
}
.notification-container.expand {
  opacity: 1;
  height: 38px;
}
.notification-container.expand .notification-content,
.notification-container.expand .ns-box {
  top: 0px;
  transition: top 1s !important;
}
.notification-container.collapse {
  opacity: 0;
  height: 0px;
  -moz-transition: height 0s ease 1s, opacity 0s ease 1s !important;
  -webkit-transition: height 0s ease 1s, opacity 0s ease 1s !important;
  transition: height 0s ease 1s, opacity 0s ease 1s !important;
}
.notification-container.collapse .notification-content,
.notification-container.collapse .ns-box {
  top: -40px !important;
  transition: top 1s !important;
}
.notification-container .ns-box {
  position: relative !important;
  padding: 10px !important;
  font-size: 100% !important;
  pointer-events: auto !important;
}
/*---------------------------------------------------------------------
 [Progress.less]
--------------------------------------------------------------------- */
.spinnerWrap {
  cursor: default;
  overflow: hidden;
  position: absolute;
  height: 120px;
  width: 120px;
  z-index: 999999;
}
.spinnerWrap .ui-dialog-content {
  font-size: 10px;
  position: absolute;
  bottom: 6px;
  left: 0;
  text-align: center;
  right: 0;
}
.spinnerWrap .ui-widget-title {
  margin-top: 5px;
}
.spinnerWrap .ui-widget-message {
  margin-bottom: 5px;
}
.ui-dialog-center {
  top: 50%;
  left: 50%;
  text-align: center;
}
img.progressSpinner {
  height: 65px;
  width: 65px;
}
.spinnerWrap img.progressSpinner {
  height: 32px;
  width: 32px;
}
.progressSpinner,
.progressSpinnerWrap {
  cursor: default;
  overflow: hidden;
  position: absolute;
  top: 25%;
  left: 50%;
  z-index: 9999;
}
.progressSpinnerWrap  img.progressSpinner {
  height: 32px;
  width: 32px;
}
.progressSpinnerWrap {
  height: 120px;
  width: 120px;
}
.progressSpinnerWrap .ui-dialog-content {
  height: 70px;
  font-size: 10px;
}
.progressSpinnerWrap .ui-dialog-content p {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.loader {
  border: 5px solid #cccccc;
  border-radius: 50%;
  border-top: 5px solid #000000;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*---------------------------------------------------------------------
 [Sortable.less]
--------------------------------------------------------------------- */
.sortableList {
  padding: 0 .5em;
}
.sortable {
  cursor: move;
  display: block;
  line-height: 1.2;
  list-style-type: none;
  margin: 0;
  padding: .25em;
}
.sortable.hint {
  display: block;
  width: 200px;
}
.sortable.placeholder {
  min-height: 1.2em;
}

/*---------------------------------------------------------------------
 [SystemModal.less]
--------------------------------------------------------------------- */
.contextInformation {
  float: left;
  height: 32px;
  line-height: 32px;
  margin-left: 7px;
  margin-right: -10px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sysModalContextIcon {
  font-size: 1.2em;
  margin-right: .4em;
  vertical-align: text-bottom;
}
.sysModalContextIcon.phs-spinner-small {
  display: inline-block;
}
.modalCloseButtonOff .ui-dialog-titlebar-close {
  display: none;
}
.modalCloseButtonOn .ui-dialog-titlebar-close {
  display: inline;
}
.systemModalDialog h1,
.systemModalDialog h2 {
  font-weight: normal;
  text-align: center;
  width: 90%;
}
.systemModalDialog h1 {
  font-size: 12pt;
  margin: 1em auto .25em auto;
}
.systemModalDialog h2 {
  font-size: 9pt;
  margin: 0 auto 2em auto;
}
.systemModalDialog p.headerText {
  margin: 1em auto 2em auto;
  max-width: 80%;
  text-align: center;
  width: auto;
}
#msgBoxContent .customerProfileDetailsFormIndex {
  position: static;
  overflow: hidden;
}
#msgBoxContent p {
  margin: 12px 24px;
  text-align: center;
}
#msgBoxContent p > [class^="icon-"],
#msgBoxContent p [class*=" icon-"] {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
#msgBoxContent p.contentTitle {
  font-weight: bold;
}
.modalErrorTable {
  height: 202px;
  overflow-y: hidden;
}
/*---------------------------------------------------------------------
 [TextPages.less]
--------------------------------------------------------------------- */
.bold {
  font-weight: bold;
}
.textHeading {
  margin: 0 auto 12px auto;
  padding: 12px 12px 0 12px;
  text-align: center;
  width: 85%;
}
.textHeading p:first-child {
  margin-top: 0;
}
.textHeading p:last-child {
  margin-bottom: 0;
}
.linkTable legend {
  font-weight: bold;
}
.linkTable p {
  margin: 2em 0;
}
.linkTable p span.link {
  display: inline-block;
  margin-right: 1em;
  width: 33%;
}
#passwordRequirements {
  font-size: 8pt;
  padding: .5em .75em;
}
#passwordRequirements p,
#passwordRequirements ul {
  margin: 0 auto .5em auto;
}
#passwordRequirements li {
  margin: 0 2em;
  padding: 0;
}

/*---------------------------------------------------------------------
 [TreeView.less]
--------------------------------------------------------------------- */
#listControlBar {
  padding: 6px 6px 8px 6px;
}
#listControlBar button:first-child {
  float: left;
}
#listControlBar .buttonGroup {
  float: right;
}
#listControlBar .customerListSearchContainer .icon-search3 {
  vertical-align: middle;
}
#listControlBar .customerListSearchContainer .k-widget.k-combobox {
  margin: 0 .25em;
  width: 180px;
}
#listControlBar .k-widget.k-combobox {
  width: 100%;
}
#unknownModelsCustomerTreeContainer {
  border-width: 0 0 0 1px;
  width: 227px;
}
.treeScrollContainer {
  bottom: 0px;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 100%;
}
.treeScrollContainer.mainContentWrap {
  overflow: auto;
}
.treeScrollContainer.customerTreeScrollContainer {
  top: 42px;
}
.treeScrollContainer .treeBox {
  height: 100%;
}
.treeScrollContainer .treeProgress {
  bottom: 0px;
  overflow: auto;
  position: absolute;
  top: 33px;
  width: 100%;
}
.k-treeview {
  height: 100%;
  overflow: inherit !important;
}
.k-treeview [class^="icon-"] {
  float: left;
  margin-right: 4px;
}
.k-treeview .k-in {
  border-style: none;
}
#customerList .customerGroup {
  line-height: 18px;
}
#customerList .customerGroup:hover {
  cursor: default;
}
.customerItem {
  line-height: 1.5;
  margin-bottom: .25em !important;
  max-width: 200px;
  overflow: hidden;
}
.customerItem:hover {
  cursor: pointer;
}
.accessGroupDepartmentList {
  margin: 0 auto;
  width: 345px;
  height: 200px;
  overflow: auto;
}
.accessGroupLocationList {
  margin: 0 auto;
  width: 345px;
  height: 300px;
  overflow: auto;
}
/*---------------------------------------------------------------------
 [VerticalAccordian.less]
--------------------------------------------------------------------- */
.ac-vertContainer {
  width: 400px;
  margin: 10px auto 30px auto;
  text-align: left;
}
.ac-vertContainer .ac-mr {
  margin-right: 8px;
}
.ac-vertContainer p {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
  line-height: 32px;
  height: 0px;
  width: 0px;
}
.ac-vertContainer p.pipe {
  margin-left: 16px;
  margin-top: 4px;
}
.ac-vertContainer div {
  padding-bottom: 12px;
}
.ac-vertContainer article {
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -moz-transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
  -o-transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
  -webkit-transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
  transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
}
.ac-vertContainer article p {
  font-style: italic;
  line-height: 23px;
  font-size: 14px;
  padding: 20px;
}
.ac-vertContainer article ol {
  list-style-type: none;
  line-height: 2em;
  padding: 20px;
  border: #d2d5d8 1px solid;
  border-radius: 6px;
  margin-left: 50px;
  margin-top: 10px;
}
.ac-vertContainer h1 {
  text-align: center;
  font-size: 28px;
  display: block;
  margin: 1em 0;
}
.ac-vertContainer input {
  display: none;
}
.ac-vertContainer input:checked ~ article {
  -moz-transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
  -o-transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
  -webkit-transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
  transition: height 200ms cubic-bezier(0.175, 0.61, 0.18, 0.985);
  width: 100%;
  height: auto;
}
.ac-vertContainer input:checked ~ article.ac-size12 {
  height: 312px;
}
.ac-vertContainer input:checked ~ article.ac-size11 {
  height: 286px;
}
.ac-vertContainer input:checked ~ article.ac-size10 {
  height: 260px;
}
.ac-vertContainer input:checked ~ article.ac-size9 {
  height: 234px;
}
.ac-vertContainer input:checked ~ article.ac-size8 {
  height: 208px;
}
.ac-vertContainer input:checked ~ article.ac-size7 {
  height: 182px;
}
.ac-vertContainer input:checked ~ article.ac-size6 {
  height: 156px;
}
.ac-vertContainer input:checked ~ article.ac-size5 {
  height: 130px;
}
.ac-vertContainer input:checked ~ article.ac-size4 {
  height: 104px;
}
.ac-vertContainer input:checked ~ article.ac-size3 {
  height: 78px;
}
.ac-vertContainer input:checked ~ article.ac-size2 {
  height: 52px;
}
.ac-vertContainer input:checked ~ article.ac-size1 {
  height: 26px;
}
.ac-vertContainer input:checked ~ label .icon-plus-circle {
  display: none;
}
.ac-vertContainer input:checked ~ label .icon-minus-circle {
  display: inline;
}
.ac-vertContainer label {
  display: flex;
  align-items: center;
  padding-top: 5px;
  margin-left: 28px;
  z-index: 20;
  height: 30px;
  cursor: pointer;
  line-height: 32px;
  font-size: 18px;
}
.ac-vertContainer label .icon-plus-circle {
  display: inline;
}
.ac-vertContainer label .icon-minus-circle {
  display: none;
}
.ac-vertContainer .emptyList label {
  margin-left: 0;
  text-align: center;
}
.customerApiContent .item-image {
  font-size: 90px;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  float: none;
}
.customerApiContent .listViewBox {
  cursor: pointer;
}
.customerApiContent .noHand .item-image,
.customerApiContent .noHand .listViewBox,
.customerApiContent .noHand a,
.customerApiContent .noHand h3 {
  cursor: default !important;
}
.flex-box {
  display: flex!important;
}
.apiContainer {
  display: inline-block;
  margin: -6px 0 10px 0;
}
.apiContainer label {
  line-height: 2em;
  display: block;
  float: left;
  margin-right: 0.3em;
}
.apiContainer p {
  margin: 3px 0;
  font-size: 110%;
}
.apiClientContainer {
  flex-wrap: wrap;
}
.apiClientContainer .statusLink {
  text-decoration: underline;
  cursor: pointer;
}
.apiClientContainer .apiClientStatus {
  margin-left: -20px !important;
}
.apiClientContainer .customerClientBox .customerClientCard {
  background: #ededed;
}
.apiClientContainer .customerClientBox .customerClientCard.main {
  z-index: 1;
  background-color: #FFFFFF;
  width: 150px;
  color: #52514F;
  border-right: 1px solid #d2d5d8;
  padding: 10px;
}
.apiClientContainer .customerClientBox .customerClientCard.secondary {
  width: 140px;
}
.apiClientContainer .customerClientBox .customerClientCard.secondary h3 {
  margin-top: 40px;
  margin-left: 10px;
  text-align: left;
}
.apiClientContainer .customerClientBox .customerClientCard.secondary label {
  margin-left: 10px;
  text-align: left;
}
.apiClientContainer .customerClientBox .customerClientCard.secondary hr {
  margin: 5px;
}
.apiClientContainer .customerClientBox .customerClientCard.secondary button.phs-button-primary {
  width: 80px;
  margin-top: 60px;
}
.apiKeyContainer .codebox {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: all;
  font-family: 'Courier New', monospace;
  font-size: 100%;
  font-weight: normal;
  background: #ededed;
  border: 1px solid #ddd;
  padding: 10px;
  word-break: break-all;
}
.apiKeyContainer .colA {
  float: left;
  margin-bottom: 1em;
}
.apiKeyContainer .colA input {
  margin: 6px;
  outline: none;
}
.apiKeyContainer .colB {
  float: right;
}
.apiKeyContainer .inputbox {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: all;
  font-family: 'Courier New', monospace;
  font-size: 100%;
  font-weight: normal;
  background: #ededed;
  border: 1px solid #ddd;
  padding: 10px;
  word-break: break-all;
  float: right;
  width: 40em;
  min-height: 1em;
  text-align: center;
  padding: 5px;
}
.apiKeyPopup p {
  margin: 10px 0;
  font-size: 110%;
}
.apiKeyPopup hr {
  clear: both;
}
.apiKeyPopup h2 {
  font-size: 120%;
  text-align: left;
  margin: 0;
  padding: 10px 0;
  font-weight: bold;
  clear: both;
}
.apiKeyPopup .codebox {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: all;
  font-family: 'Courier New', monospace;
  font-size: 100%;
  font-weight: normal;
  background: #ededed;
  border: 1px solid #ddd;
  padding: 10px;
  word-break: break-all;
}
.apiKeyPopup h3 {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: all;
  font-family: 'Courier New', monospace;
  font-size: 100%;
  font-weight: normal;
  background: #ededed;
  border: 1px solid #ddd;
  padding: 10px;
  word-break: break-all;
  clear: both;
}
.apiKeyPopup .inputbox {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: all;
  font-family: 'Courier New', monospace;
  font-size: 100%;
  font-weight: normal;
  background: #ededed;
  border: 1px solid #ddd;
  padding: 10px;
  word-break: break-all;
  float: right;
  width: 20em;
  min-height: 1em;
  text-align: center;
  padding: 5px 10px;
}
.apiKeyPopup label {
  line-height: 2em;
  display: block;
  float: left;
  margin-right: 0.3em;
}
.apiKeyPopup .externalToolbar {
  margin-bottom: 1em;
}
.apiKeyPopup .externalToolbar a {
  margin-right: 1em;
  text-decoration: underline;
}
.apiClientPopup .clientNotes {
  margin: 10px 0;
}
.apiClientPopup .download-config-container {
  margin: 15px 0;
}
.apiClientPopup .download-config-container .download-config-button {
  width: 100%;
  text-align: center;
}
.apiClientPopup .codebox {
  padding: 2px 5px;
}
.apiClientPopup .codebox input:focus {
  outline: none;
}
.apiClientPopup .codebox .codetext {
  height: 27px;
  font-size: 14px;
  padding-left: 4px;
  width: 300px;
  border-width: 0;
  background-color: #ededed;
}
.apiClientPopup .codebox .icon-popout {
  float: right;
  cursor: pointer;
  line-height: 28px;
  font-size: 16px;
}
.apiClientPopup .apiClientHelpDoc,
.apiClientPopup .apiClientDownloadConfig {
  display: inline-block;
  cursor: pointer;
}
.apiClientPopup .apiClientHelpDoc .doc-text,
.apiClientPopup .apiClientDownloadConfig .doc-text {
  margin-left: 5px;
  display: inline-block;
  width: 76px;
}
.apiClientPopup .apiClientHelpDoc .icon-file-text2,
.apiClientPopup .apiClientDownloadConfig .icon-file-text2,
.apiClientPopup .apiClientHelpDoc .icon-download,
.apiClientPopup .apiClientDownloadConfig .icon-download {
  font-size: 40px;
}
.apiClientPopup .apiClientHelpDoc {
  width: 138px;
}
.apiClientPopup .apiClientDownloadConfig {
  margin-left: 15px;
}
.api-client-container,
.apiKeyContainer {
  padding: 20px 0 0 20px;
}
.api-client-container h2,
.apiKeyContainer h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.api-client-container > div > .colA,
.apiKeyContainer > div > .colA {
  padding-left: 20px;
}
.api-client-container + .listViewContainer,
.apiKeyContainer + .listViewContainer {
  padding-left: 27px;
  margin-bottom: 20px;
}
.apiKeyContainer > div {
  margin-top: 28px;
}
.external-card-container {
  width: 686px;
  background-color: #fff;
  padding: 16px 20px 20px 20px;
}
.external-card-container h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.external-card-container .external-card-content {
  margin-left: 20px;
}
.external-card-container .external-card-content .external-card-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.external-card-container .external-card-content .external-card-toggle input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
.external-card-container .external-card-content .external-card-input-group {
  margin-bottom: 15px;
  margin-right: 18px;
  position: relative;
}
.external-card-container .external-card-content .external-card-input-group label {
  display: block;
  margin-bottom: 5px;
}
.external-card-container .external-card-content .external-card-input-group input[type="text"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.external-card-container .external-card-content .external-card-input-group input[type="text"]:focus-visible {
  outline: none;
}
.external-card-container .external-card-content .external-card-input-group .icon-popout {
  right: -6px;
  position: absolute;
  top: 28px;
  font-size: 1.6em;
  cursor: pointer;
  transition: color 0.3s;
  color: #888;
}
.external-card-container .external-card-content .external-card-input-group .icon-popout:hover {
  color: #000;
}
.external-card-container .external-card-content .external-card-input-group .icon-popout:active {
  color: #000;
}
.external-card-container .external-card-content .external-card-input-group .icon-popout.copied {
  color: green;
}
.external-card-container .external-card-content .external-card-test-config {
  border: 1px solid #ddd;
  padding: 30px;
  border-radius: 4px;
  position: relative;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
.external-card-container .external-card-content .external-card-test-config .field-title {
  position: absolute;
  top: -10px;
  background-color: white;
  font-weight: bold;
}
.external-card-container .external-card-content .external-card-test-config label {
  display: block;
  margin-bottom: 5px;
}
.external-card-container .external-card-content .external-card-test-config input[type="text"] {
  width: auto;
  margin-right: 0px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  margin-top: 4px;
}
.external-card-container .external-card-content .external-card-test-config input[type="text"]:focus-visible {
  outline: none;
}
.external-card-container .external-card-content .external-card-test-config .external-card-test-config-button {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.external-card-container .external-card-content .external-card-test-config .external-card-test-config-button button {
  padding: 8px 16px;
  background-color: #ddd;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.external-card-container .external-card-content .external-card-test-config .external-card-test-config-button button:hover {
  background-color: #ccc;
}
.external-card-container .external-card-content .external-card-test-result {
  margin-top: 10px;
}
.external-card-container .external-card-content .external-card-test-result span {
  color: green;
}
.external-card-container .external-card-content .external-card-test-result span.external-card-error {
  color: red;
}
#clientRegistrationForm {
  padding-left: 15px;
  padding-top: 15px;
}
#clientRegistrationForm .column {
  display: table-cell;
}
#clientRegistrationForm .labelPlaceholder {
  width: 100px;
}
#clientRegistrationForm .inputPlaceholder {
  width: 360px;
}
#clientRegistrationForm .inputPlaceholder button {
  height: 18px;
}
#clientRegistrationForm .clientRegInputFormat {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: all;
  margin-right: 0;
  width: 260px;
}
#clientRegistrationForm .clientRegInputFormat[disabled] {
  background-color: lightgray;
}
#clientRegistrationForm .row {
  padding-top: 10px;
}
#clientRegistrationForm .row.error {
  padding-top: 5px;
  color: red;
}