/* 
 * $Id$
 * 
 * ========================================================================
 * Copyright  2006 - 2021 National Data Systems, LLC. All Rights Reserved.
 * ========================================================================
 */
/* =========== Generic ========== */
/* =========== Forms ========== */
/* =========== Ajax Loading ========== */
/* =========== Grids ========== */
/* =========== combobox Menus ========== */
/* =========== Dropdown Menus ========== */
/*$dropdown-border: solid thin $accent-color-dark4;*/
/* =========== Tabs ========== */
/* =========== Dialog ========== */
/* =========== Editor ========== */
/* =========== TreeList ========== */
/* =========== Status Panel ========== */
/* =========== Edit Lead Panels ========== */
/* =========== Panel Bar ========== */
/* =========== Scheduler ========== */
/* =========== Ajax ========== */
/* =========== FieldSet ========== */
/* =========== Toaster ========== */
@media screen {
  .rfdCheckboxUnchecked, .rfdCheckboxChecked {
    /*Issue with FireFox v.63 duplicating checkboxes when using telerik:RadFormDecorator*/
    padding: 0 !important;
    background-image: none !important;
  }
  /*-- WEB --------------------------------------------------------------*/
  html {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    width: 100%;
    height: 100%;
    border: 0;
  }
  body {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
  }
  form {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 9pt;
  }
  a:link {
    color: inherit;
    text-decoration: none;
  }
  a:active {
    font-weight: bold;
  }
  a:visited {
    color: inherit;
  }
  a:hover {
    color: #206b94;
    text-decoration: underline;
  }
  /*-- New Styles -------------------------------------------------------*/
  .sectionheader {
    color: #256B93;
    font-weight: bold;
    font-size: 12px;
    background-color: #f1f5fb;
    background-repeat: repeat-x;
    background-position: 0px -1px;
    line-height: 23px;
    border-top: solid thin #a5b3c5;
    border-left: solid thin #a5b3c5;
    border-right: solid thin #a5b3c5;
    border-bottom: solid thin #a5b3c5;
    height: 23px;
    margin: 0;
    padding-left: 5px;
  }
  .tableheader {
    color: #193456;
    background-color: #dfeaf7;
    background-repeat: repeat-x;
    line-height: 25px;
    padding-left: 5px;
  }
  /*-- UI ---------------------------------------------------------------*/
  .title {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #7f9db9;
    color: white;
    border-bottom: solid thin #193456;
  }
  .client {
    background-color: white;
    overflow: auto;
  }
  .control {
    background-color: #f1f5fb;
    color: #193456;
    border-top: solid 1px #8daed5;
    border-bottom: solid 1px #8daed5;
  }
  .error {
    color: red;
  }
  .button {
    min-width: 70px;
  }
  .break {
    display: none;
  }
  .selectable {
    color: #256B93;
    text-decoration: underline;
  }
  .selectable:hover {
    cursor: pointer;
  }
  /*-- Dialog -----------------------------------------------------------*/
  .modalBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
  }
  .ajaxDialog {
    background-color: white;
    border: ridge 2px black;
  }
  .ajaxDialogLabel {
    color: #256B93;
    font-weight: bold;
    font-size: 12px;
    border-bottom: solid 1px #8daed5;
    background-image: url(../images/bgheader.png);
    background-repeat: repeat;
    padding: 5px;
    cursor: move;
  }
  .ajaxDialogBody {
    padding: 5px;
  }
  .ajaxDialogControl {
    text-align: right;
    margin-bottom: 5px;
  }
  .dialog {
    border: solid 8px #4c607a;
    background-color: white;
  }
  .dialogPane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid black;
    overflow: hidden;
    background-color: black;
  }
  .dialogPaneLabel {
    background-color: #c5ddfa;
    color: #256B93;
    border: solid 1px #c5ddfa;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    cursor: move;
  }
  .dialogPaneBody {
    background-color: white;
    position: absolute;
    top: 21px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    text-align: center;
  }
  /* New CSS for dialogs */
  .dialogFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40px;
    width: 100%;
    background-color: #dfeaf7;
    border-top: solid 1px #7f9db9;
  }
  .dialogButtonDiv {
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .dialogError {
    color: Red;
    position: absolute;
    top: 11px;
    left: 8px;
  }
  .dialogContent {
    padding: 8px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  /*-- Popup Dialog Form ----------------------------------------------------------*/
  .popupDialogForm_Container {
    padding: 0px;
  }
  .popupDialogForm_Header {
    height: 20px;
    padding: 2px 3px;
    margin: 0px;
    font-weight: bold;
    border-bottom: solid 1px #8daed5;
    background-image: url(../images/bgheader.png);
    background-repeat: repeat;
  }
  .popupDialogForm_ContentContainer {
    padding: 3px;
  }
  .popupDialogForm_Footer {
    text-align: center;
    padding: 7px 0px;
  }
  /*-- Listbox ----------------------------------------------------------*/
  .lstPanel {
    font-family: "Open Sans", sans-serif;
    font-size: 9pt;
    background-color: white;
    overflow: auto;
  }
  .lstTable {
    font-family: "Open Sans", sans-serif;
    font-size: 9pt;
  }
  .lstHeader {
    font-weight: bold;
    color: #193456;
    background-color: #666666;
    border-bottom: solid 1px #bbbbbb;
  }
  .lstRow {
    background-color: white;
  }
  .lstRowAlt {
    background-color: #f1f5fb;
  }
  .lstRowHover {
    background-color: #f1f5fb;
  }
  tr.lstRow td {
    border-top: solid 1px white;
    border-bottom: solid 1px white;
  }
  tr.lstRowAlt td {
    border-top: solid 1px #f1f5fb;
    border-bottom: solid 1px #f1f5fb;
  }
  .cursorPtr {
    cursor: pointer;
  }
  .lstTotal {
    background-color: #f1f5fb;
  }
  .firstHeading {
    padding-left: 5px;
  }
  .firstItem {
    padding-left: 5px;
  }
  .disabled {
    color: grey;
  }
  .expired {
    color: red;
  }
  .unavailable {
    color: grey;
    text-decoration: line-through;
  }
  .complete {
    color: green;
    font-weight: bold;
  }
  /*-- New Table Class --------------------------------------------------*/
  .tabTableheader {
    color: #4c607a;
    background-color: #dfeaf7;
    line-height: 22px;
    padding-left: 5px;
  }
  .tabTableheader td {
    border: solid thin #7f9db9;
  }
  td.firstCol {
    border-left: solid 1px transparent;
    /*&:hover {
    	border-left: solid 1px $accent-color-light8;
    }*/
  }
  .tabTable tr.item:hover td {
    background-color: #f1f5fb;
    border-top: solid 1px #c5ddfa;
    border-bottom: solid 1px #c5ddfa;
  }
  /*-- Control Class -----------------------------------------------------*/
  .text {
    font-family: inherit !important;
    font-size: inherit !important;
    border: solid 1px #7f9db9 !important;
  }
  .select {
    font-family: inherit !important;
    font-size: inherit !important;
    border: solid 1px #7f9db9 !important;
  }
  .hidden {
    display: none;
    visibility: hidden;
  }
  /*-- Control Modifier --------------------------------------------------*/
  .required {
    border: solid 1px #f15a29 !important;
    background: #faffb8 !important;
    color: black !important;
  }
  .readonly {
    border: solid 1px #7f9db9 !important;
    background: #cfcfcf !important;
    color: black !important;
  }
  .display {
    border: 0;
    background-color: Transparent;
  }
  .invalid {
    border: solid 2px red !important;
    color: black !important;
  }
  /*-- Content Pane -----------------------------------------------------*/
  .pane {
    position: absolute;
    left: 5px;
    top: 0px;
    right: 5px;
    bottom: 4px;
    overflow: hidden;
    background: white;
  }
  .paneLabel {
    font-size: 10pt;
    overflow: hidden;
  }
  .paneBody {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f5fb;
    overflow: auto;
  }
  .paneBodyContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
  }
  .searchPane {
    background-color: black;
  }
  .paneBodyList {
    overflow: auto;
    background-color: #f1f5fb;
    width: 99.9%;
  }
  /*-- Form -------------------------------------------------------------*/
  .formContainer {
    padding: 5px;
  }
  .formRow {
    clear: both;
    padding-bottom: 1px;
    overflow: hidden;
  }
  .formLeft {
    float: left;
    width: 120px;
    vertical-align: middle;
    margin-top: 3px;
    margin-top: 2px\9 ;
  }
  .formNoLabel {
    margin-left: 5px;
    min-width: 1px;
    vertical-align: middle;
  }
  body:first-of-type .formNoLabel {
    margin-right: 2px;
  }
  body:first-of-type .formRight {
    margin-right: 2px;
  }
  .formRight {
    margin-left: 124px;
    min-width: 1px;
    vertical-align: middle;
  }
  .formRightContentSelect {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 5px;
  }
  .formRightContentInput {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 5px;
  }
  .formRight .k-picker-wrap .k-select {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .formLabel {
    font-size: 9pt;
  }
  .formLineLabel {
    font-weight: bold;
    text-align: left;
  }
  /*-- Payments ---------------------------------------------------------*/
  .pending {
    color: Gray;
  }
  .nsf {
    color: Red;
  }
  .rescheduled {
    color: Gray;
    text-decoration: line-through;
  }
  .skipped {
    color: Gray;
    text-decoration: line-through;
  }
  .cleared {
    color: Green;
  }
  .ActionNotification {
    position: absolute;
    z-index: 5000;
    bottom: 0px;
    left: 0px;
    border-top: dotted 1px #7f9db9;
    border-left: dotted 1px #7f9db9;
    border-right: dotted 1px #7f9db9;
    color: Red;
    background-color: #E3E8F1;
  }
  .ActionNotification div {
    padding: 3px;
  }
  .ActionNotification-Important {
    font-weight: bold;
    border-top: solid 1px Red !important;
    border-left: solid 1px Red !important;
    border-right: solid 1px Red !important;
  }
  /* CSS hack for textarea width */
  textarea {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    resize: none;
  }
  /*----- AutoComplete ----- */
  .ace_completionListContainer {
    overflow-x: hidden !important;
    overflow-y: scroll;
    overflow: scroll;
    background-color: #f1f5fb !important;
  }
  .ace_completionListItemCssClass {
    background-color: #7f9db9;
    color: white;
    border-bottom: dotted 1px #006699;
    padding-bottom: 3px;
  }
  .ace_completionListItemCssClass .address {
    font-size: 0.85em;
  }
  .ace_highlightedItemCssClass {
    padding-bottom: 3px;
  }
  .AllResultsLink {
    text-align: left;
    color: #7f9db9 !important;
    background-color: white !important;
  }
  .AllResultsLink:hover {
    color: #256B93 !important;
    text-decoration: underline !important;
  }
  fieldset {
    border: solid 1px #256B93;
    min-height: 20px;
    padding: 0px 10px 3px 10px;
    background-color: #f1f5fb;
  }
  fieldset table {
    margin-top: 4px;
    padding: 5px;
  }
  legend {
    padding: 0px 10px;
    border: solid 1px #256B93;
    background-color: #f1f5fb;
    color: #256B93;
    font-weight: bold;
    white-space: nowrap;
  }
  #Footer {
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 40px;
    background-color: #dfeaf7;
    border-width: 1px 0px 0px 0px;
    border-color: #193456;
    border-style: solid;
  }
  /* Master Layout CSS*/
  #timeout-window .k-window-titlebar .k-window-actions {
    display: none;
  }
  .k-window-titlebar {
    padding: 5px 10px;
  }
  .k-window-titlebar .k-window-actions a {
    background: transparent;
  }
}
body[data-subdomain=uat]:after {
  /* common custom values */
  content: "EXPERIMENTAL"; /* your site name */
  font-size: 1500%; /* font size */
  color: rgba(19, 104, 140, 0.03);
  /* alpha, could be even rgba(0,0,0,.05) */
  /* rest of the logic */
  z-index: 9999;
  cursor: default;
  display: block;
  position: fixed;
  top: 33%;
  right: 10%;
  bottom: 0;
  left: 0;
  font-family: sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 100%;
  text-align: center;
  /* not sure about who implemented what ..
  ... so bring it all */
  /*-webkit-pointer-events: none;
   -moz-pointer-events: none;
   -ms-pointer-events: none;
   -o-pointer-events: none;*/
  pointer-events: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /*-o-user-select: none;*/
  user-select: none;
}

