span.highlight {
  background-color: #FFFF00;
}

/*
    reguired after migrating from less to sass kendo css: https://docs.telerik.com/kendo-ui/styles-and-layout/less-themes/less-themes-migration
    kendo sass uses font-size 1rem which is relative to the root font-size
*/
:root {
  font-size: 15px;
}

body {
  padding-top: 50px;
  padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

.ise-h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea {
  max-width: 280px;
}

.wKendoDatePicker {
  width: 150px;
}

.wKendoDatePicker225 {
  width: 225px;
}

.w140 {
  width: 140px;
}

.w280 {
  width: 280px;
}

.mw280 {
  max-width: 280px;
}

.border-dark-gray {
  border: 1px solid #6c757d;
}

.mw100pct {
  max-width: 100% !important;
}

.full-width {
  width: 100% !important;
}

.ise-ml5 {
  margin-left: 5px;
}

.ise-input-big {
  max-width: 450px !important;
}

.ise-txtarea-big {
  max-height: 250px !important;
}

.ise-input-xs {
  max-width: 88px !important;
}

/* todo replace above with below */
.ise-form input, .ise-form select, .ise-form textarea {
  max-width: 280px;
}
.ise-form .k-dropdown {
  width: 280px;
}

.form-group.required .control-label::after {
  content: "*";
  color: #d9534f;
}

.ise-required {
  color: #d9534f;
}

label.required::after {
  content: "*";
  color: #d9534f;
}

.form-group.recommended .control-label::after {
  content: "*";
  color: #5cb85c;
}

.ise-recommended {
  color: #5cb85c;
}

.ise-help {
  cursor: pointer;
}

.site-data-section-actions {
  margin-top: 10px;
}

.fa.fa-clipboard.copy-to-clipboard {
  cursor: pointer;
}

/*color styles*/
.ise-color-primary {
  color: #428bca;
}

.ise-color-background-primary {
  background-color: #428bca;
}

.ise-color-success {
  color: #5cb85c;
}

.ise-color-background-success {
  background-color: #5cb85c;
}

.ise-color-info {
  color: #5bc0de;
}

.ise-color-background-info {
  background-color: #5bc0de;
}

.ise-color-warning {
  color: #f0ad4e;
}

.ise-color-background-warning {
  background-color: #f0ad4e;
}

.ise-color-danger {
  color: #d9534f !important;
}

.ise-color-background-danger {
  background-color: #d9534f;
}

.ise-color-hardly-visible {
  color: #e6e4e4 !important;
}

.ise-has-comment {
  background-color: #5bc0de !important;
}

.ise-paragraph {
  margin: 3px 0 5px 0;
}

.ise-favorite, .ise-favorite-true, .ise-favorite-false {
  cursor: pointer;
}

.ise-favorite-false {
  opacity: 0.5;
}

.ise-favorite-true {
  color: #f0ad4e;
}

h2 .ise-favorite, h2 .ise-favorite-false, h2 .ise-favorite-true {
  font-size: smaller;
}

.ise-headline-tag, .ise-headline-post-fix {
  font-weight: bold;
  opacity: 0.5;
}

.ise-headline-post-fix {
  font-size: 14px;
  margin-left: 8px;
}

.ise-manager-inactive {
  margin-left: 2px;
  margin-right: 2px;
}

/* validation styles */
.field-validation-error {
  color: #d9534f !important;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #d9534f !important;
}

/*.validation-summary-errors {
    color: $color-danger;
}

.validation-summary-errors ul {
    list-style-position: outside;
    padding: 0;
    list-style-type: none;
}*/
/*.validation-summary-valid {
    display: none;
}*/
.ise-popped-up-window-wrapper {
  padding-top: 60px;
  padding-bottom: 25px;
}

.ise-popped-up-window-wrapper h2 {
  margin-top: 0 !important;
}

/*tab group styles*/
.tab-content-container {
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.nav-tabs > li > a > span > i.fa {
  opacity: 0.4;
}

ul.nav-tabs > li.active > a > span > i.fa {
  opacity: 1;
}

.ise-icon-selected {
  color: #5cb85c;
}

.site-fa-outline {
  -webkit-text-stroke: 1px #a5a5a5;
}

/*button styles*/
.ise-field-right-icon {
  margin-left: 5px;
  cursor: pointer;
}

.btn-close { /**/ }

/*common styles*/
/*TODO replace ise-caption-common with site-caption-common*/
.ise-caption-common {
  padding: 5px;
  font-size: smaller;
}

.site-caption-common, .ise-chart-caption, .site-grid-caption, .ise-grid-caption, .ise-list-caption {
  padding: 5px;
  font-size: smaller;
}

.ise-image-caption-scores {
  margin-top: 5px;
}

.ise-image-caption-location-score {
  margin-right: 5px;
}

.ise-field-caption {
  font-size: 12px;
  margin-top: 2px;
  color: #737373;
}

.site-field-hint {
  font-size: 12px;
  margin-top: 2px;
  color: #737373;
}

td.ise-field-caption {
  margin-left: 5px;
}

/*tooptip styles*/
.site-tooltip {
  font-size: smaller;
}

/*map styles*/
.ise-map-info-window, .ise-map-info-window-wide {
  min-height: 50px;
  overflow: hidden;
}
.ise-map-info-window .header, .ise-map-info-window-wide .header {
  font-weight: bold;
  margin-top: 10px;
}
.ise-map-info-window .info, .ise-map-info-window-wide .info {
  margin-top: 5px;
  margin-bottom: 5px;
}

.ise-map-info-window {
  width: 200px;
}

.ise-map-info-window-wide {
  width: 300px;
}

.ise-map-legend {
  background: white;
  padding: 5px;
  margin: 5px;
}
.ise-map-legend .header {
  font-weight: bold;
}
.ise-map-legend .body .item .element {
  margin-right: 3px;
  display: inline-block;
  width: 10px;
}
.ise-map-legend .footer {
  margin-top: 5px;
}

/*survey styles*/
.ise-survey-pick-list, .ise-survey-store-pick {
  float: left;
  margin: 0 0 4px 4px;
  background-color: white;
  padding: 4px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #428bca;
}

.ise-survey-store-pick:hover {
  font-weight: bold;
  background-color: #428bca;
  color: white;
}

.ise-item-picked, .ise-item-picked-store,
.ise-item-picked-staff {
  font-size: 18px;
}

.ise-label-dimmed {
  opacity: 0.5;
}

.ise-field-set {
  margin-bottom: 10px;
  margin-top: 10px;
}
.ise-field-set .field-label {
  font-weight: bold;
}
.ise-field-set .field-content {
  margin-top: 5px;
  padding-left: 20px;
}

/*#region grid toolbar start*/
.k-grid-toolbar {
  padding: 0.3em 0.8em 0.3em 0.8em;
  overflow: visible; /*or else bootstrap dropdown is hidden*/
}

.k-grid-toolbar span.k-textbox.k-grid-search {
  max-width: 115px;
  margin-right: 3px;
}

.ise-grid-toolbar-search-box {
  width: 115px;
}

.k-grid-toolbar button {
  margin-left: 3px;
  margin-right: 3px;
}

div.ise-grid-toolbar-left span.k-widget {
  margin-right: 5px;
}
div.ise-grid-toolbar-left span.k-searchbox {
  margin: 0 3px 0 3px;
}

div.ise-grid-toolbar-right {
  margin-left: auto;
}
div.ise-grid-toolbar-right span.k-widget {
  margin-left: 5px;
}

/*#endregion grid toolbar end*/
.site-grid-filters, .site-grid-settings {
  margin-right: 5px;
}

.site-grid-settings {
  cursor: pointer;
}

.site-grid-details-container {
  margin-top: 10px;
  margin-bottom: 15px;
  width: 95%;
}

.ise-progress-bar-width-150 {
  width: 150px;
}

.site-incell-progress-bar {
  height: 3px;
  margin-top: 3px;
  margin-bottom: 0;
}

.ise-gallery-thumb, .ise-gallery-thumb-big {
  margin: 5px 5px 0 0;
}

.site-micro-thumbs img {
  width: 50px;
  height: 50px;
  float: left;
  margin-bottom: 3px;
}

.site-nano-thumbs img {
  width: 25px;
  height: 25px;
  float: left;
  margin-bottom: 3px;
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  .ise-gallery-thumb {
    width: 75px;
    height: 75px;
  }
  .ise-progress-bar {
    width: 50px;
  }
  h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 14px;
  }
  div.ise-grid-toolbar-left span.k-searchbox {
    width: 8em !important;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .ise-gallery-thumb {
    width: 85px;
    height: 85px;
  }
  .ise-gallery-thumb-big {
    width: 125px;
    height: 125px;
  }
  .ise-progress-bar {
    width: 75px;
  }
  h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
  div.ise-grid-toolbar-left span.k-searchbox {
    width: 9em !important;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .ise-gallery-thumb {
    width: 100px;
    height: 100px;
  }
  .ise-gallery-thumb-big {
    width: 140px;
    height: 140px;
  }
  .ise-progress-bar {
    width: 100px;
  }
  div.ise-grid-toolbar-left span.k-searchbox {
    width: 10em !important;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .ise-gallery-thumb {
    width: 115px;
    height: 115px;
  }
  .ise-gallery-thumb-big {
    width: 155px;
    height: 155px;
  }
  .ise-progress-bar {
    width: 150px;
  }
  div.ise-grid-toolbar-left span.k-searchbox {
    width: 10em !important;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .ise-gallery-thumb {
    width: 125px;
    height: 125px;
  }
  .ise-gallery-thumb-big {
    width: 170px;
    height: 170px;
  }
  .ise-progress-bar {
    width: 200px;
  }
  div.ise-grid-toolbar-left span.k-searchbox {
    width: 10em !important;
  }
}
/*picture styles*/
.ise-gallery-picture {
  float: left;
  position: relative;
}

.ise-gallery-thumb-tooltip {
  background: black;
  color: white;
  padding: 10px;
  width: 250px;
  opacity: 1;
  left: -25px;
}

.ise-picture-menu, .ise-thumb-menu-2, .ise-thumb-menu {
  position: absolute;
  cursor: pointer;
  padding: 5px;
  left: 3px;
}

.ise-thumb-menu {
  top: 8px;
  background-color: black;
  opacity: 0.6;
}

.ise-thumb-menu-2 {
  top: 8px;
}

.ise-picture-menu {
  background-color: black;
  top: 43px;
  z-index: 2000;
  opacity: 0.6;
}

.ise-thumb-menu i, .ise-thumb-menu-2 i, .ise-picture-menu i {
  color: white;
}

/* tags styles begin */
.ise-picture-tags, .ise-tags {
  position: absolute;
  bottom: 4px;
  left: 6px;
}

.ise-picture-tag, .ise-picture-tag-selected, .ise-picture-tag-deleted, .ise-picture-tag-info,
.ise-tag, .ise-tag-selected, .ise-tag-deleted, .ise-tag-info,
.ise-user-tag, .ise-user-tag-info {
  cursor: pointer;
  float: left;
  padding: 2px 4px 2px 4px;
  margin-right: 3px;
  margin-bottom: 3px;
  color: white;
  font-weight: bold;
  font-size: 11px;
}

.ise-picture-tag {
  background-color: #428bca;
}

.ise-picture-tag-selected {
  background-color: #5cb85c;
}

.ise-picture-tag-deleted {
  background-color: #f0ad4e;
  opacity: 0.7;
}

.ise-picture-tag-info {
  background-color: #5bc0de;
}

.ise-tag {
  background-color: #428bca;
}

.ise-tag-selected {
  background-color: #5cb85c;
}

.ise-tag-deleted {
  background-color: #f0ad4e;
  opacity: 0.7;
}

.ise-user-tag {
  background-color: #428bca;
}

.ise-user-tag-info {
  background-color: #5bc0de;
}

/* tags styles begin */
.site-profile-picture-small {
  width: 25px;
  height: 25px;
}

.site-profile-picture-medium {
  width: 50px;
  height: 50px;
}

.site-profile-picture-large {
  width: 100px;
  height: 100px;
}

.ise-top-modal {
  z-index: 99999;
}

.ise-window-title-post-fix {
  margin-left: 5px;
  visibility: hidden;
  font-size: 12px;
}

/*list styles*/
.ise-data-list {
  padding: 10px;
  margin-bottom: -1px; /*pulls up pager*/
}

@media (min-width: 768px) {
  .ise-pager {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .ise-data-list {
    margin-bottom: 10px;
  }
}
.site-list-item {
  padding: 4px;
  margin-bottom: 3px;
  border: 1px solid #ebebeb;
}

.site-list-item:nth-child(even) {
  background-color: #ebebeb;
}

.ise-item-details {
  font-size: smaller;
  margin-bottom: 3px;
}

.ise-item-actions {
  margin-top: 3px;
}

.ise-list-empty {
  margin-top: 5px;
  padding: 4px;
}

.ise-list-profile td {
  vertical-align: top;
}

.ise-list-profile td:first-child {
  font-weight: bold;
  padding-right: 20px;
  text-align: right;
  height: 40px;
}

.ise-ddl-item-header {
  font-weight: bold;
}

.ise-ddl-item-desc {
  font-size: smaller;
  line-height: 1.42857143;
  padding-bottom: 5px;
}

.ise-search-box-narrow {
  width: 100px;
}

/*table styles*/
.ise-tr-clickable tbody > tr {
  cursor: pointer;
}

.ise-table td {
  vertical-align: top !important;
}

/*grid styles*/
.ise-grid td {
  vertical-align: top !important;
}

/*TODO replace ise-grid-caption with site-grid-caption*/
.ise-grid-caption .fa {
  margin-left: 5px;
}

.ise-grid-empty {
  padding: 10px;
  float: left;
}

/*chart styles*/
.ise-chart-tooltip {
  padding: 5px;
}

.site-jumbotron-card {
  height: 100px;
}

/*todo styles*/
.ise-todo-closing-comments {
  color: #5cb85c;
  margin-top: 2px;
  margin-bottom: 2px;
}

.ise-smaller {
  font-size: smaller;
}

/*task styles*/
.ise-task-deadline {
  font-size: smaller;
}

.ise-task-parent {
  font-size: smaller;
}

.ise-task-owner {
  font-size: smaller;
}

@media (max-width: 767px) {
  .site-filter-ddl {
    width: 75px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .site-filter-ddl {
    width: 125px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .site-filter-ddl {
    width: 150px;
  }
}
@media (min-width: 1200px) {
  .site-filter-ddl {
    width: 175px;
  }
}
.ise-filter-xx-narrow {
  width: 90px;
}

.ise-filter-x-narrow {
  width: 105px !important;
}

.ise-filter-narrow {
  width: 125px !important;
}

.ise-filter-normal {
  width: 150px;
}

.ise-filter-wide {
  width: 175px;
}

.ise-filter-x-wide {
  width: 250px !important;
}

.ise-filter-x2-wide {
  width: 310px !important;
}

/*site-filter-yyyy for dropdownlist*/
.site-filter-yyyy {
  width: 100px !important;
}

/*
    datepicker/timepicker/datetimepicker
    width does not work, max-width does
*/
.ise-picker-year {
  cursor: pointer;
  max-width: 115px !important;
}

.ise-picker-month {
  cursor: pointer;
  max-width: 125px !important;
}

.ise-picker-dmy {
  cursor: pointer;
  max-width: 140px !important;
}

.ise-picker-dd-mmmm-yyyy {
  cursor: pointer;
  max-width: 150px !important;
}

.ise-picker-yyyy-mmm-dd {
  cursor: pointer;
  max-width: 155px !important;
}

.ise-picker-dmyhm {
  /*width: 200px;*/
  cursor: pointer;
  max-width: 200px;
}

.ise-dp-range-today { /**/ }

.ise-dp-range-yesterday { /**/ }

.ise-dp-range-last-7-days { /**/ }

.ise-dp-range-last-30-days { /**/ }

.ise-dp-range-this-month { /**/ }

.ise-dp-range-last-month { /**/ }

.ise-dp-range-this-qtr { /**/ }

.ise-dp-range-last-qtr { /**/ }

.ise-dp-range-this-year { /**/ }

.ise-dp-range-last-year { /**/ }

/* function styles */
.cursor-pointer {
  cursor: pointer;
}

/* added .ise-grid a to overwrtie .k-grid a (after less > sass)*/
.site-link, .site-link-danger, .site-link-white {
  text-decoration: none;
  cursor: pointer;
}
.site-link:hover, .site-link-danger:hover, .site-link-white:hover {
  text-decoration: underline !important;
}

.site-link {
  color: #428bca !important;
}

.site-link-danger {
  color: #d9534f;
  font-weight: bold;
}

.site-link-white {
  color: white !important;
}

.ise-color-black {
  color: black;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.ise-emphasize {
  font-weight: bold;
}

.rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* notification styles. patterns: see ManageUser/Update.cshtml */
.k-notification {
  border: 0 !important;
  font-size: 1rem !important;
  /*20250311*/
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap;
}
.k-notification div.ise-notification {
  font-weight: bold !important;
  color: #ffffff !important;
  /*20250311*/
  width: max-content !important;
  white-space: nowrap;
}

.k-notification-success {
  background-color: #5cb85c;
}

.k-notification-error {
  background-color: #d9534f;
}

.k-notification-warning {
  background-color: #f0ad4e;
}

.k-notification-info {
  background-color: #5bc0de;
}

/*after upgrade Kendo UI v2018.3.1219 > v2019.1.412 kendo ui window became un-scrollable*/
div.k-window-content.k-content[role=dialog][data-role=window] {
  overflow: auto !important;
}

/*small in selected grid row*/
div.k-grid-content tr.k-selected small.text-muted {
  color: #fff !important;
}

td.k-weekend {
  background-color: #f4f4f4;
}

.ise-alrt {
  margin: 5px 0 5px 0;
}
.ise-alrt .ise-alrt-header {
  font-weight: bold;
}
.ise-alrt .ise-alrt-message {
  margin: 0 0 0 5px;
}

.site-field-alert {
  max-width: 280px;
  margin-top: 5px;
}

/*kendo widgets*/
.k-grid-container {
  /*req to handle bootstrap ddl btn inside grid*/
  overflow: visible !important;
}

/*after less>sass*/
input.k-input-inner::placeholder {
  color: #999 !important;
}

/*general width of kendo pager pagesize*/
div.k-pager span.k-picker.k-dropdownlist {
  width: 5.2em !important;
}

.k-listview:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*kendo drop down window titlebar */
div.k-window-titlebar {
  padding: 0.5em !important;
}

/*kendo active grid column filter*/
a.k-grid-column-menu.k-grid-header-menu.k-active {
  color: #337ab7 !important;
  background-color: #cedce9 !important;
}

/*pattern kendo grid command buttons width*/
/*20221004 new kendoui appear to make these obsolete*/
/*td.k-command-cell .k-grid-edit,
td.k-command-cell .k-grid-update,
td.k-command-cell .k-grid-cancel,
td.k-command-cell .k-grid-delete-option {
    min-width: 43px !important;*/ /*less than 43 has no effect*/
/*}*/
/*to top scroller*/
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #888888;
  color: #eeeeee;
  width: 30px;
  height: 28px;
  line-height: 28px;
  right: 30px;
  bottom: 30px;
  padding-top: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 0.7;
}

/*bootbox custom begin*/
/*bootbox modal title*/
div.bootbox.modal h5.modal-title {
  font-weight: bold !important;
}

/*bootbox custom end*/
/* bootstrap-switch variants styles*/
.ise-switch-wide > .bootstrap-switch {
  min-width: 150px;
}

.bootstrap-switch-label {
  white-space: nowrap !important;
}

.bootstrap-switch-container span {
  white-space: nowrap !important;
}

.nowrap {
  white-space: nowrap !important;
}

/*custom bootstrap*/
kbd.light {
  background-color: #777 !important;
}

.label-plain {
  background-color: #eee;
  color: black;
}

.label-default-light {
  background-color: #adabab;
}

.label-map-pin {
  background-color: #ea4335;
  color: white;
}

.site-highlight-box {
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 4px;
}

.ise-prompt-header {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 0 0;
}

.ise-prompt-message {
  margin: 5px 0 0 0;
}

.ise-prompt-instruction {
  margin: 10px 0 10px 0;
  padding: 5px 5px 5px 5px;
  border: dashed 1px silver;
}

.ise-prompt-caption {
  padding: 5px;
  font-size: smaller;
}

.ise-confirm-header {
  font-size: 16px;
  font-weight: bold;
}

/*preview*/
.ise-preview div.content {
  margin-bottom: 3px;
}

/*tiles*/
.ise-tiles-row {
  padding: 15px;
}

.ise-tiles-row div[class^=col] {
  /*gutter width of col*/
  padding-left: 0;
  padding-right: 0;
}

.ise-tile, .site-tile-tool {
  padding: 10px;
  margin: 1px;
  height: 75px;
  cursor: pointer;
  color: white;
}

.site-tile-tool {
  width: 200px;
}

.ise-tile-type-info {
  background-color: #5bc0de;
}

.ise-tile-type-primary {
  background-color: #428bca;
}

.ise-tile-header {
  font-weight: bold;
  font-size: 20px;
}
.ise-tile-header a {
  color: white;
  text-decoration: none;
}

.ise-tile-desc { /**/ }

.ise-row-top-buffer {
  margin-top: 7px;
}

/*concept manual*/
.ise-cm-links {
  margin-top: 5px;
}

.ise-cm-link {
  float: left;
  margin-right: 10px;
}

.ise-cm-link i {
  opacity: 0.5;
  cursor: pointer;
}

.ise-cm-link i:hover {
  opacity: 1;
}

/*dummy classes */
.flag-, .ise-favorite- {
  /**/
  display: inherit;
}

.site-column-selector {
  /**/
  display: inherit;
}

.site-gallery {
  /**/
  display: inherit;
}

/*#region question styles*/
.qna-list {
  display: inherit;
}

.q-grp {
  margin: 10px 0 20px 0;
  border: 1px silver dashed;
  padding: 10px;
}

.qna {
  margin: 5px 0 5px 0;
  border: 1px white dashed;
  padding: 10px;
}

.qna:hover {
  border: 1px silver dashed;
  background-color: #f7f7f9;
}

.question {
  margin-bottom: 2px;
}

.answer {
  margin-top: 2px;
}

/*#endregion*/
/*#region popup view styles*/
.xs-popup-header {
  white-space: nowrap;
  width: 275px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*#endregion*/
.toggle-full-width {
  cursor: pointer;
}

.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.active-drop-zone {
  background-color: aliceblue;
}

.text-white {
  color: white !important;
}

a.link-xs {
  font-size: 12px;
}