/* Quorum Universal Style Repo bundle - DO NOT EDIT */
.notes-2 #show-pane-notes {
  height: calc(100% - 61px);
}
.notes-2.notes-read-only .q-form-control-filter .q-icon {
  height: 2rem;
}
.notes-2 .flex-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.notes-2 .flex-note-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-bottom: 4px;
  overflow: hidden;
}
.notes-2 .flex-note-item p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.notes-2 .richtextparent {
  height: 100%;
}
.notes-2 .treelist.read-only {
  height: 100%;
}
.notes-2 .treelist.read-only #notes-grid {
  height: calc(100% - 20px) !important;
}
.notes-2 .treelist.read-only #notes-grid .k-grid-content {
  height: calc(100% - 17px) !important;
}
.notes-2 .read-only + #middle-pane,
.notes-2 .read-only + #middle-pane + .submit-wrapper {
  display: none !important;
}
.notes-2 #add-edit-notes {
  height: calc(100% - 60px);
  border: 0;
}
.notes-2 td.note div,
.notes-2 td.type div,
.notes-2 td.author div {
  height: 1.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.notes-2 td.k-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.notes-2 #notes-detail {
  width: 28rem;
}
.notes-2 #hide-pane-notes p {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  filter: alpha(opacity=54);
  opacity: 0.54;
}
.notes-2 .dropdown-menu {
  top: 0;
  margin-left: -15rem;
  margin-top: 0.6rem;
}
.notes-2 .q-dropdown-menu {
  top: 0 !important;
  margin-left: -14rem !important;
  margin-top: 0.6rem !important;
}
.notes-2 .actions {
  position: relative;
  overflow: visible;
}
.notes-2 .k-grid td.actions.k-focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.notes-2 .k-splitbar:not(.k-splitbar-draggable-vertical) {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.notes-2 .k-splitbar {
  background: transparent;
}
.notes-2 .k-resize-handle {
  background: none;
  border-bottom: 1px dashed #333;
}
.notes-2 .k-editor-toolbar {
  border: 0;
}
.notes-2 .k-editor {
  height: 100%;
  border: 0;
}
.notes-2 .k-editor .k-editable-area {
  border: 1px solid #c3c8d2;
  border-radius: 0.4rem;
}
.notes-2 .k-picker-solid {
  background: transparent;
}
.notes-2 .notes-list {
  overflow: hidden;
}
.notes-2 .notes-list .k-hierarchy-cell {
  padding: 0;
  padding-left: 0.75rem;
}
.notes-2 .notes-list .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
.notes-2 .notes-list .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
  background: transparent;
}
.notes-2 .notes-list .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover td,
.notes-2 .notes-list .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover td {
  background: transparent !important;
}
.notes-2 .notes-list .k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-selected):hover td.count-column:not(.actionarea),
.notes-2 .notes-list .k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-selected):hover td.k-hierarchy-cell:not(.actionarea),
.notes-2 .notes-list .k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-selected):hover td.data-field-static:not(.actionarea),
.notes-2 .notes-list .k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-selected):hover td.readonly:not(.actionarea) {
  background: transparent !important;
}
.notes-2 .notes-list .k-master-row td {
  white-space: nowrap;
}
.notes-2 .notes-list .k-master-row td a:hover {
  text-decoration: none;
}
.notes-2 .notes-list .k-grid .k-loading-color {
  background: #ffffff;
}
.notes-2 .notes-list .k-grid,
.notes-2 .notes-list .k-grid-header th,
.notes-2 .notes-list .k-grid-header tr,
.notes-2 .notes-list .k-grid-header {
  border: 0 !important;
}
.notes-2 .notes-list .k-grid:hover,
.notes-2 .notes-list .k-grid-header th:hover,
.notes-2 .notes-list .k-grid-header tr:hover,
.notes-2 .notes-list .k-grid-header:hover {
  background: transparent;
}
.notes-2 .notes-list .expanded-row {
  border: 0;
}
.notes-2 .notes-list .expanded-row .note-area {
  margin-bottom: 1rem;
}
.notes-2 .notes-list .expanded-row .note {
  white-space: normal;
}
.notes-2 .submit-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notes-2 .submit-wrapper .submit-childarea1,
.notes-2 .submit-wrapper .submit-childarea2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  padding-right: 1rem;
  margin-top: 1.4rem;
}
.notes-2 .submit-wrapper .cancel-btn,
.notes-2 .submit-wrapper .cancel-btn:hover {
  border: 0;
  background: transparent;
  background: transparent !important;
  width: 6rem;
  color: #333 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0;
}
.notes-2 .submit-wrapper select.k-dropdown {
  padding: 0.1rem 0 0.2rem 0;
  border-radius: 0.4rem;
  border: 1px solid #333333;
}
.notes-2.large-pane #notes-detail {
  width: 67rem;
}
.notes-2.large-pane .expanded-row .side-by-side-in-large {
  width: 33.3%;
}
.notes-2.large-pane .flex-note-item {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 25% !important;
          flex: 0 0 25% !important;
}
.notes-2 .k-splitbar-draggable-vertical:before {
  content: "";
  width: 100%;
  height: 1.6rem;
  position: absolute;
  top: -1.7rem;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(99%, rgba(255, 255, 255, 0.99)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgb(255, 255, 255) 100%);
}
.notes-2 .k-toolbar {
  background: transparent;
}
.notes-2 .q-form-control-filter .q-icon {
  bottom: 0.6rem;
  left: 0.6rem;
}
.notes-2.docked #add-edit-notes {
  height: calc(100% - 2.8rem);
}
.notes-2 .k-grid td.k-table-td a:hover {
  text-decoration: none !important;
}
#AttachContainer .k-grid tr td,
#NotesContainer .k-grid tr td {
  border-bottom-width: 0 !important;
}
#NotesContainer .k-focused {
  box-shadow: none;
  -webkit-box-shadow: none;
}
#NotesContainer .k-selected .k-icon {
  opacity: 0.45;
}
#NotesContainer .k-selected .k-icon:hover {
  opacity: 0.75;
}
#NotesContainer .k-pager-sizes {
  display: block;
}
#NotesContainer .k-pager-sizes .k-dropdown {
  margin-top: 0.2rem;
  max-width: 6rem;
}
.filtersearch {
  margin-right: 2.8rem;
  display: inline-block;
}
@media (max-width: 767px) {
  .filtersearch {
    width: 90% !important;
  }
}
.filtersearch:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2.4rem;
  right: -2.2rem;
  filter: alpha(opacity=27);
  opacity: 0.27;
}
.autowidth {
  width: auto !important;
}
#DocAttach span.k-icon.k-i-more-vertical,
#GridRowDocAttach span.k-icon.k-i-more-vertical,
#GridRowNotes span.k-icon.k-i-more-vertical,
#Notes span.k-icon.k-i-more-vertical {
  padding: 0;
  height: 1.8rem;
  width: 1.8rem;
}
#DocAttach #toggleheight,
#DocAttach #toggleheight2,
#GridRowDocAttach #toggleheight,
#GridRowDocAttach #toggleheight2,
#GridRowNotes #toggleheight,
#GridRowNotes #toggleheight2,
#Notes #toggleheight,
#Notes #toggleheight2 {
  -webkit-transition: height 1s;
  transition: height 1s;
  overflow: hidden;
  height: 356px;
}
@media (max-width: 768px) {
  #DocAttach #toggleheight,
  #DocAttach #toggleheight2,
  #GridRowDocAttach #toggleheight,
  #GridRowDocAttach #toggleheight2,
  #GridRowNotes #toggleheight,
  #GridRowNotes #toggleheight2,
  #Notes #toggleheight,
  #Notes #toggleheight2 {
    overflow: auto;
    height: 44rem;
  }
}
#DocAttach #toggleheight2,
#GridRowDocAttach #toggleheight2,
#GridRowNotes #toggleheight2,
#Notes #toggleheight2 {
  height: 12rem;
  overflow-x: hidden;
  overflow-y: auto;
}
#DocAttach h3,
#GridRowDocAttach h3,
#GridRowNotes h3,
#Notes h3 {
  margin-bottom: 1.6rem !important;
  margin-left: 0;
  margin-top: 2.4rem !important;
}
#DocAttach .k-selected .actions,
#DocAttach .k-selected .detailscolumn,
#GridRowDocAttach .k-selected .actions,
#GridRowDocAttach .k-selected .detailscolumn,
#GridRowNotes .k-selected .actions,
#GridRowNotes .k-selected .detailscolumn,
#Notes .k-selected .actions,
#Notes .k-selected .detailscolumn {
  background: inherit;
}
#DocAttach .actions .k-delete,
#DocAttach .actions .k-edit,
#GridRowDocAttach .actions .k-delete,
#GridRowDocAttach .actions .k-edit,
#GridRowNotes .actions .k-delete,
#GridRowNotes .actions .k-edit,
#Notes .actions .k-delete,
#Notes .actions .k-edit {
  margin-left: 1.2rem;
}
@media (min-width: 991px) {
  #DocAttach .actions .k-delete,
  #DocAttach .actions .k-edit,
  #GridRowDocAttach .actions .k-delete,
  #GridRowDocAttach .actions .k-edit,
  #GridRowNotes .actions .k-delete,
  #GridRowNotes .actions .k-edit,
  #Notes .actions .k-delete,
  #Notes .actions .k-edit {
    display: none;
  }
}
#DocAttach .hidden,
#GridRowDocAttach .hidden,
#GridRowNotes .hidden,
#Notes .hidden {
  display: none;
}
#DocAttach .actions .k-icon,
#GridRowDocAttach .actions .k-icon,
#GridRowNotes .actions .k-icon,
#Notes .actions .k-icon {
  width: 1.8rem;
  height: 1.8rem;
}
#DocAttach #docgrid tbody:empty:after,
#DocAttach #docgridrow tbody:empty:after,
#GridRowDocAttach #docgrid tbody:empty:after,
#GridRowDocAttach #docgridrow tbody:empty:after,
#GridRowNotes #docgrid tbody:empty:after,
#GridRowNotes #docgridrow tbody:empty:after,
#Notes #docgrid tbody:empty:after,
#Notes #docgridrow tbody:empty:after {
  content: "No attachments currently exist on this record";
  font-size: 1.3rem;
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.6rem;
  color: #666666;
}
#DocAttach #docgrid tr.k-selected .k-delete,
#DocAttach #docgrid tr.k-selected .k-edit,
#DocAttach #docgrid tr:hover .k-delete,
#DocAttach #docgrid tr:hover .k-edit,
#DocAttach #docgridrow tr.k-selected .k-delete,
#DocAttach #docgridrow tr.k-selected .k-edit,
#DocAttach #docgridrow tr:hover .k-delete,
#DocAttach #docgridrow tr:hover .k-edit,
#GridRowDocAttach #docgrid tr.k-selected .k-delete,
#GridRowDocAttach #docgrid tr.k-selected .k-edit,
#GridRowDocAttach #docgrid tr:hover .k-delete,
#GridRowDocAttach #docgrid tr:hover .k-edit,
#GridRowDocAttach #docgridrow tr.k-selected .k-delete,
#GridRowDocAttach #docgridrow tr.k-selected .k-edit,
#GridRowDocAttach #docgridrow tr:hover .k-delete,
#GridRowDocAttach #docgridrow tr:hover .k-edit,
#GridRowNotes #docgrid tr.k-selected .k-delete,
#GridRowNotes #docgrid tr.k-selected .k-edit,
#GridRowNotes #docgrid tr:hover .k-delete,
#GridRowNotes #docgrid tr:hover .k-edit,
#GridRowNotes #docgridrow tr.k-selected .k-delete,
#GridRowNotes #docgridrow tr.k-selected .k-edit,
#GridRowNotes #docgridrow tr:hover .k-delete,
#GridRowNotes #docgridrow tr:hover .k-edit,
#Notes #docgrid tr.k-selected .k-delete,
#Notes #docgrid tr.k-selected .k-edit,
#Notes #docgrid tr:hover .k-delete,
#Notes #docgrid tr:hover .k-edit,
#Notes #docgridrow tr.k-selected .k-delete,
#Notes #docgridrow tr.k-selected .k-edit,
#Notes #docgridrow tr:hover .k-delete,
#Notes #docgridrow tr:hover .k-edit {
  display: inline-block;
}
#DocAttach #notesgrid tbody:empty:after,
#DocAttach #notesgridrow tbody:empty:after,
#GridRowDocAttach #notesgrid tbody:empty:after,
#GridRowDocAttach #notesgridrow tbody:empty:after,
#GridRowNotes #notesgrid tbody:empty:after,
#GridRowNotes #notesgridrow tbody:empty:after,
#Notes #notesgrid tbody:empty:after,
#Notes #notesgridrow tbody:empty:after {
  content: "No notes currently exist on this record";
  font-size: 1.3rem;
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.6rem;
  color: #666666;
}
#DocAttach #notesgrid tr.k-selected .k-delete,
#DocAttach #notesgrid tr.k-selected .k-edit,
#DocAttach #notesgrid tr:hover .k-delete,
#DocAttach #notesgrid tr:hover .k-edit,
#DocAttach #notesgridrow tr.k-selected .k-delete,
#DocAttach #notesgridrow tr.k-selected .k-edit,
#DocAttach #notesgridrow tr:hover .k-delete,
#DocAttach #notesgridrow tr:hover .k-edit,
#GridRowDocAttach #notesgrid tr.k-selected .k-delete,
#GridRowDocAttach #notesgrid tr.k-selected .k-edit,
#GridRowDocAttach #notesgrid tr:hover .k-delete,
#GridRowDocAttach #notesgrid tr:hover .k-edit,
#GridRowDocAttach #notesgridrow tr.k-selected .k-delete,
#GridRowDocAttach #notesgridrow tr.k-selected .k-edit,
#GridRowDocAttach #notesgridrow tr:hover .k-delete,
#GridRowDocAttach #notesgridrow tr:hover .k-edit,
#GridRowNotes #notesgrid tr.k-selected .k-delete,
#GridRowNotes #notesgrid tr.k-selected .k-edit,
#GridRowNotes #notesgrid tr:hover .k-delete,
#GridRowNotes #notesgrid tr:hover .k-edit,
#GridRowNotes #notesgridrow tr.k-selected .k-delete,
#GridRowNotes #notesgridrow tr.k-selected .k-edit,
#GridRowNotes #notesgridrow tr:hover .k-delete,
#GridRowNotes #notesgridrow tr:hover .k-edit,
#Notes #notesgrid tr.k-selected .k-delete,
#Notes #notesgrid tr.k-selected .k-edit,
#Notes #notesgrid tr:hover .k-delete,
#Notes #notesgrid tr:hover .k-edit,
#Notes #notesgridrow tr.k-selected .k-delete,
#Notes #notesgridrow tr.k-selected .k-edit,
#Notes #notesgridrow tr:hover .k-delete,
#Notes #notesgridrow tr:hover .k-edit {
  display: inline-block;
}
#DocAttach #docgrid tbody:empty:after,
#GridRowDocAttach #docgrid tbody:empty:after,
#GridRowNotes #docgrid tbody:empty:after,
#Notes #docgrid tbody:empty:after {
  content: "No document attachments currently exist on this record" !important;
}
#DocAttach .accordion,
#GridRowDocAttach .accordion,
#GridRowNotes .accordion,
#Notes .accordion {
  margin-right: 3rem;
  margin-top: 0.4rem;
}
#DocAttach .docmgmt .k-tab-control-container,
#GridRowDocAttach .docmgmt .k-tab-control-container,
#GridRowNotes .docmgmt .k-tab-control-container,
#Notes .docmgmt .k-tab-control-container {
  visibility: hidden;
}
#DocAttach .docatt-buttons,
#GridRowDocAttach .docatt-buttons,
#GridRowNotes .docatt-buttons,
#Notes .docatt-buttons {
  float: right;
  width: 4rem;
  height: 1.5rem;
  margin-top: 0.7rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  background-color: #d3dce0;
}
#DocAttach .docmgmt-btns div:first-child,
#GridRowDocAttach .docmgmt-btns div:first-child,
#GridRowNotes .docmgmt-btns div:first-child,
#Notes .docmgmt-btns div:first-child {
  float: left;
  margin-right: 0.25em;
}
#DocAttach .doc-attachments-tab .k-grid-content tr > td:first-child,
#DocAttach .doc-attachments-tab .k-grid-header-wrap tr > th:first-child,
#GridRowDocAttach .doc-attachments-tab .k-grid-content tr > td:first-child,
#GridRowDocAttach .doc-attachments-tab .k-grid-header-wrap tr > th:first-child,
#GridRowNotes .doc-attachments-tab .k-grid-content tr > td:first-child,
#GridRowNotes .doc-attachments-tab .k-grid-header-wrap tr > th:first-child,
#Notes .doc-attachments-tab .k-grid-content tr > td:first-child,
#Notes .doc-attachments-tab .k-grid-header-wrap tr > th:first-child {
  display: none;
}
#DocAttach .doc-attachments-tab .k-grid-content-locked tr > td:not(:nth-child(3)),
#DocAttach .doc-attachments-tab .k-grid-header-locked tr > th:not(:nth-child(3)),
#GridRowDocAttach .doc-attachments-tab .k-grid-content-locked tr > td:not(:nth-child(3)),
#GridRowDocAttach .doc-attachments-tab .k-grid-header-locked tr > th:not(:nth-child(3)),
#GridRowNotes .doc-attachments-tab .k-grid-content-locked tr > td:not(:nth-child(3)),
#GridRowNotes .doc-attachments-tab .k-grid-header-locked tr > th:not(:nth-child(3)),
#Notes .doc-attachments-tab .k-grid-content-locked tr > td:not(:nth-child(3)),
#Notes .doc-attachments-tab .k-grid-header-locked tr > th:not(:nth-child(3)) {
  display: none;
}
#DocAttach .k-dropzone,
#GridRowDocAttach .k-dropzone,
#GridRowNotes .k-dropzone,
#Notes .k-dropzone {
  padding: 0;
}
#DocAttach .k-dropzone .k-upload-button,
#GridRowDocAttach .k-dropzone .k-upload-button,
#GridRowNotes .k-dropzone .k-upload-button,
#Notes .k-dropzone .k-upload-button {
  background-color: #5aabf7 !important;
}
#DocAttach .docmgmt-btns .k-upload-button,
#GridRowDocAttach .docmgmt-btns .k-upload-button,
#GridRowNotes .docmgmt-btns .k-upload-button,
#Notes .docmgmt-btns .k-upload-button {
  height: auto;
}
#DocAttach .notes-buttons,
#GridRowDocAttach .notes-buttons,
#GridRowNotes .notes-buttons,
#Notes .notes-buttons {
  float: right;
  width: 4rem;
  height: 1.5rem;
  margin-top: 0.7rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  background-color: #d3dce0;
}
#DocAttach .k-listview,
#GridRowDocAttach .k-listview,
#GridRowNotes .k-listview,
#Notes .k-listview {
  min-width: 100%;
  min-height: 30rem;
  padding: 0;
  border: 0;
}
#DocAttach .da-product-view dl:after,
#DocAttach .k-listview:after,
#GridRowDocAttach .da-product-view dl:after,
#GridRowDocAttach .k-listview:after,
#GridRowNotes .da-product-view dl:after,
#GridRowNotes .k-listview:after,
#Notes .da-product-view dl:after,
#Notes .k-listview:after {
  display: block;
  height: 0;
  clear: both;
}
#DocAttach .lv-product-view,
#GridRowDocAttach .lv-product-view,
#GridRowNotes .lv-product-view,
#Notes .lv-product-view {
  position: relative;
  float: left;
  width: 99.8%;
}
#DocAttach .lv-edit-buttons,
#GridRowDocAttach .lv-edit-buttons,
#GridRowNotes .lv-edit-buttons,
#Notes .lv-edit-buttons {
  position: absolute;
  top: 0;
  right: 0;
  width: 10rem;
  height: 100%;
}
#DocAttach .lv-edit-buttons .k-button,
#GridRowDocAttach .lv-edit-buttons .k-button,
#GridRowNotes .lv-edit-buttons .k-button,
#Notes .lv-edit-buttons .k-button {
  width: 10rem;
  margin-bottom: 0.1rem;
}
#DocAttach .lv-product-view dd,
#GridRowDocAttach .lv-product-view dd,
#GridRowNotes .lv-product-view dd,
#Notes .lv-product-view dd {
  float: left;
  width: 45rem;
  margin: 0;
}
#DocAttach .lv-product-view dl,
#GridRowDocAttach .lv-product-view dl,
#GridRowNotes .lv-product-view dl,
#Notes .lv-product-view dl {
  float: left;
  min-width: 0;
  padding: 0;
  margin: 1rem 0;
}
#DocAttach .lv-product-view dt,
#GridRowDocAttach .lv-product-view dt,
#GridRowNotes .lv-product-view dt,
#Notes .lv-product-view dt {
  float: left;
  width: 20rem;
  margin-right: 1em;
  clear: left;
  text-align: right;
  opacity: 0.6;
}
#DocAttach .accordiontext:after,
#DocAttach .accordiontext:before,
#GridRowDocAttach .accordiontext:after,
#GridRowDocAttach .accordiontext:before,
#GridRowNotes .accordiontext:after,
#GridRowNotes .accordiontext:before,
#Notes .accordiontext:after,
#Notes .accordiontext:before {
  color: #047bc1;
}
#DocAttach .accordiontext:hover:after,
#DocAttach .accordiontext:hover:before,
#GridRowDocAttach .accordiontext:hover:after,
#GridRowDocAttach .accordiontext:hover:before,
#GridRowNotes .accordiontext:hover:after,
#GridRowNotes .accordiontext:hover:before,
#Notes .accordiontext:hover:after,
#Notes .accordiontext:hover:before {
  text-decoration: underline;
  color: #047bc1;
}
#DocAttach .panel-body,
#GridRowDocAttach .panel-body,
#GridRowNotes .panel-body,
#Notes .panel-body {
  padding: 0 !important;
}
#DocAttach .detailscolumn,
#GridRowDocAttach .detailscolumn,
#GridRowNotes .detailscolumn,
#Notes .detailscolumn {
  width: calc(100% - 100px);
  line-height: 1.6em !important;
  display: block !important;
}
#DocAttach .actionscolumn,
#GridRowDocAttach .actionscolumn,
#GridRowNotes .actionscolumn,
#Notes .actionscolumn {
  width: 10rem;
}
#DocAttach .supportingdetails,
#GridRowDocAttach .supportingdetails,
#GridRowNotes .supportingdetails,
#Notes .supportingdetails {
  display: block;
  min-width: 16rem !important;
  margin: 1rem 0 0;
}
#DocAttach .supportingdetails .spacer,
#GridRowDocAttach .supportingdetails .spacer,
#GridRowNotes .supportingdetails .spacer,
#Notes .supportingdetails .spacer {
  margin-right: 3.2rem;
}
@media (max-width: 767px) {
  #DocAttach .supportingdetails .spacer,
  #GridRowDocAttach .supportingdetails .spacer,
  #GridRowNotes .supportingdetails .spacer,
  #Notes .supportingdetails .spacer {
    display: block;
  }
}
#DocAttach .details,
#GridRowDocAttach .details,
#GridRowNotes .details,
#Notes .details {
  margin: 1rem 0;
}
#DocAttach .k-grid,
#GridRowDocAttach .k-grid,
#GridRowNotes .k-grid,
#Notes .k-grid {
  border-color: transparent !important;
}
#DocAttach .k-grid-content,
#GridRowDocAttach .k-grid-content,
#GridRowNotes .k-grid-content,
#Notes .k-grid-content {
  overflow: auto !important;
}
#DocAttach .k-grid-header,
#GridRowDocAttach .k-grid-header,
#GridRowNotes .k-grid-header,
#Notes .k-grid-header {
  display: none;
}
#DocAttach .k-grid tr,
#GridRowDocAttach .k-grid tr,
#GridRowNotes .k-grid tr,
#Notes .k-grid tr {
  background: #ffffff;
}
#DocAttach .k-grid tr.k-alt,
#GridRowDocAttach .k-grid tr.k-alt,
#GridRowNotes .k-grid tr.k-alt,
#Notes .k-grid tr.k-alt {
  background: #848484;
}
#DocAttach tr.k-selected,
#GridRowDocAttach tr.k-selected,
#GridRowNotes tr.k-selected,
#Notes tr.k-selected {
  background: #ffffff !important;
}
.zeroheight {
  margin: 0;
  padding: 0 3.2rem;
  height: 0 !important;
}
.k-mobile #DocAttach .detailscolumn,
.k-mobile #GridRowDocAttach .detailscolumn,
.k-mobile #GridRowNotes .detailscolumn,
.k-mobile #Notes .detailscolumn {
  width: 100%;
}
.k-mobile #DocAttach .fullwindowmode,
.k-mobile #Notes .fullwindowmode {
  display: none;
}
.k-mobile #DocAttach h3,
.k-mobile #Notes h3 {
  padding-top: 1.6rem;
}
.k-mobile div#noteArea3 {
  position: absolute;
  margin-top: -4rem;
  right: -2rem;
}
.k-mobile .notesblock1 {
  margin-top: 1.2rem;
}
.fixednote {
  position: relative;
}
.fixednote .notesPin {
  float: right;
  margin-top: 2.4rem;
}
.fixednote .k-filename {
  max-width: calc(100% - 56px);
}
.fixednote .docClose,
.fixednote .notesClose {
  float: right;
  margin-top: 2.4rem;
  margin-left: 1.2rem;
}
.fixednote .smalltextarea table.k-editor {
  height: 10rem;
}
.fixednote .smalltextarea table.k-editor td.k-editable-area {
  height: 6rem !important;
}
.fixednote table.k-editor {
  height: 10rem;
}
.fixednote table.k-editor td.k-editable-area {
  height: 14rem;
}
.disabledicon {
  opacity: 0.27 !important;
  cursor: default !important;
}
.disabledicon:hover {
  opacity: 0.27 !important;
}
.floatnote {
  background: #ffffff;
  bottom: -1rem;
  right: -0.2rem;
  position: fixed;
  z-index: 1001;
  width: 80rem;
  padding: 0 1.2rem 0.8rem;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 -2px 5px 1px rgba(0, 0, 0, 0.26);
  box-shadow: 0 -2px 5px 1px rgba(0, 0, 0, 0.26);
}
.floatnote .k-overflow-tools {
  right: 4.4rem;
}
.floatnote .k-editor-toolbar-wrap {
  height: 6.4rem;
  overflow: hidden;
  display: block;
}
.floatnote .notesblock1,
.floatnote .notesblock2 {
  display: inline-block;
}
.floatnote .notesblock1 {
  width: 24rem;
  margin-left: 0.6rem;
}
.floatnote .notesblock2 {
  width: 54rem;
  margin-left: 1.2rem;
  height: 14.4rem;
}
.floatnote .notesPin {
  position: absolute;
  top: -12.6rem;
  right: -50rem;
  z-index: 100;
}
.floatnote .docClose,
.floatnote .notesClose {
  position: absolute;
  top: -12.6rem;
  right: -53rem;
  z-index: 100;
}
.floatnote table.k-editor {
  height: 3rem;
}
.floatnote table.k-editor td.k-editable-area {
  height: 4.8rem;
}
.k-editor.k-header {
  background: transparent;
}
table.k-editor {
  border: 0;
}
.k-overflow-container .k-tool.k-button {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.k-overflow-container .k-tool.k-button:hover {
  border: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0;
}
.k-overflow-container .k-tool.k-button .k-tool-text {
  color: #333333;
  font-size: 13px;
  font-weight: 300;
}
.docClose,
.notesClose,
.notesPin {
  display: block;
  cursor: pointer;
  opacity: 0.54;
}
.docClose:hover,
.notesClose:hover,
.notesPin:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
@media (max-width: 768px) {
  .notesPin {
    display: none;
  }
}
#middle-pane ul.k-toolbar.k-editor-toolbar.k-toolbar-resizable {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #d8dce0 !important;
}
#middle-pane .k-button, #middle-pane .k-tool {
  background-color: #ffffff;
}
#middle-pane .k-button:hover, #middle-pane .k-button.k-selected, #middle-pane .k-tool:hover, #middle-pane .k-tool.k-selected {
  border-color: #d8dce0 !important;
  background-color: #d8dce0 !important;
}
.k-editor-overflow-popup .k-tool-group .k-icon {
  margin-right: 0.6rem;
}
.k-editor-overflow-popup .k-tool-group .k-icon:before {
  color: #333333;
}
.k-editor-overflow-popup .k-tool-group .k-button-text {
  text-transform: none;
}
.k-editor-overflow-popup .k-tool-group .k-button {
  border: 0 !important;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.k-editor-overflow-popup .k-tool-group .k-button:hover {
  background: #f2f7f8 !important;
}
.k-window-titlebar {
  background-color: #047bc1;
}
.loadingspritenumbers {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
}
/*# sourceMappingURL=notes.css.map */