.nds-confim-dialog-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  min-height: 50px;
}

.nds-confim-dialog-content > div:nth-child(1) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  align-self: stretch;
  width: 50px;
  text-align: center;
  margin-right: 10px;
}

.nds-confim-dialog-content > div:nth-child(2) {
  order: 0;
  flex: 0 1 100%;
  align-self: auto;
  align-self: stretch;
}

.nds-v-tabstrip {
  height: 100%;
}

.nds-v-tabstrip .k-tabstrip-wrapper {
  height: 100%;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip > div[aria-activedescendant=tabstrip_ts_active] {
  height: 100% !important;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip .k-content {
  border: none !important;
  height: calc(100% - 95px) !important;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li {
  border-style: none !important;
  border-left: solid 1px #a3d0e4 !important;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li:first-child {
  /*	border-top-left-radius: 10px !important;
  */
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li:last-child {
  border-bottom-left-radius: 10px !important;
  border-bottom: solid 1px #a3d0e4 !important;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li > .k-link {
  padding: 3px 10px !important;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip ul.k-editor-toolbar > li {
  border-style: none !important;
  border-left: solid 0px #a3d0e4 !important;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip ul.k-editor-toolbar > li:first-child {
  border-top-left-radius: 0px !important;
}

.nds-v-tabstrip .k-tabstrip-wrapper .k-tabstrip ul.k-editor-toolbar > li:last-child {
  border-bottom-left-radius: 0px !important;
  border-bottom: solid 0px #a3d0e4 !important;
}

/*.nds-h-tabstrip {
	height: 100% !important;
	border-bottom: solid 1px rgb(163, 208, 228) !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper {
	height: 100% !important;
}*/
.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip {
  border: 1px solid #a3d0e4 !important;
  /*border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;*/
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip .k-tabstrip:focus {
  box-shadow: none !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items {
  padding: 0px !important;
  height: 23px !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip .k-content {
  margin: 0px !important;
  /*border: none !important;*/
  background-color: #f5f5f5 !important;
  height: calc(100% - 33px) !important;
  padding: 0px;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip > ul > li {
  border: none !important;
  height: 23px !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li > .k-link {
  padding: 3px 10px !important;
  color: white;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li[class*=k-state-active] .k-link {
  color: #256B93;
  text-decoration: none;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip > ul {
  /*background-color: #a3d0e4 !important;*/
  background-color: #256B93 !important;
  /*border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;*/
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li {
  border-radius: 0px !important;
  background-color: #f5f5f5 !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li:first-child {
  border-bottom-left-radius: 0px !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul > li:last-child {
  border-bottom: none !important;
  border-bottom-left-radius: 0px !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip li > span[class*=k-loading] {
  display: none !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip .k-state-default {
  background-color: transparent !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip li[role=tab][aria-selected=true] {
  background-color: #f5f5f5 !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip:focus {
  box-shadow: none !important;
}

.nds-h-tabstrip div > span.k-button.k-bare {
  top: 0px !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul.k-editor-toolbar > li {
  border-style: none !important;
  border-left: solid 0px #a3d0e4 !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul.k-editor-toolbar > li:first-child {
  border-top-left-radius: 0px !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul.k-editor-toolbar > li:last-child {
  border-bottom-left-radius: 0px !important;
  border-bottom: solid 0px #a3d0e4 !important;
}

.nds-h-tabstrip .k-tabstrip-wrapper .k-tabstrip ul.k-editor-toolbar span.k-picker-wrap.k-state-default {
  background-color: #fff !important;
}

.nds-label {
  white-space: nowrap;
  padding-right: 5px;
}

.nds-critical {
  background-color: rgba(248, 148, 6, 0.5) !important;
}

.nds-disable {
  background-color: #f5f5f5 !important;
}

.nds-disable span, .nds-disable i, .nds-disable .label {
  color: gray;
}

.nds-question {
  font-size: 16px;
  color: #256B93;
}

.nds-highlight-important {
  background-color: #FBB040;
  padding: 2px 5px;
  border-radius: 10px;
}

.nds-amount-highlight {
  background-color: #CEEECE;
  border-radius: 10px;
  padding: 0px 3px;
}

/********** Title bumper w/ or w/o image **********/
.nds-title-bumper {
  width: 100%;
  color: white;
  background-color: #256B93;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 23px;
  font-size: 13px;
  font-weight: 100;
}

.nds-title-bumper > i {
  padding: 0px 0px 0px 10px;
  vertical-align: middle;
  font-size: 18px !important;
}

.nds-title-bumper > span {
  padding-left: 5px;
  vertical-align: middle;
}

td.k-editor-toolbar-wrap .k-content {
  border: 1px !important;
}

td.k-editor-toolbar-wrap ul > li {
  border-style: none !important;
  border-left: solid 0px #a3d0e4 !important;
}

td.k-editor-toolbar-wrap ul > li:first-child {
  border-top-left-radius: 0px !important;
}

td.k-editor-toolbar-wrap ul > li:last-child {
  border-bottom-left-radius: 0px !important;
  border-bottom: solid 0px #a3d0e4 !important;
}

/********** NDS Color Pallet **********/
.nds-brown {
  color: #463E2E;
}

.nds-blue {
  color: #256B93;
}

.nds-dark-blue {
  color: #0A364F;
}

.nds-sea-blue {
  color: #5C8389;
}

.nds-gray {
  color: #58595B;
}

.nds-tan {
  color: #C2B59B;
}

.nds-olive {
  color: #8B7E34;
}

.nds-mint {
  color: #7BA37C;
}

.nds-purple {
  color: #6D1E4F;
}

.nds-orange {
  color: #F15A29;
}

.nds-yellow {
  color: #FBB040;
}

.nds-debt-indicator {
  background-color: #0A364F;
}

.nds-task-indicator {
  background-color: #F15A29;
}

.nds-system-indicator {
  background-color: #CECECE;
}

.nds-loading-please-wait {
  position: absolute;
  top: 40%;
  right: 39%;
  font-size: 25px;
  background: #a3d0e4;
  padding: 20px;
  border-radius: 10px;
}

/* Overriding Chrome Update Issue 5/22/2020*/
input:focus {
  outline-color: #7f9db9 !important;
}

textarea:focus {
  outline-color: #7f9db9 !important;
}

select:focus {
  outline-color: #7f9db9 !important;
  border: !important;
}

/* Overriding kendo date picker input issue */
.datepicker-editlead-container {
  font-family: inherit !important;
  font-size: inherit !important;
  border: solid 1px #7f9db9;
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
}
.datepicker-editlead-container .datepicker-editlead-container {
  border: none !important;
}

/* Fixing Kendo Radio Button Appearance */
.k-radio {
  position: relative !important;
  -webkit-appearance: radio !important;
}