/** START: clAttachments directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
/** Attachments section and content **/
section.attachments {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin-top: -19px;
  -webkit-overflow-scrolling: touch; }
  section.attachments .sectionTitleCloseIcon {
    display: flex;
    justify-content: space-between; }
    section.attachments .sectionTitleCloseIcon .sectionTitle {
      color: #282828;
      font: normal normal bold 21px/28px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      opacity: 1;
      letter-spacing: 0px;
      padding-left: 10px; }
    section.attachments .sectionTitleCloseIcon .attachmentsCloseIcon {
      padding-top: 25px;
      padding-right: 10px;
      font-size: 12px;
      color: #282828;
      cursor: pointer;
      opacity: 1; }

section.attachments .sectionContent {
  position: relative;
  float: left;
  clear: both;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 45px);
  margin: 0;
  padding-top: 10px;
  overflow: hidden; }
  section.attachments .sectionContent .attachmentWrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto; }
    section.attachments .sectionContent .attachmentWrapper.noOverflowAttachmentWrapper {
      overflow: visible; }
    section.attachments .sectionContent .attachmentWrapper.withAttachments {
      height: calc(100% - 80px); }
    section.attachments .sectionContent .attachmentWrapper::-webkit-scrollbar {
      width: 5px; }
    section.attachments .sectionContent .attachmentWrapper::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 5px; }
    section.attachments .sectionContent .attachmentWrapper::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  section.attachments .sectionContent .attachment {
    position: relative;
    float: left;
    clear: both;
    width: 99%;
    overflow: auto;
    background-repeat: no-repeat;
    border: 1px solid #F5F5F5;
    border-left: 3px solid #007FD3;
    margin-top: 5px; }
    section.attachments .sectionContent .attachment .attachmentImageContent {
      float: left;
      padding: 10px 0px 10px 10px; }
      section.attachments .sectionContent .attachment .attachmentImageContent .attachmentImg {
        width: 20px;
        height: 20px;
        border: none !important; }
    section.attachments .sectionContent .attachment .attachmentContent {
      float: left;
      padding: 10px 0px 10px 0px; }
    section.attachments .sectionContent .attachment .attachmentInfo {
      position: relative;
      float: left;
      clear: both;
      width: auto;
      height: auto;
      padding: 0; }
      section.attachments .sectionContent .attachment .attachmentInfo.filename {
        margin-left: 10px;
        font-size: 12px;
        cursor: pointer;
        text-decoration: underline;
        color: #007FD3;
        opacity: 1; }
      section.attachments .sectionContent .attachment .attachmentInfo.date, section.attachments .sectionContent .attachment .attachmentInfo.size {
        margin-left: 10px;
        font: normal normal normal 12px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        letter-spacing: 0px;
        color: #A8A8A8; }
    section.attachments .sectionContent .attachment .attachmentDelete {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 14px;
      color: #bfbfbf;
      cursor: pointer; }
      section.attachments .sectionContent .attachment .attachmentDelete:hover {
        color: #282828; }
  section.attachments .sectionContent .upload {
    float: left;
    width: 95%;
    padding-bottom: 30px;
    padding-left: 10px; }
    section.attachments .sectionContent .upload .dragArea {
      position: relative;
      box-sizing: border-box;
      display: block;
      width: 100%;
      max-width: 663px;
      height: 48px;
      float: left;
      font: normal normal normal 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      resize: none;
      border: 1px dashed #CBCBCB;
      text-align: center;
      line-height: 45px;
      color: #A8A8A8;
      border-radius: 4px; }
      section.attachments .sectionContent .upload .dragArea .browseLabel {
        text-decoration: underline;
        font: normal normal normal 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        letter-spacing: 0px;
        color: #007FD3;
        cursor: pointer; }
    section.attachments .sectionContent .upload .attachmentButton {
      position: relative;
      box-sizing: border-box;
      float: left;
      width: 45px;
      height: 45px;
      margin-left: 5px;
      z-index: 1;
      border: 1px solid #006890;
      background: url("../../images/blue/paperclip.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px;
      cursor: pointer; }
    section.attachments .sectionContent .upload .attachmentInput {
      float: left;
      width: 44px;
      height: 44px;
      z-index: 2;
      cursor: pointer;
      display: none;
      -moz-opacity: 0;
      filter: alpha(opacity=0);
      opacity: 0; }
      section.attachments .sectionContent .upload .attachmentInput::-webkit-file-upload-button {
        visibility: hidden;
        height: 44px;
        width: 44px; }
  section.attachments .sectionContent .noAttachmentSection {
    text-align: center;
    margin-top: 30%;
    width: 75%;
    margin-left: 13%; }
    section.attachments .sectionContent .noAttachmentSection .attachmentIcon {
      color: #dddddd;
      font-size: 48px; }
    section.attachments .sectionContent .noAttachmentSection .documentToShare {
      font: normal normal 600 18px/24px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      letter-spacing: 0px;
      color: #707070;
      opacity: 1; }
    section.attachments .sectionContent .noAttachmentSection .documentToShareSecondaryText {
      font: normal normal normal 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      letter-spacing: 0px;
      color: #A8A8A8;
      padding-top: 5px; }

/* Create the upload loading effect */
section.attachments .progress {
  height: 5px;
  margin: 25px auto 0px 10px;
  display: block;
  /* Important Thing */
  -webkit-appearance: none;
  border: none; }

section.attachments .progress::-webkit-progress-bar {
  height: 5px;
  background: #d9d9d9; }

section.attachments .progress::-webkit-progress-value {
  background-color: #006890; }

@-webkit-keyframes move {
  0% {
    background-position: 0px 0px, 0 0, 0 0; }
  100% {
    background-position: -100px 0px, 0 0, 0 0; } }
@media all and (max-width: 768px) {
  section.attachments {
    height: 100% !important;
    padding: 0 !important; }

  section.attachments .sectionContent {
    height: 100% !important;
    padding: 0 !important; }
    section.attachments .sectionContent .attachmentWrapper {
      /* important: Added a min-width property in order to fix mobile device display when attachments list is empty */
      min-width: 500px;
      width: calc(100% - 30px) !important;
      height: calc(100% - 160px) !important;
      margin: 20px 0 20px 30px !important;
      padding: 0 !important; }
    section.attachments .sectionContent .attachment {
      width: calc(100% - 30px) !important; }
      section.attachments .sectionContent .attachment .attachmentContent .attachmentImg {
        width: 30px !important;
        height: 30px !important; }
      section.attachments .sectionContent .attachment .attachmentInfo.filename {
        font-size: 24px !important;
        max-width: 500px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important; }
      section.attachments .sectionContent .attachment .attachmentInfo.date, section.attachments .sectionContent .attachment .attachmentInfo.size {
        font-size: 16px !important; }
      section.attachments .sectionContent .attachment .attachmentDelete {
        right: 30px !important;
        font-size: 24px !important; }
    section.attachments .sectionContent .upload {
      width: calc(100% - 60px) !important;
      padding: 0 30px 10px 30px !important; }
      section.attachments .sectionContent .upload .dragArea {
        display: none !important; }
      section.attachments .sectionContent .upload .attachmentButton {
        width: 100% !important;
        height: 90px !important;
        margin-left: 0 !important;
        background: url("../../images/blue/paperclip.svg?v=10.32.12.0") no-repeat;
        background-size: 40px 40px !important;
        background-position: 25px 25px !important;
        text-align: center !important;
        line-height: 90px !important; }
      section.attachments .sectionContent .upload .attachmentButtonInfo {
        font-size: 24px;
        color: #006890;
        position: absolute;
        display: table;
        vertical-align: middle;
        text-align: center;
        width: 100%; }
      section.attachments .sectionContent .upload .attachmentInput {
        width: 100% !important;
        height: 90px !important; }

  /* Create the upload loading effect */
  section.attachments .progress {
    height: 10px !important;
    margin: 45px auto 0px 15px !important; } }

/*# sourceMappingURL=clAttachments.css.map */

/** START: confirm dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.autoHideMessagesWrapper {
  position: absolute;
  z-index: 2000;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  /* Center the dialog */
  left: 50%;
  transform: translate(-50%, 95px);
  -webkit-transform: translate(-50%, 95px);
  -moz-transform: translate(-50%, 95px); }
  .autoHideMessagesWrapper.dim {
    opacity: 0; }

.autoHideMessages {
  overflow: hidden; }

.autoHideMessage {
  position: relative;
  width: 570px;
  height: 45px;
  background-color: #ffffff;
  border: 2px solid #282828;
  border-radius: 4px;
  color: #282828;
  padding: 0px;
  margin-bottom: 10px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .autoHideMessage.show {
    opacity: 1;
    pointer-events: auto; }

.moreAutoHideMessagesAvailable {
  height: 45px;
  width: 570px;
  background-color: #ffffff;
  line-height: 45px;
  padding-left: 45px;
  box-sizing: border-box;
  color: #282828;
  font-size: 14px; }

.autoHideMessageIcon {
  width: 20px;
  height: 20px;
  float: left;
  margin: 13px 12px 12px 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain; }
  .autoHideMessageIcon.default {
    background-image: url("../../images/shared/multiple_message.png?v=10.32.12.0"); }
  .autoHideMessageIcon.connection_error {
    background-image: url("../../images/black/connection_error.svg?v=10.32.12.0"); }
  .autoHideMessageIcon.exclamation {
    background-image: url("../../images/black/warning.svg?v=10.32.12.0"); }

.autoHideMessageContent {
  position: relative;
  float: left;
  width: 445px;
  height: 45px;
  padding-left: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center; }

.autoHideMessageText {
  position: relative;
  width: 100%;
  font-size: 14px;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  overflow: hidden;
  line-height: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.autoHideMessageRemove {
  float: right;
  width: 45px;
  height: 45px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }

.autoHideMessageRemove:hover {
  background-color: rgba(0, 0, 0, 0.2); }

@media all and (max-width: 750px) {
  /* For mobile phones: */
  .autoHideMessagesWrapper {
    width: 100%; }

  .autoHideMessage {
    width: 100%;
    height: 185px;
    background-color: rgba(66, 66, 66, 0.9); }

  .autoHideMessageIcon {
    visibility: hidden; }

  .autoHideMessageContent {
    position: absolute;
    width: calc(100% - 95px);
    font-size: 26px;
    top: 65px;
    left: 100px; }

  .autoHideMessageText {
    font-size: 21px;
    line-height: 22px;
    width: calc(100% - 80px); }

  .autoHideMessageRemove {
    position: inherit;
    float: right;
    top: 65px;
    right: 22px;
    background-size: 45px 45px; } }

/*# sourceMappingURL=clAutoHideMessages.css.map */

/** START: clAvailableListsDropdownMenu directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
ul.availableListsDropdownMenu {
  position: absolute;
  display: none;
  min-width: 300px;
  height: auto;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  list-style: none;
  outline-style: none;
  z-index: 1100; }
  ul.availableListsDropdownMenu.active {
    display: block; }
  ul.availableListsDropdownMenu li {
    position: relative;
    box-sizing: border-box;
    width: auto;
    height: 30px;
    margin: 0;
    padding: 0 10px;
    line-height: 30px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    cursor: pointer; }
    ul.availableListsDropdownMenu li:focus {
      border-top-color: #e6e6e6;
      border-bottom-color: #e6e6e6;
      background-color: #f7f7f7;
      outline-style: none; }
    ul.availableListsDropdownMenu li.selected {
      color: #006890; }
  ul.availableListsDropdownMenu li:first-child {
    border-top: none; }
  ul.availableListsDropdownMenu li:last-child {
    border-bottom: none; }

/** END: clAvailableListsDropdownMenu directive **/

/*# sourceMappingURL=clAvailableListsDropdownMenu.css.map */

/** START: clCombo directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.combo {
  position: fixed;
  display: none;
  background: #ffffff;
  max-height: 500px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid #bfbfbf;
  min-height: 30px;
  left: -9999em;
  z-index: 6; }
  .combo.active {
    display: block; }
  .combo .comboContent {
    float: left;
    height: 100%;
    width: 100%; }
    .combo .comboContent .listDirective .listContainer {
      height: 100%; }
    .combo .comboContent .gridContainer {
      padding: 0; }
    .combo .comboContent .grid {
      max-height: 500px; }
  .combo .ui-grid-viewport {
    overflow: auto !important; }

@media all and (max-width: 768px) {
  .combo {
    max-height: 100%;
    top: 0;
    left: 0; } }
/** END: clCombo directive **/

/*# sourceMappingURL=clCombo.css.map */

/** START: clComments directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
section.commentsSection {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin-top: -19px;
  -webkit-overflow-scrolling: touch; }
  section.commentsSection .sectionTitleCloseIcon {
    display: flex;
    justify-content: space-between; }
    section.commentsSection .sectionTitleCloseIcon .sectionTitle {
      color: #282828;
      font: normal normal bold 21px/28px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      opacity: 1;
      letter-spacing: 0px;
      padding-left: 10px; }
    section.commentsSection .sectionTitleCloseIcon .commentsCloseIcon {
      padding-top: 25px;
      padding-right: 10px;
      font-size: 12px;
      color: #282828;
      cursor: pointer;
      opacity: 1; }

section.commentsSection .sectionContent {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding-top: 10px; }
  section.commentsSection .sectionContent .commentsWrapper {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    color: #282828; }
    section.commentsSection .sectionContent .commentsWrapper.withLoadMore {
      height: auto !important; }
    section.commentsSection .sectionContent .commentsWrapper.withComments {
      height: calc(100% - 100px); }
    section.commentsSection .sectionContent .commentsWrapper::-webkit-scrollbar {
      width: 5px; }
    section.commentsSection .sectionContent .commentsWrapper::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 5px; }
    section.commentsSection .sectionContent .commentsWrapper::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  section.commentsSection .sectionContent .comment {
    position: relative;
    float: left;
    clear: both;
    width: 99%;
    overflow: auto;
    background-repeat: no-repeat;
    border: 1px solid #F5F5F5;
    border-left: 3px solid #007FD3;
    margin-top: 5px; }
    section.commentsSection .sectionContent .comment .userImage {
      margin-top: 5px;
      margin-right: 12px;
      float: left;
      width: 20px;
      text-align: center; }
      section.commentsSection .sectionContent .comment .userImage img {
        max-height: 20px;
        max-width: 20px;
        overflow: hidden;
        border: 1px solid #006890; }
    section.commentsSection .sectionContent .comment .commentText {
      float: left;
      width: calc(100% - 41px);
      max-width: 577px;
      padding: 10px 0px 10px 10px; }
      section.commentsSection .sectionContent .comment .commentText .text {
        float: left;
        font: normal normal normal 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        letter-spacing: 0px;
        color: #282828;
        width: 100%;
        padding-top: 5px; }
      section.commentsSection .sectionContent .comment .commentText .commentUserAndTime {
        display: flex; }
        section.commentsSection .sectionContent .comment .commentText .commentUserAndTime .commentUserName {
          font: normal normal 600 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          float: left; }
        section.commentsSection .sectionContent .comment .commentText .commentUserAndTime.at_tag {
          color: #585858; }
        section.commentsSection .sectionContent .comment .commentText .commentUserAndTime.hash_tag {
          color: #585858; }
      section.commentsSection .sectionContent .comment .commentText .commentAddTime {
        font: normal normal normal 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        letter-spacing: 0px;
        color: #CBCBCB;
        opacity: 1;
        padding-left: 10px; }
  section.commentsSection .sectionContent .addNewComment {
    display: flex;
    padding-left: 10px;
    padding-bottom: 20px;
    margin-right: -5px; }
    section.commentsSection .sectionContent .addNewComment .userImage {
      margin-top: 5px;
      margin-right: 12px;
      float: left;
      width: 20px;
      text-align: center; }
      section.commentsSection .sectionContent .addNewComment .userImage img {
        max-height: 20px;
        max-width: 20px;
        overflow: hidden;
        border: 1px solid #006890; }
    section.commentsSection .sectionContent .addNewComment textarea {
      display: block;
      box-sizing: border-box;
      width: 100%;
      max-width: 663px;
      height: 32px;
      float: left;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 14px;
      font-weight: 400;
      padding: 5px 20px 5px 10px;
      resize: none;
      border: 1px solid #CBCBCB;
      border-radius: 4px;
      opacity: 1;
      background: #FFFFFF 0% 0% no-repeat padding-box; }
      section.commentsSection .sectionContent .addNewComment textarea::placeholder {
        font: normal normal normal 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        letter-spacing: 0px;
        color: #A8A8A8;
        opacity: 1;
        padding-top: 1px; }
      section.commentsSection .sectionContent .addNewComment textarea:focus {
        outline: none !important;
        border: 1px solid #006890; }
    section.commentsSection .sectionContent .addNewComment .send {
      position: relative;
      box-sizing: border-box;
      float: left;
      z-index: 1;
      font-size: 16px;
      cursor: pointer;
      top: 7px;
      left: -30px;
      color: #282828; }
  section.commentsSection .sectionContent .loadMoreComments {
    margin-bottom: 5px;
    font-size: 12px;
    color: #006890;
    text-decoration: underline;
    cursor: pointer;
    text-align: center; }
  section.commentsSection .sectionContent .noCommentSection {
    text-align: center;
    margin-top: 30%;
    width: 75%;
    margin-left: 13%; }
    section.commentsSection .sectionContent .noCommentSection .commentIcon {
      color: #dddddd;
      font-size: 48px; }
    section.commentsSection .sectionContent .noCommentSection .commentToSay {
      font: normal normal 600 18px/24px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      letter-spacing: 0px;
      color: #707070;
      opacity: 1; }
    section.commentsSection .sectionContent .noCommentSection .commentToSaySecondaryText {
      font: normal normal normal 14px/19px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      letter-spacing: 0px;
      color: #A8A8A8;
      padding-top: 5px; }

@media all and (max-width: 768px) {
  .detailsPageContent section.commentsSection {
    height: 100% !important;
    padding: 0 !important; }

  section.commentsSection .sectionContent {
    height: calc(100% - 30px) !important;
    padding: 0 !important; }
    section.commentsSection .sectionContent .commentsWrapper {
      width: calc(100% - 30px) !important;
      height: calc(100% - 140px) !important;
      margin: 20px 0 20px 30px !important;
      padding-right: 30px !important; }
      section.commentsSection .sectionContent .commentsWrapper.withLoadMore {
        height: calc(100% - 190px) !important; }

  .comment {
    font-size: 24px !important; }
    .comment .userImage img {
      max-height: 30px !important;
      max-width: 30px !important; }
    .comment .commentText {
      width: calc(100% - 42px) !important;
      margin-left: 10px !important; }
      .comment .commentText .text {
        width: 100% !important; }
      .comment .commentText .commentAddTime {
        font-size: 16px !important; }

  .addNewComment {
    width: calc(100% - 60px) !important;
    padding: 0 30px 10px 30px !important; }
    .addNewComment .userImage {
      display: none !important; }
    .addNewComment textarea {
      width: calc(100% - 100px) !important;
      height: 90px !important;
      font-size: 24px !important; }
    .addNewComment .send {
      width: 90px !important;
      height: 90px !important;
      background-size: 40px 40px !important; }

  .loadMoreComments {
    font-size: 24px !important;
    margin: 20px 0 0 30px !important; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .addNewComment textarea {
    overflow: auto; } }
/** END: clComments directive **/

/*# sourceMappingURL=clComments.css.map */

/** START: clControlButtonCalendar directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.controlButtonCalendar {
  order: 2;
  background-image: url("../../images/blue/calendar.svg?v=10.32.12.0"); }

@media all and (max-width: 768px) {
  .controlButtonCalendar {
    display: none; } }
/** END: clControlButtonCalendar directive **/

/*# sourceMappingURL=clControlButtonCalendar.css.map */

/** START: clControlButtonCombo directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.controlButtonCombo {
  order: 1;
  background-image: none; }
  .controlButtonCombo .actualButton {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../../images/blue/arrow_circle_down.svg?v=10.32.12.0");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center; }
    .controlButtonCombo .actualButton.active {
      -moz-transform: scaleY(-1);
      -o-transform: scaleY(-1);
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);
      filter: FlipV;
      -ms-filter: "FlipV"; }

@media all and (max-width: 768px) {
  .controlButtonCombo .actualButton {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../../images/blue/arrow_down.svg?v=10.32.12.0");
    background-size: auto 30px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #fff;
    outline: none; }
    .controlButtonCombo .actualButton:disabled {
      background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0"); }
    .controlButtonCombo .actualButton.active {
      -moz-transform: scaleY(-1);
      -o-transform: scaleY(-1);
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);
      filter: FlipV;
      -ms-filter: "FlipV"; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .controlButtonCombo .actualButton {
    background-size: 12px 12px; } }
/** END: clControlButtonCombo directive **/

/*# sourceMappingURL=clControlButtonCombo.css.map */

/** START: clControlButtonEmail directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.controlButtonEmail {
  order: 2;
  background-image: url("../../images/blue/mail.svg?v=10.32.12.0"); }
  .controlButtonEmail a {
    display: block;
    width: 100%;
    height: 100%;
    border: 0; }

@media all and (max-width: 768px) {
  .controlButtonEmail {
    display: none; } }
/** END: clControlButtonEmail directive **/

/*# sourceMappingURL=clControlButtonEmail.css.map */

/** START: clControlButtonPickup directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.controlButtonPickup {
  order: 3;
  background-image: none; }
  .controlButtonPickup .actualButton {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../../images/blue/search.svg?v=10.32.12.0");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center; }

@media all and (max-width: 768px) {
  .controlButtonPickup {
    background-image: none; }
    .controlButtonPickup .actualButton {
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("../../images/blue/arrow_right.svg?v=10.32.12.0");
      background-size: auto 30px;
      padding: 0;
      margin: 0;
      border: none;
      background-color: #fff;
      outline: none; }
      .controlButtonPickup .actualButton:disabled {
        background-image: url("../../images/grey/arrow_right.svg?v=10.32.12.0"); } }
/** END: clControlButtonPickup directive **/

/*# sourceMappingURL=clControlButtonPickup.css.map */

/** START: clControlButtonQuickReg directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.controlButtonQuickReg {
  order: 4;
  background-image: url("../../images/blue/arrow_circle_right.svg?v=10.32.12.0"); }

@media all and (max-width: 768px) {
  .controlButtonQuickReg {
    display: none; } }
/** END: clControlButtonQuickReg directive **/

/*# sourceMappingURL=clControlButtonQuickReg.css.map */

/** START: clControlButtonUrl directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.controlButtonUrl {
  order: 2;
  background-image: url("../../images/blue/arrow_circle_right.svg?v=10.32.12.0"); }
  .controlButtonUrl a {
    display: block;
    width: 100%;
    height: 100%;
    border: 0; }

@media all and (max-width: 768px) {
  .controlButtonUrl {
    display: none; } }
/** END: clControlButtonUrl directive **/

/*# sourceMappingURL=clControlButtonUrl.css.map */

/** START: clControlButtonsBar directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.controlButtonsBar {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: auto;
  height: 23px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0; }
  .controlButtonsBar .controlButton {
    position: relative;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 25px;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    width: 25px;
    height: 23px;
    margin: 0;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 12px 12px;
    cursor: pointer;
    /** Animation for hide **/
    opacity: 1;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    z-index: 2; }
    .controlButtonsBar .controlButton.ng-hide {
      height: 0;
      opacity: 0;
      margin: 0;
      padding: 0;
      order: 10 !important;
      clear: both; }

@media all and (max-width: 768px) {
  .controlButtonsBar {
    width: 90px !important;
    height: 90px;
    bottom: 0px;
    right: 0px;
    background-color: #fff; }
    .controlButtonsBar .controlButton {
      width: 90px;
      margin: 0 0 0 auto;
      height: 90px;
      background-size: auto 30px;
      background-position: center;
      -moz-box-flex: initial;
      -webkit-flex: initial;
      -ms-flex: initial;
      flex: initial; }
      .controlButtonsBar .controlButton a {
        margin: 0;
        padding: 0; } }
/** END: clControlButtonsBar directive **/

/*# sourceMappingURL=clControlButtonsBar.css.map */

/** START: clControlsPanel directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
/** ControlsPanel section and content **/
.controlsPanelContainer {
  position: absolute;
  right: 0;
  width: 319px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: 1px solid #cccccc;
  z-index: 2;
  overflow-y: auto; }
  .controlsPanelContainer .controlsPanelTitle {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin: 15px 0 0 0;
    padding: 0 0 0 15px;
    color: #006890;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .controlsPanelContainer .controlsPanelContent {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    max-height: calc(100% - (45px + 20px + 68px));
    /* 100% - (header height + footer height) */
    margin: 20px 0 0 0;
    padding: 0 15px;
    overflow-y: auto;
    overflow-x: hidden; }
    .controlsPanelContainer .controlsPanelContent .controlsPanelItem {
      box-sizing: border-box;
      border: 1px solid #f7f7f7;
      width: 100%;
      padding: 5px 15px;
      overflow-y: auto;
      overflow-x: hidden;
      color: #808080;
      font-size: 12px;
      text-overflow: ellipsis;
      outline: none; }
      .controlsPanelContainer .controlsPanelContent .controlsPanelItem.active {
        border: 1px dashed red; }

/*# sourceMappingURL=clControlsPanel.css.map */

/** START: clCustomButton directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.clCustomButton {
  background-color: #3c7db7;
  border-radius: 2px;
  cursor: pointer;
  outline: none; }
  .clCustomButton.hide {
    display: none; }
  .clCustomButton:hover {
    background-color: #74b3cc; }
  .clCustomButton:active {
    -ms-transform: scale(0.95, 0.95);
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95); }

.clButtonText {
  position: relative;
  box-sizing: border-box;
  padding: 0 3px;
  float: left;
  font-family: "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  font-weight: 900;
  color: white;
  white-space: nowrap;
  overflow: hidden; }
  .clButtonText.left {
    text-align: left; }
  .clButtonText.center {
    text-align: center; }
  .clButtonText.right {
    text-align: right; }

.clButtonImage {
  position: relative;
  width: 24px;
  height: 24px;
  float: left;
  background: center no-repeat; }
  .clButtonImage.small {
    background-size: 15px 15px; }
  .clButtonImage.large {
    background-size: 30px 30px; }
  .clButtonImage.left {
    background-position: center; }
  .clButtonImage.center {
    background-position: center; }
  .clButtonImage.right {
    background-position: right center; }

/** END: clCustomButton directive **/

/*# sourceMappingURL=clCustomButton.css.map */

/** Start clDateTime **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.select-wrapper {
  position: relative;
  user-select: none;
  width: auto;
  overflow: visible !important;
  padding: 0px !important; }
  .select-wrapper .select {
    position: relative;
    display: flex;
    flex-direction: column;
    border-width: 0px;
    border-style: none;
    border-radius: 0px; }
    .select-wrapper .select .open {
      border-width: 0px;
      border-style: none;
      border-radius: 0px; }
    .select-wrapper .select .select__trigger {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #ffffff;
      padding: 0px 7px;
      border-bottom: 1px solid;
      cursor: pointer;
      height: 27px;
      outline: 0; }
      .select-wrapper .select .select__trigger .arrow {
        font-size: 12px;
        padding-top: 3px;
        color: #000000; }
      .select-wrapper .select .select__trigger span {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .select-wrapper .select .custom-options {
      position: absolute;
      display: block;
      top: 100%;
      left: -1px;
      right: -1px;
      border: 1px solid #000000;
      border-top: 0;
      background: #fff;
      transition: all 0.5s;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 2; }
      .select-wrapper .select .custom-options .custom-option {
        position: relative;
        display: block;
        padding: 0 4px 0 4px;
        cursor: pointer;
        transition: all 0.5s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .select-wrapper .select .custom-options .custom-option:hover {
        cursor: pointer;
        background-color: #b2b2b2; }
      .select-wrapper .select .custom-options .custom-option.selected {
        color: #ffffff;
        background-color: #1e90ff; }
  .select-wrapper .open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }

.customSelectEditableCell {
  overflow: visible !important; }

/*# sourceMappingURL=clCustomSelect.css.map */

/** Start clDate **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.clDate {
  /** CODELESS CLIENT - CUSTOM CSS over default DATEPICKER style **/ }
  .clDate .clDateInput {
    display: block;
    width: 100%; }
  .clDate .showButtonBar {
    padding-left: 0px !important; }
  .clDate.datepicker .btn {
    padding: 0 10px;
    border-radius: 0;
    border: 0px solid #f4f4f4;
    color: #282828;
    height: 33px;
    line-height: 33px;
    background-color: #ededed !important; }
    .clDate.datepicker .btn.active {
      color: #ffffff !important;
      background-color: #009fdb !important;
      box-shadow: none; }
  .clDate.datepicker .pull-right {
    padding-left: 5px; }
  .clDate.datepicker .pull-left {
    padding-right: 5px; }
  .clDate.datepicker .btn-sm {
    text-align: right;
    font-weight: 100; }
  .clDate.datepicker .btn-info {
    background: #c7c7c7 !important;
    color: #ffffff !important; }
    .clDate.datepicker .btn-info.active {
      color: #ffffff !important;
      background-color: #009fdb !important;
      box-shadow: none; }
  .clDate.datepicker .other-month {
    background-color: #f7f7f7 !important; }
  .clDate.datepicker .btn-title {
    color: #006890;
    max-width: calc(100% - 48px) !important;
    text-align: center; }
  .clDate.datepicker .text-muted {
    background: #f7f7f7;
    color: #bfbfbf;
    display: block;
    height: 100%;
    width: 100%; }
  .clDate.datepicker .h6 {
    background-color: #ffffff;
    color: #bfbfbf;
    padding: 0 5px;
    text-align: right;
    display: block;
    line-height: 33px; }
  .clDate.datepicker .datepicker-icon {
    position: relative;
    top: 1px;
    display: inline-block;
    line-height: 1; }
  .clDate.datepicker .btn-group-bar {
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3; }
    .clDate.datepicker .btn-group-bar .btn {
      background: #009fdb !important; }
  .clDate.datepicker .glyphicon-chevron-left {
    width: 10px;
    height: 10px;
    display: block;
    background: url("../../images/blue/arrow_left.svg?v=10.32.12.0") no-repeat;
    background-size: 10px 10px;
    margin: 0; }
  .clDate.datepicker .glyphicon-chevron-right {
    width: 10px;
    height: 10px;
    display: block;
    background: url("../../images/blue/arrow_right.svg?v=10.32.12.0") no-repeat;
    background-size: 10px 10px;
    margin: 0; }
  .clDate.datepicker .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border: 0px solid #ffffff;
    box-shadow: 0.5px 0.87px 5px 0px rgba(12, 5, 13, 0.25);
    border-radius: 0;
    background-color: #ededed;
    outline: none; }
    .clDate.datepicker .dropdown-menu-container {
      position: fixed;
      z-index: 7; }
    .clDate.datepicker .dropdown-menu li {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      outline: none; }
      .clDate.datepicker .dropdown-menu li div {
        outline: none; }
      .clDate.datepicker .dropdown-menu li table {
        outline: none; }
  .clDate.datepicker .btn-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 0px !important; }
    .clDate.datepicker .btn-group .btn {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1 0;
      -ms-flex: 1 0;
      flex: 1 0;
      margin-right: 2px;
      text-align: center;
      color: #006890; }
      .clDate.datepicker .btn-group .btn:last-child {
        margin-right: 0px; }
  .clDate.datepicker table {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #f3f3f3; }
    .clDate.datepicker table td {
      width: 25px; }
      .clDate.datepicker table td:nth-child(7n) .btn, .clDate.datepicker table td:nth-child(8n) .btn {
        background-color: #dbdbdb !important; }
        .clDate.datepicker table td:nth-child(7n) .btn.active, .clDate.datepicker table td:nth-child(8n) .btn.active {
          color: #ffffff !important;
          background-color: #009fdb !important;
          box-shadow: none; }
        .clDate.datepicker table td:nth-child(7n) .btn.btn-info, .clDate.datepicker table td:nth-child(8n) .btn.btn-info {
          background: #c7c7c7 !important;
          color: #ffffff !important; }
          .clDate.datepicker table td:nth-child(7n) .btn.btn-info.active, .clDate.datepicker table td:nth-child(8n) .btn.btn-info.active {
            color: #ffffff !important;
            background-color: #009fdb !important;
            box-shadow: none; }
        .clDate.datepicker table td:nth-child(7n) .btn.other-month, .clDate.datepicker table td:nth-child(8n) .btn.other-month {
          background-color: #f7f7f7 !important; }
    .clDate.datepicker table th .btn {
      float: left;
      width: 100%;
      height: 33px;
      max-width: 24px; }

/** End clDate **/

/*# sourceMappingURL=clDate.css.map */

/** Start clDateTime **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.clDatetime .clDatetimeDate {
  position: relative;
  width: calc(60% - 5px) !important;
  float: left; }
.clDatetime .clDatetimeTime {
  position: relative;
  width: 40% !important;
  float: right; }
.clDatetime.fromTemplate input {
  border-color: #006890 !important;
  font-weight: bold !important; }

/** End clDateTime **/

/*# sourceMappingURL=clDatetime.css.map */

/** START: clDetails directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.detailsDirective {
  outline: none; }
  .detailsDirective > form {
    position: relative;
    float: left;
    width: 100%;
    height: calc(100% - 45px);
    overflow: hidden;
    padding: 0; }
    .detailsDirective > form .detailsFieldsetWrap {
      margin: 0;
      padding: 0;
      border: none;
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      -webkit-margin-start: 0;
      -webkit-margin-end: 0;
      -webkit-padding-before: 0;
      -webkit-padding-start: 0;
      -webkit-padding-end: 0;
      -webkit-padding-after: 0; }
    .detailsDirective > form.big {
      height: calc(100%); }
    .detailsDirective > form.moveUpDetails {
      margin-top: -40px; }
  .detailsDirective.massEditEnabled {
    width: calc(100% - 500px); }
  .detailsDirective.big {
    height: calc(100%); }

.detailsDirective .sectionNav {
  position: relative;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 5px 5px 0px 5px;
  background: #f2f2f2;
  outline: none; }
  .detailsDirective .sectionNav.navPadding {
    padding-right: 250px; }
  .detailsDirective .sectionNav.massEditEnabledNav {
    padding: 5px 5px 0px 5px; }
  .detailsDirective .sectionNav li {
    position: relative;
    flex: 0 auto;
    box-sizing: border-box;
    width: auto;
    min-width: 45px;
    max-width: 270px;
    height: 35px;
    overflow: hidden;
    margin: 0 5px 5px 0;
    padding: 0 15px;
    list-style: none;
    font-size: 12px;
    line-height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    font-weight: 400;
    z-index: 2;
    outline: none;
    background-color: #bdbdb9;
    cursor: pointer; }
    .detailsDirective .sectionNav li.section-1 {
      background-color: #595957; }
    .detailsDirective .sectionNav li.section-2 {
      background-color: #2a80b9; }
    .detailsDirective .sectionNav li.section-3 {
      background-color: #27ae61; }
    .detailsDirective .sectionNav li.section-4 {
      background-color: #a63a4c; }
    .detailsDirective .sectionNav li.section-5 {
      background-color: #d36a4a; }
    .detailsDirective .sectionNav li.section-more {
      -ms-text-overflow: clip;
      text-overflow: clip; }
      .detailsDirective .sectionNav li.section-more.active {
        height: 35px;
        margin-bottom: 0;
        padding-bottom: 0;
        color: #006890;
        background: #bdbdb9; }
    .detailsDirective .sectionNav li:hover {
      background: #74b3cc;
      color: #ffffff; }
    .detailsDirective .sectionNav li.active {
      height: 40px;
      margin-bottom: 0;
      color: #006890;
      background: #ffffff; }
  .detailsDirective .sectionNav.navWhite {
    padding: 5px 5px 0 16px;
    background: #fff;
    border-bottom: 1px solid #bdbdbd; }
    .detailsDirective .sectionNav.navWhite li {
      height: 39px;
      margin: 0 5px 0 5px;
      color: #4e4e4e;
      background-color: transparent !important; }
      .detailsDirective .sectionNav.navWhite li.section-more.active {
        height: 40px; }
      .detailsDirective .sectionNav.navWhite li:hover {
        height: 40px;
        border-bottom: 3px solid #74b3cc;
        color: #808080; }
      .detailsDirective .sectionNav.navWhite li.active {
        height: 40px;
        border-bottom: 3px solid #009fde; }
      .detailsDirective .sectionNav.navWhite li.active:hover {
        height: 40px;
        border-bottom: 3px solid #009fde; }
  .detailsDirective .sectionNav.newTabs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    padding: 0px 5px 0 20.5px;
    background: #fff;
    border-bottom: 1px solid #bdbdbd;
    border-top: 1px solid #e6e6e6; }
    .detailsDirective .sectionNav.newTabs li {
      height: 44px;
      margin: 0;
      color: #006890;
      background-color: transparent !important;
      border-top: 3px solid #fff;
      margin-right: 1px;
      margin-left: 1px; }
      .detailsDirective .sectionNav.newTabs li.section-more.active {
        height: 44px; }
      .detailsDirective .sectionNav.newTabs li:hover {
        border-top: 3px solid #74b3cc; }
      .detailsDirective .sectionNav.newTabs li.active {
        height: 44px;
        color: #000;
        background-color: white !important;
        border-top: 3px solid #009fde;
        border-right: 1px solid #bdbdbd;
        border-left: 1px solid #bdbdbd;
        margin: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      .detailsDirective .sectionNav.newTabs li.active:hover {
        height: 44px;
        border-top: 3px solid #009fde; }

.detailsDirective .detailsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  z-index: 1; }
  .detailsDirective .detailsContainer.massEditEnabled {
    width: calc(100% - 500px); }
  .detailsDirective .detailsContainer.fullScreen .headerSections {
    padding: 0 !important; }
    .detailsDirective .detailsContainer.fullScreen .headerSections section {
      padding: 0; }
  .detailsDirective .detailsContainer .headerSections > section {
    padding: 0 0 0 16px;
    overflow: visible; }
    .detailsDirective .detailsContainer .headerSections > section .sectionTitle {
      margin: 15px 30px 0 0;
      float: left;
      width: auto; }
    .detailsDirective .detailsContainer .headerSections > section .sectionContent {
      clear: both;
      left: -16px !important; }
  .detailsDirective .detailsContainer .headerSections section.expandable .sectionTitle {
    margin-right: 0; }

.detailsDirective .sections {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 0 20px;
  -webkit-overflow-scrolling: touch; }
  .detailsDirective .sections.sectionsHidden {
    display: none; }

.detailsDirective .detailsContainer.fullScreen .sections {
  padding: 0; }

.detailsDirective .sections > section {
  display: block;
  position: relative;
  float: left;
  clear: both;
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  margin: 0;
  padding: 0 0 10px 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms; }
  .detailsDirective .sections > section.ng-hide {
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    clear: both; }

.detailsDirective .detailsContainer.fullScreen .sections section {
  padding: 0;
  height: 100%; }

section .sectionTitle {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  height: 30px;
  overflow: hidden;
  margin: 15px 0 0 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #006890;
  float: left; }
  section .sectionTitle .addLabel {
    font-size: 14px;
    font-weight: 400;
    color: #cccccc;
    font-style: italic; }

section.expandable {
  height: auto !important;
  min-height: 0 !important; }
  section.expandable .sectionTitle {
    width: auto;
    display: inline-block;
    cursor: pointer; }
    section.expandable .sectionTitle:after {
      display: inline-block;
      height: 30px;
      width: 30px;
      vertical-align: middle;
      font-size: 12px;
      font-family: "fabric-icons", "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
      content: "\E96D" !important;
      padding-left: 5px; }

section.closed .sectionTitle:after {
  content: "\E96E" !important; }

section .sectionContent {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  height: auto;
  /*overflow: hidden;*/
  margin: 0;
  padding: 0;
  clear: both; }

section .sectionContent iframe {
  position: absolute;
  top: 0;
  left: 0; }

section .sectionContent fieldset {
  border: 1px solid #000000; }

section .sectionContent .fieldGroup {
  font-size: 14px; }

section .sectionContent .fieldGroupTitle {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  top: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #006890;
  background: #ffffff;
  z-index: 2; }

section .sectionContent .fieldGroupContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 10px);
  margin-top: 10px;
  border: none;
  z-index: 1; }

.fieldGroupBordered section .sectionContent .fieldGroupTitle {
  left: 3px;
  max-width: calc(100% - 6px);
  padding: 0 5px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700; }
.fieldGroupBordered section .sectionContent .fieldGroupContent {
  border: 1px solid #96bfdd; }

section .sectionContent img {
  border: 1px solid #bfbfbf; }

section .sectionContent label {
  height: 23px;
  overflow: hidden;
  font-size: 12px;
  line-height: 23px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000; }

section .sectionContent .field input[type="text"],
section .sectionContent .groupField input[type="text"],
section .sectionContent .field input[type="password"],
section .sectionContent .groupField input[type="password"],
section .sectionContent .field input[type="date"],
section .sectionContent .groupField input[type="date"],
section .sectionContent .field input[type="time"],
section .sectionContent .groupField input[type="time"],
section .sectionContent .field input[type="datetime"],
section .sectionContent .groupField input[type="datetime"],
section .sectionContent .field input[type="datetime-local"],
section .sectionContent .groupField input[type="datetime-local"],
section .sectionContent .field input[type="number"],
section .sectionContent .groupField input[type="number"],
section .sectionContent .field input[type="email"],
section .sectionContent .groupField input[type="email"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 23px;
  margin: 0;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 400;
  color: #006890;
  border: 1px solid #96bfdd;
  background: #ffffff;
  border-radius: 4px; }
  .ng-submitted section .sectionContent .field input[type="text"].ng-invalid, section .sectionContent .field input[type="text"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="text"].ng-invalid,
  section .sectionContent .groupField input[type="text"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .field input[type="password"].ng-invalid,
  section .sectionContent .field input[type="password"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="password"].ng-invalid,
  section .sectionContent .groupField input[type="password"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .field input[type="date"].ng-invalid,
  section .sectionContent .field input[type="date"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="date"].ng-invalid,
  section .sectionContent .groupField input[type="date"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .field input[type="time"].ng-invalid,
  section .sectionContent .field input[type="time"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="time"].ng-invalid,
  section .sectionContent .groupField input[type="time"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .field input[type="datetime"].ng-invalid,
  section .sectionContent .field input[type="datetime"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="datetime"].ng-invalid,
  section .sectionContent .groupField input[type="datetime"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .field input[type="datetime-local"].ng-invalid,
  section .sectionContent .field input[type="datetime-local"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="datetime-local"].ng-invalid,
  section .sectionContent .groupField input[type="datetime-local"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .field input[type="number"].ng-invalid,
  section .sectionContent .field input[type="number"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="number"].ng-invalid,
  section .sectionContent .groupField input[type="number"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .field input[type="email"].ng-invalid,
  section .sectionContent .field input[type="email"].ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField input[type="email"].ng-invalid,
  section .sectionContent .groupField input[type="email"].ng-touched.ng-invalid {
    border: 2px solid #af1010; }
  .ng-submitted section .sectionContent .field input[type="text"].ng-invalid:focus, section .sectionContent .field input[type="text"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="text"].ng-invalid:focus,
  section .sectionContent .groupField input[type="text"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .field input[type="password"].ng-invalid:focus,
  section .sectionContent .field input[type="password"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="password"].ng-invalid:focus,
  section .sectionContent .groupField input[type="password"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .field input[type="date"].ng-invalid:focus,
  section .sectionContent .field input[type="date"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="date"].ng-invalid:focus,
  section .sectionContent .groupField input[type="date"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .field input[type="time"].ng-invalid:focus,
  section .sectionContent .field input[type="time"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="time"].ng-invalid:focus,
  section .sectionContent .groupField input[type="time"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .field input[type="datetime"].ng-invalid:focus,
  section .sectionContent .field input[type="datetime"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="datetime"].ng-invalid:focus,
  section .sectionContent .groupField input[type="datetime"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .field input[type="datetime-local"].ng-invalid:focus,
  section .sectionContent .field input[type="datetime-local"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="datetime-local"].ng-invalid:focus,
  section .sectionContent .groupField input[type="datetime-local"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .field input[type="number"].ng-invalid:focus,
  section .sectionContent .field input[type="number"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="number"].ng-invalid:focus,
  section .sectionContent .groupField input[type="number"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .field input[type="email"].ng-invalid:focus,
  section .sectionContent .field input[type="email"].ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField input[type="email"].ng-invalid:focus,
  section .sectionContent .groupField input[type="email"].ng-touched.ng-invalid:focus {
    border: 1px solid #bfbfbf;
    outline-color: #af1010; }
  section .sectionContent .field input[type="text"]:disabled, section .sectionContent .field input[type="text"]:read-only, section .sectionContent .field input[type="text"].ng-invalid:disabled, section .sectionContent .field input[type="text"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="text"]:disabled,
  section .sectionContent .groupField input[type="text"]:read-only,
  section .sectionContent .groupField input[type="text"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="text"].ng-invalid:read-only,
  section .sectionContent .field input[type="password"]:disabled,
  section .sectionContent .field input[type="password"]:read-only,
  section .sectionContent .field input[type="password"].ng-invalid:disabled,
  section .sectionContent .field input[type="password"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="password"]:disabled,
  section .sectionContent .groupField input[type="password"]:read-only,
  section .sectionContent .groupField input[type="password"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="password"].ng-invalid:read-only,
  section .sectionContent .field input[type="date"]:disabled,
  section .sectionContent .field input[type="date"]:read-only,
  section .sectionContent .field input[type="date"].ng-invalid:disabled,
  section .sectionContent .field input[type="date"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="date"]:disabled,
  section .sectionContent .groupField input[type="date"]:read-only,
  section .sectionContent .groupField input[type="date"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="date"].ng-invalid:read-only,
  section .sectionContent .field input[type="time"]:disabled,
  section .sectionContent .field input[type="time"]:read-only,
  section .sectionContent .field input[type="time"].ng-invalid:disabled,
  section .sectionContent .field input[type="time"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="time"]:disabled,
  section .sectionContent .groupField input[type="time"]:read-only,
  section .sectionContent .groupField input[type="time"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="time"].ng-invalid:read-only,
  section .sectionContent .field input[type="datetime"]:disabled,
  section .sectionContent .field input[type="datetime"]:read-only,
  section .sectionContent .field input[type="datetime"].ng-invalid:disabled,
  section .sectionContent .field input[type="datetime"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="datetime"]:disabled,
  section .sectionContent .groupField input[type="datetime"]:read-only,
  section .sectionContent .groupField input[type="datetime"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="datetime"].ng-invalid:read-only,
  section .sectionContent .field input[type="datetime-local"]:disabled,
  section .sectionContent .field input[type="datetime-local"]:read-only,
  section .sectionContent .field input[type="datetime-local"].ng-invalid:disabled,
  section .sectionContent .field input[type="datetime-local"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="datetime-local"]:disabled,
  section .sectionContent .groupField input[type="datetime-local"]:read-only,
  section .sectionContent .groupField input[type="datetime-local"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="datetime-local"].ng-invalid:read-only,
  section .sectionContent .field input[type="number"]:disabled,
  section .sectionContent .field input[type="number"]:read-only,
  section .sectionContent .field input[type="number"].ng-invalid:disabled,
  section .sectionContent .field input[type="number"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="number"]:disabled,
  section .sectionContent .groupField input[type="number"]:read-only,
  section .sectionContent .groupField input[type="number"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="number"].ng-invalid:read-only,
  section .sectionContent .field input[type="email"]:disabled,
  section .sectionContent .field input[type="email"]:read-only,
  section .sectionContent .field input[type="email"].ng-invalid:disabled,
  section .sectionContent .field input[type="email"].ng-invalid:read-only,
  section .sectionContent .groupField input[type="email"]:disabled,
  section .sectionContent .groupField input[type="email"]:read-only,
  section .sectionContent .groupField input[type="email"].ng-invalid:disabled,
  section .sectionContent .groupField input[type="email"].ng-invalid:read-only {
    color: #000000;
    background: #e6e6e6;
    border: 1px solid #dadada; }
  section .sectionContent .field input[type="text"].displayAsLabel, section .sectionContent .field input[type="text"].displayAsLabel:disabled, section .sectionContent .field input[type="text"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="text"].displayAsLabel,
  section .sectionContent .groupField input[type="text"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="text"].displayAsLabel:read-only,
  section .sectionContent .field input[type="password"].displayAsLabel,
  section .sectionContent .field input[type="password"].displayAsLabel:disabled,
  section .sectionContent .field input[type="password"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="password"].displayAsLabel,
  section .sectionContent .groupField input[type="password"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="password"].displayAsLabel:read-only,
  section .sectionContent .field input[type="date"].displayAsLabel,
  section .sectionContent .field input[type="date"].displayAsLabel:disabled,
  section .sectionContent .field input[type="date"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="date"].displayAsLabel,
  section .sectionContent .groupField input[type="date"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="date"].displayAsLabel:read-only,
  section .sectionContent .field input[type="time"].displayAsLabel,
  section .sectionContent .field input[type="time"].displayAsLabel:disabled,
  section .sectionContent .field input[type="time"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="time"].displayAsLabel,
  section .sectionContent .groupField input[type="time"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="time"].displayAsLabel:read-only,
  section .sectionContent .field input[type="datetime"].displayAsLabel,
  section .sectionContent .field input[type="datetime"].displayAsLabel:disabled,
  section .sectionContent .field input[type="datetime"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="datetime"].displayAsLabel,
  section .sectionContent .groupField input[type="datetime"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="datetime"].displayAsLabel:read-only,
  section .sectionContent .field input[type="datetime-local"].displayAsLabel,
  section .sectionContent .field input[type="datetime-local"].displayAsLabel:disabled,
  section .sectionContent .field input[type="datetime-local"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="datetime-local"].displayAsLabel,
  section .sectionContent .groupField input[type="datetime-local"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="datetime-local"].displayAsLabel:read-only,
  section .sectionContent .field input[type="number"].displayAsLabel,
  section .sectionContent .field input[type="number"].displayAsLabel:disabled,
  section .sectionContent .field input[type="number"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="number"].displayAsLabel,
  section .sectionContent .groupField input[type="number"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="number"].displayAsLabel:read-only,
  section .sectionContent .field input[type="email"].displayAsLabel,
  section .sectionContent .field input[type="email"].displayAsLabel:disabled,
  section .sectionContent .field input[type="email"].displayAsLabel:read-only,
  section .sectionContent .groupField input[type="email"].displayAsLabel,
  section .sectionContent .groupField input[type="email"].displayAsLabel:disabled,
  section .sectionContent .groupField input[type="email"].displayAsLabel:read-only {
    margin: 0;
    padding: 0;
    color: #000000;
    background: #ffffff;
    border: 0; }
  section .sectionContent .field input[type="text"].fromTemplate,
  section .sectionContent .groupField input[type="text"].fromTemplate,
  section .sectionContent .field input[type="password"].fromTemplate,
  section .sectionContent .groupField input[type="password"].fromTemplate,
  section .sectionContent .field input[type="date"].fromTemplate,
  section .sectionContent .groupField input[type="date"].fromTemplate,
  section .sectionContent .field input[type="time"].fromTemplate,
  section .sectionContent .groupField input[type="time"].fromTemplate,
  section .sectionContent .field input[type="datetime"].fromTemplate,
  section .sectionContent .groupField input[type="datetime"].fromTemplate,
  section .sectionContent .field input[type="datetime-local"].fromTemplate,
  section .sectionContent .groupField input[type="datetime-local"].fromTemplate,
  section .sectionContent .field input[type="number"].fromTemplate,
  section .sectionContent .groupField input[type="number"].fromTemplate,
  section .sectionContent .field input[type="email"].fromTemplate,
  section .sectionContent .groupField input[type="email"].fromTemplate {
    border-color: #006890;
    font-weight: bold; }

section .sectionContent .field input[type="checkbox"],
section .sectionContent .groupField input[type="checkbox"],
section .sectionContent .field input[type="radio"],
section .sectionContent .groupField input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 23px;
  margin: 3px 5px;
  padding: 0 10px;
  line-height: 23px;
  border: 1px solid #bfbfbf; }

section .sectionContent .field select,
section .sectionContent .groupField select {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 23px;
  font-size: 12px;
  font-weight: 400;
  color: #006890;
  padding-left: 0;
  border: 1px solid #96bfdd;
  background: #ffffff; }
  .ng-submitted section .sectionContent .field select.ng-invalid, section .sectionContent .field select.ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField select.ng-invalid,
  section .sectionContent .groupField select.ng-touched.ng-invalid {
    border: 2px solid #af1010; }
  .ng-submitted section .sectionContent .field select.ng-invalid:focus, section .sectionContent .field select.ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField select.ng-invalid:focus,
  section .sectionContent .groupField select.ng-touched.ng-invalid:focus {
    border: 1px solid #bfbfbf;
    outline-color: #af1010; }
  section .sectionContent .field select:disabled, section .sectionContent .field select.ng-invalid:disabled,
  section .sectionContent .groupField select:disabled,
  section .sectionContent .groupField select.ng-invalid:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 3px;
    color: #000000;
    background: #e6e6e6;
    border: 1px solid #dadada; }
  section .sectionContent .field select.fromTemplate,
  section .sectionContent .groupField select.fromTemplate {
    border-color: #006890;
    font-weight: bold; }

section .sectionContent .field textarea,
section .sectionContent .groupField textarea {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 400;
  color: #006890;
  border: 1px solid #96bfdd;
  background: #ffffff; }
  .ng-submitted section .sectionContent .field textarea.ng-invalid, section .sectionContent .field textarea.ng-touched.ng-invalid,
  .ng-submitted section .sectionContent .groupField textarea.ng-invalid,
  section .sectionContent .groupField textarea.ng-touched.ng-invalid {
    border: 2px solid #af1010; }
  .ng-submitted section .sectionContent .field textarea.ng-invalid:focus, section .sectionContent .field textarea.ng-touched.ng-invalid:focus,
  .ng-submitted section .sectionContent .groupField textarea.ng-invalid:focus,
  section .sectionContent .groupField textarea.ng-touched.ng-invalid:focus {
    border: 1px solid #bfbfbf;
    outline-color: #af1010; }
  section .sectionContent .field textarea:disabled, section .sectionContent .field textarea:read-only, section .sectionContent .field textarea.ng-invalid:disabled, section .sectionContent .field textarea.ng-invalid:read-only,
  section .sectionContent .groupField textarea:disabled,
  section .sectionContent .groupField textarea:read-only,
  section .sectionContent .groupField textarea.ng-invalid:disabled,
  section .sectionContent .groupField textarea.ng-invalid:read-only {
    color: #000000;
    background: #e6e6e6;
    border: 1px solid #dadada; }
  section .sectionContent .field textarea.fromTemplate,
  section .sectionContent .groupField textarea.fromTemplate {
    border-color: #006890;
    font-weight: bold; }

/** Animation for ng-hide inside details sections **/
section .sectionContent *:not(section):not(li)[ng-hide] {
  opacity: 1;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms; }

section .sectionContent *:not(section):not(li)[ng-hide].ng-hide {
  display: none !important;
  z-index: -999;
  opacity: 0; }

/** Pagination **/
.pagination {
  box-sizing: border-box;
  height: 30px;
  top: 15px;
  right: 10px;
  margin: 0;
  padding: 5px;
  z-index: 2;
  padding-top: 10px; }
  .pagination .first,
  .pagination .prev,
  .pagination .next,
  .pagination .last {
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px; }
  .pagination .first {
    background-image: url("../../images/shared/first_blue.png?v=10.32.12.0"); }
  .pagination .prev {
    background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0"); }
  .pagination .next {
    background-image: url("../../images/blue/arrow_right.svg?v=10.32.12.0"); }
  .pagination .last {
    background-image: url("../../images/shared/last_blue.png?v=10.32.12.0"); }
  .pagination .status {
    float: left;
    height: 20px;
    color: #006890;
    font-size: 12px;
    line-height: 20px;
    text-align: center; }
    .pagination .status .currentItem {
      font-size: 18px; }
  .pagination .disabled {
    opacity: 0.6;
    cursor: default; }

.paginationActiveCommentsAttachments {
  margin-right: 400px !important; }

.detailsRightScreenContainer {
  display: flex;
  flex-direction: row-reverse; }
  .detailsRightScreenContainer .attachmentscommentsContainer {
    display: flex;
    float: right;
    padding-right: 10px; }
    .detailsRightScreenContainer .attachmentscommentsContainer .section-comments-container {
      font-size: 20px;
      padding-right: 17px;
      padding-top: 10px;
      cursor: pointer; }
      .detailsRightScreenContainer .attachmentscommentsContainer .section-comments-container .commentsCountBadge {
        position: absolute;
        right: 50px;
        min-width: 13px;
        width: auto;
        height: 16px;
        top: 2px;
        padding: 0.5px 1px 1px 1px;
        font: normal normal 800 12px/16px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #FFFFFF;
        border: 1px solid #ffffff;
        background: #007fd3 0% 0% no-repeat padding-box;
        border-radius: 4px;
        opacity: 1;
        text-align: center; }
      .detailsRightScreenContainer .attachmentscommentsContainer .section-comments-container .activeWithoutAttachments {
        right: 20px !important; }
      .detailsRightScreenContainer .attachmentscommentsContainer .section-comments-container .active {
        margin-right: 400px; }
      .detailsRightScreenContainer .attachmentscommentsContainer .section-comments-container .activeWithPagination {
        right: 168px !important; }
    .detailsRightScreenContainer .attachmentscommentsContainer .section-attachments-container {
      font-size: 20px;
      padding-right: 10px;
      padding-top: 10px;
      cursor: pointer; }
      .detailsRightScreenContainer .attachmentscommentsContainer .section-attachments-container .attachmentsCountBadge {
        position: absolute;
        right: 13px;
        min-width: 13px;
        width: auto;
        height: 16px;
        top: 2px;
        padding: 0.5px 1px 1px 1px;
        font: normal normal 800 12px/16px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #FFFFFF;
        border: 1px solid #ffffff;
        background: #007fd3 0% 0% no-repeat padding-box;
        border-radius: 4px;
        opacity: 1;
        text-align: center; }
      .detailsRightScreenContainer .attachmentscommentsContainer .section-attachments-container .active {
        margin-right: 400px; }
      .detailsRightScreenContainer .attachmentscommentsContainer .section-attachments-container .activeWithPagination {
        right: 129px !important; }
    .detailsRightScreenContainer .attachmentscommentsContainer.active {
      margin-right: 400px; }
    .detailsRightScreenContainer .attachmentscommentsContainer .selected {
      color: #007FD3; }
  .detailsRightScreenContainer .attachmentscommentsContainerWithPagination {
    margin-right: 0px !important; }
  .detailsRightScreenContainer .generalCommentsAttachmentsPanel {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 45px;
    right: 0;
    width: 100%;
    max-width: 405px;
    height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    background: #ffffff;
    z-index: 50;
    opacity: 0;
    outline: none;
    border: 1px solid #ffffff;
    border-bottom: 0; }
    .detailsRightScreenContainer .generalCommentsAttachmentsPanel.active {
      height: 100%;
      max-height: 100%;
      transition-delay: 0s !important;
      opacity: 1;
      top: 0px;
      padding-top: 12px;
      z-index: 30; }
    .detailsRightScreenContainer .generalCommentsAttachmentsPanel.attachmentContentSection {
      border-left: 1px solid #DDDDDD; }
    .detailsRightScreenContainer .generalCommentsAttachmentsPanel.commentsContentSection {
      border-left: 1px solid #DDDDDD; }

.sectionNavCanvas {
  display: none; }

.highlighted {
  outline: 1px dashed red; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section input:focus,
  section select:focus,
  section textarea:focus {
    outline: 1px solid #7ec1de; } }
/** END: clDetails directive **/
.detailsForm {
  height: calc(100% - 45px) !important; }

.detailsContainer {
  display: flex !important;
  flex-direction: column; }
  .detailsContainer .headerSections {
    height: 100%; }
  .detailsContainer .attachments,
  .detailsContainer .commentsSection {
    display: none; }
  .detailsContainer .sections {
    flex: 0;
    flex-grow: 1;
    min-height: 155px; }

/*# sourceMappingURL=clDetails-all.css.map */

/** Details module - Mobile specific SCSS **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
@media all and (max-width: 768px) {
  .detailsDirective > form {
    height: 100%; }
  .detailsDirective .sectionNav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow-y: auto;
    z-index: 3; }
    .detailsDirective .sectionNav li {
      display: block;
      width: 100%;
      min-width: 100%;
      height: 90px;
      margin: 0;
      padding: 0 20px;
      font-size: 32px;
      line-height: 90px;
      font-weight: 400;
      color: #000;
      overflow: hidden;
      border-bottom: 1px solid #F2F2F2;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      background-color: #fff; }
      .detailsDirective .sectionNav li.section-1, .detailsDirective .sectionNav li.section-2, .detailsDirective .sectionNav li.section-3, .detailsDirective .sectionNav li.section-4, .detailsDirective .sectionNav li.section-5 {
        background-color: #fff; }
      .detailsDirective .sectionNav li.active, .detailsDirective .sectionNav li:hover {
        height: 90px;
        background-color: #f2f2f2;
        color: #2A80B9; }
    .detailsDirective .sectionNav.navWhite {
      padding: 0;
      background-color: #fff;
      border-bottom: none; }
      .detailsDirective .sectionNav.navWhite li {
        height: 90px;
        line-height: 90px;
        margin: 0;
        color: inherit;
        background-color: inherit;
        border-bottom: 1px solid #F2F2F2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .detailsDirective .sectionNav.navWhite li.section-more.active {
          height: 90px; }
        .detailsDirective .sectionNav.navWhite li:hover {
          height: inherit;
          border-bottom: 1px solid #F2F2F2;
          color: inherit; }
        .detailsDirective .sectionNav.navWhite li.active {
          height: 90px;
          border-bottom: 1px solid #F2F2F2;
          background-color: #f2f2f2;
          color: #2A80B9; }
        .detailsDirective .sectionNav.navWhite li.active:hover {
          height: 90px;
          border-bottom: 1px solid #F2F2F2;
          background-color: #f2f2f2;
          color: #2A80B9; }
    .detailsDirective .sectionNav.newTabs {
      padding: 0;
      background-color: #fff;
      border-bottom: none;
      height: 100%; }
      .detailsDirective .sectionNav.newTabs li {
        height: 90px;
        line-height: 90px;
        margin: 0;
        border-bottom: 2px solid #f2f2f2 !important;
        border-top: none;
        background-color: inherit;
        color: #282828 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .detailsDirective .sectionNav.newTabs li.section-more.active {
          height: 90px; }
        .detailsDirective .sectionNav.newTabs li:hover {
          /*height: inherit;*/
          border-bottom: 1px solid #F2F2F2;
          border-top: none;
          color: inherit; }
        .detailsDirective .sectionNav.newTabs li.active {
          height: 90px;
          border-top: 2px solid #B9B9B9 !important;
          border-bottom: 2px solid #B9B9B9 !important;
          border-right: 0 !important;
          border-left: 0 !important;
          background-color: #F7F7F7 !important;
          color: #282828 !important; }
        .detailsDirective .sectionNav.newTabs li.active:hover {
          height: 90px;
          border-bottom: 1px solid #F2F2F2;
          background-color: #f2f2f2;
          color: #2A80B9; }
  .detailsDirective .detailsContainer .headerSections {
    padding: 0 !important;
    height: 100% !important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .detailsDirective .detailsContainer .headerSections > section {
      padding: 0; }
      .detailsDirective .detailsContainer .headerSections > section .sectionTitle {
        display: none; }
      .detailsDirective .detailsContainer .headerSections > section .field, .detailsDirective .detailsContainer .headerSections > section .groupField {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #F2F2F2; }
  .detailsDirective .sections {
    width: 100% !important;
    padding: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .detailsDirective .sections section {
      height: auto; }
      .detailsDirective .sections section .sectionContent {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        height: auto;
        min-width: auto;
        max-height: 0px; }
        .detailsDirective .sections section .sectionContent.active {
          max-height: 9999px; }
        .detailsDirective .sections section .sectionContent .fieldGroup {
          position: relative;
          width: 100%;
          height: auto;
          left: 0;
          top: 0;
          right: 0; }
          .detailsDirective .sections section .sectionContent .fieldGroup .fieldGroupTitle {
            display: block;
            position: relative;
            width: 100%;
            margin: 0;
            line-height: 40px;
            padding: 0 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 24px; }
        .detailsDirective .sections section .sectionContent .field, .detailsDirective .sections section .sectionContent .groupField {
          position: relative;
          display: block;
          width: 100%;
          height: auto;
          padding: 20px 30px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: 1px solid #F2F2F2; }
      .detailsDirective .sections section .sectionTitle {
        display: none;
        cursor: pointer;
        background: url("../../images/blue/arrow_down.svg?v=10.32.12.0") no-repeat 580px 50%;
        background-size: 30px 30px; }
        .detailsDirective .sections section .sectionTitle.active {
          background: url("../../images/blue/arrow_up.svg?v=10.32.12.0") no-repeat 580px 50%; }

  .detailsFieldsetWrap section .sectionContent .field {
    /** focus fields **/
    /** disabled fields **/ }
    .detailsFieldsetWrap section .sectionContent .field .imageContainer {
      position: relative;
      display: block;
      width: 100%;
      height: 100px;
      margin-bottom: 10px;
      border: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-size: cover;
      background-position: center;
      left: auto;
      top: auto;
      right: auto; }
    .detailsFieldsetWrap section .sectionContent .field label {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      top: auto;
      left: auto;
      right: auto;
      font-size: 18px;
      line-height: 38px;
      color: #0087C0;
      text-transform: uppercase; }
      .detailsFieldsetWrap section .sectionContent .field label.labelDisabled {
        color: #676767; }
    .detailsFieldsetWrap section .sectionContent .field input[type=checkbox] {
      margin-top: -25px !important; }
    .detailsFieldsetWrap section .sectionContent .field input[type=text],
    .detailsFieldsetWrap section .sectionContent .field input[type=password],
    .detailsFieldsetWrap section .sectionContent .field input[type=date],
    .detailsFieldsetWrap section .sectionContent .field input[type=datetime],
    .detailsFieldsetWrap section .sectionContent .field input[type=datetime-local],
    .detailsFieldsetWrap section .sectionContent .field input[type=email],
    .detailsFieldsetWrap section .sectionContent .field input[type=month],
    .detailsFieldsetWrap section .sectionContent .field input[type=number],
    .detailsFieldsetWrap section .sectionContent .field input[type=tel],
    .detailsFieldsetWrap section .sectionContent .field input[type=week],
    .detailsFieldsetWrap section .sectionContent .field select {
      display: block;
      position: relative;
      width: 100%;
      height: 46px;
      padding: 0 !important;
      font-size: 24px !important;
      line-height: 46px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: none;
      color: #000;
      border: 1px solid transparent !important;
      float: none;
      clear: both; }
      .detailsFieldsetWrap section .sectionContent .field input[type=text]:disabled, .detailsFieldsetWrap section .sectionContent .field input[type=text]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=password]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=password]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=date]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=date]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=datetime]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=datetime]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=datetime-local]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=datetime-local]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=email]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=email]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=month]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=month]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=number]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=number]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=tel]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=tel]:read-only,
      .detailsFieldsetWrap section .sectionContent .field input[type=week]:disabled,
      .detailsFieldsetWrap section .sectionContent .field input[type=week]:read-only,
      .detailsFieldsetWrap section .sectionContent .field select:disabled,
      .detailsFieldsetWrap section .sectionContent .field select:read-only {
        border: none;
        background-color: transparent; }
    .detailsFieldsetWrap section .sectionContent .field textarea {
      font-size: 18px;
      display: block;
      width: 100%;
      margin: 0;
      height: 160px;
      position: relative;
      left: 0;
      top: 0;
      right: 0;
      outline: none; }
      .detailsFieldsetWrap section .sectionContent .field textarea:disabled, .detailsFieldsetWrap section .sectionContent .field textarea:read-only {
        border: none;
        background-color: transparent; }
    .detailsFieldsetWrap section .sectionContent .field .onOff {
      display: block;
      margin: 4px 12px 0 20px !important;
      position: relative;
      left: 0;
      top: 0;
      right: 0; }
    .detailsFieldsetWrap section .sectionContent .field input[type=text]:focus {
      border: 1px solid #0087C0; }
    .detailsFieldsetWrap section .sectionContent .field input[type=text]:disabled, .detailsFieldsetWrap section .sectionContent .field input[type=text]:read-only {
      background-color: transparent !important; }
    .detailsFieldsetWrap section .sectionContent .field.subList {
      position: relative;
      font-size: 0px;
      color: #000;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .detailsFieldsetWrap section .sectionContent .field.subList .subListName {
        display: inline-block;
        width: 60%;
        height: 46px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 24px;
        line-height: 46px; }
      .detailsFieldsetWrap section .sectionContent .field.subList .subListTotal {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 40%;
        height: 46px;
        font-size: 24px;
        line-height: 46px;
        padding-right: 70px;
        color: #999999;
        text-align: right; }
      .detailsFieldsetWrap section .sectionContent .field.subList .showSublistOnMobile {
        display: block;
        width: 90px;
        height: 89px;
        position: absolute;
        top: 1px;
        right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
        color: #999999;
        border: none;
        padding: 0;
        background-image: url("../../images/blue/arrow_right.svg?v=10.32.12.0");
        background-position: center;
        background-size: 30px;
        background-repeat: no-repeat;
        outline: none; }
  .detailsFieldsetWrap section .sectionContent .groupField {
    /** focus fields **/
    /** disabled fields **/ }
    .detailsFieldsetWrap section .sectionContent .groupField .imageContainer {
      position: relative;
      display: block;
      width: 100%;
      height: 100px;
      margin-bottom: 10px;
      border: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-size: cover;
      background-position: center;
      left: auto;
      top: auto;
      right: auto; }
    .detailsFieldsetWrap section .sectionContent .groupField label {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      top: auto;
      left: auto;
      right: auto;
      font-size: 18px;
      line-height: 38px;
      color: #0087C0;
      text-transform: uppercase; }
      .detailsFieldsetWrap section .sectionContent .groupField label.labelDisabled {
        color: #676767; }
    .detailsFieldsetWrap section .sectionContent .groupField input[type=checkbox] {
      margin-top: -25px !important; }
    .detailsFieldsetWrap section .sectionContent .groupField input[type=text],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=password],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=date],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=datetime],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=datetime-local],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=email],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=month],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=number],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=tel],
    .detailsFieldsetWrap section .sectionContent .groupField input[type=week],
    .detailsFieldsetWrap section .sectionContent .groupField select {
      display: block;
      position: relative;
      width: 100%;
      height: 46px;
      padding: 0 !important;
      font-size: 24px !important;
      line-height: 46px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: none;
      color: #000;
      border: 1px solid transparent !important;
      float: none;
      clear: both; }
      .detailsFieldsetWrap section .sectionContent .groupField input[type=text]:disabled, .detailsFieldsetWrap section .sectionContent .groupField input[type=text]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=password]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=password]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=date]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=date]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=datetime]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=datetime]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=datetime-local]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=datetime-local]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=email]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=email]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=month]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=month]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=number]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=number]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=tel]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=tel]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=week]:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField input[type=week]:read-only,
      .detailsFieldsetWrap section .sectionContent .groupField select:disabled,
      .detailsFieldsetWrap section .sectionContent .groupField select:read-only {
        border: none;
        background-color: transparent; }
    .detailsFieldsetWrap section .sectionContent .groupField textarea {
      font-size: 18px;
      display: block;
      width: 100%;
      margin: 0;
      height: 160px;
      position: relative;
      left: 0;
      top: 0;
      right: 0;
      outline: none; }
      .detailsFieldsetWrap section .sectionContent .groupField textarea:disabled, .detailsFieldsetWrap section .sectionContent .groupField textarea:read-only {
        border: none;
        background-color: transparent; }
    .detailsFieldsetWrap section .sectionContent .groupField .onOff {
      display: block;
      margin: 4px 12px 0 20px !important;
      position: relative;
      left: 0;
      top: 0;
      right: 0; }
    .detailsFieldsetWrap section .sectionContent .groupField input[type=text]:focus {
      border: 1px solid #0087C0; }
    .detailsFieldsetWrap section .sectionContent .groupField input[type=text]:disabled, .detailsFieldsetWrap section .sectionContent .groupField input[type=text]:read-only {
      background-color: transparent !important; }
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=text],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=password],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=date],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=datetime],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=datetime-local],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=email],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=month],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=number],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=tel],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=week],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field select {
    color: #000000; }
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=text]:disabled, .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=text]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=password]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=password]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=date]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=date]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=datetime]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=datetime]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=datetime-local]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=datetime-local]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=email]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=email]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=month]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=month]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=number]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=number]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=tel]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=tel]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=week]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field input[type=week]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field select:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field select:read-only {
      color: #999999; }
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field textarea:disabled, .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .field textarea:read-only {
    color: #999999; }
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=text],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=password],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=date],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=datetime],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=datetime-local],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=email],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=month],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=number],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=tel],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=week],
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField select {
    color: #000000; }
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=text]:disabled, .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=text]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=password]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=password]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=date]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=date]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=datetime]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=datetime]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=datetime-local]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=datetime-local]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=email]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=email]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=month]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=month]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=number]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=number]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=tel]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=tel]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=week]:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField input[type=week]:read-only,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField select:disabled,
    .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField select:read-only {
      color: #999999; }
  .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField textarea:disabled, .detailsFieldsetWrap.mobileEditEnabled section .sectionContent .groupField textarea:read-only {
    color: #999999; }

  /** Animation for ng-hide inside details sections **/
  section .sectionContent *:not(section):not(li)[ng-hide].ng-hide {
    display: none !important; }

  /** Expand/Collapse section icon **/
  section.expandable .sectionTitle:after {
    background: none !important; }

  section.closed .sectionTitle:after {
    background: none !important; }

  section .sectionContent .fieldGroup {
    font-size: 14px;
    border-bottom: 44px solid #e6e6e6; }

  section .sectionContent .fieldGroupTitle {
    position: static;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    font-size: 20px;
    color: #999;
    background: #e6e6e6;
    z-index: 2;
    text-transform: uppercase; }

  section .sectionContent .fieldGroupContent {
    height: 100%;
    margin-top: 0; }

  .fieldGroupBordered section .sectionContent .fieldGroupTitle {
    padding: 0 16px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    max-width: calc(100%); }
  .fieldGroupBordered section .sectionContent .fieldGroupContent {
    border: none; }

  .fieldHidden {
    display: none; } }

/*# sourceMappingURL=clDetails-mobile.css.map */

/** START: clDetails theme minimal directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.detailsDirective.details-theme-minimal .detailsContainer .headerSections > section {
  padding: 0 0 0 10px; }
  .detailsDirective.details-theme-minimal .detailsContainer .headerSections > section .sectionTitle {
    margin: 0;
    padding: 0; }
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field,
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField {
  float: left;
  width: 100%;
  display: flex; }
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent label {
  font-size: 10px;
  text-transform: uppercase;
  position: static !important;
  flex: 1;
  height: 30px;
  line-height: 30px; }
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email] {
  height: 30px;
  text-align: right;
  border: none;
  color: #006890;
  position: static !important;
  max-width: 50%;
  font-weight: 700; }
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].ng-invalid, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].ng-touched.ng-invalid {
    border: 2px solid #af1010; }
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].ng-invalid:focus, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].ng-touched.ng-invalid:focus {
    border: 1px solid #bfbfbf;
    outline-color: #af1010; }
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text]:disabled, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text]:read-only, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].ng-invalid:disabled, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].ng-invalid:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email]:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email]:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].ng-invalid:read-only {
    color: #e6e6e6;
    background: #fff; }
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].displayAsLabel, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].displayAsLabel:disabled, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=text].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=text].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=password].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=password].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=date].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=date].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=time].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=time].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=datetime-local].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=datetime-local].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=number].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=number].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=email].displayAsLabel:read-only,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].displayAsLabel,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].displayAsLabel:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=email].displayAsLabel:read-only {
    padding: 0;
    color: #000000;
    background: #fff;
    border: none; }
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=checkbox],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=checkbox],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field input[type=radio],
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField input[type=radio] {
  height: 23px;
  margin: 3px 5px;
  padding: 0 10px;
  line-height: 23px;
  border: 1px solid #bfbfbf; }
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select,
.detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select {
  height: 30px;
  font-weight: 700;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: -20px;
  padding-right: 23px;
  background: url("../../images/blue/arrow_down.svg?v=10.32.12.0") no-repeat right 5px center;
  background-size: 12px 12px;
  text-align-last: right; }
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select::-ms-expand,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select::-ms-expand {
    display: none; }
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select.ng-invalid, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select.ng-touched.ng-invalid,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select.ng-invalid,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select.ng-touched.ng-invalid {
    border: 2px solid #af1010; }
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select.ng-invalid:focus, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select.ng-touched.ng-invalid:focus,
  .ng-submitted .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select.ng-invalid:focus,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select.ng-touched.ng-invalid:focus {
    border: 1px solid #bfbfbf;
    outline-color: #af1010; }
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select:disabled, .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .field select.ng-invalid:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select:disabled,
  .detailsDirective.details-theme-minimal .detailsContainer section .sectionContent .groupField select.ng-invalid:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #e6e6e6;
    background: #fff;
    border: none; }
.detailsDirective.details-theme-minimal .onOffWrap {
  margin-top: 3px;
  position: static; }
.detailsDirective.details-theme-minimal .clDate {
  max-width: 50%; }
  .detailsDirective.details-theme-minimal .clDate .clDateInput {
    max-width: 100% !important; }
.detailsDirective.details-theme-minimal .clDatetime {
  max-width: 60%; }
  .detailsDirective.details-theme-minimal .clDatetime .clDatetimeDate {
    width: calc(50% - 5px) !important; }
  .detailsDirective.details-theme-minimal .clDatetime .clDatetimeTime {
    width: 50% !important; }
  .detailsDirective.details-theme-minimal .clDatetime .clDateInput {
    max-width: 100% !important; }
.detailsDirective.details-theme-minimal section .sectionContent *:not(section):not(li)[ng-hide] {
  opacity: 1;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms; }
.detailsDirective.details-theme-minimal section .sectionContent *:not(section):not(li)[ng-hide].ng-hide,
.detailsDirective.details-theme-minimal .sectionNav.ng-hide {
  display: none !important; }
.detailsDirective.details-theme-minimal .controlButtonsBar {
  margin-top: 4px;
  right: -25px;
  width: 25px !important; }
.detailsDirective.details-theme-minimal .controlButtonCombo .actualButton {
  background-image: url("../../images/blue/arrow_down.svg?v=10.32.12.0"); }

/** END: clDetails theme minimal directive **/

/*# sourceMappingURL=clDetails-theme-minimal.css.map */

/** START: clDetailsToolbar directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.detailsToolbar {
  position: relative;
  float: left;
  width: auto;
  height: 20px;
  margin: 20px 0 0 30px;
  line-height: 20px; }
  .detailsToolbar .detailsToolbarButtonContainer {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0 15px 0 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto; }
    .detailsToolbar .detailsToolbarButtonContainer.disabled {
      opacity: 0.4; }
    .detailsToolbar .detailsToolbarButtonContainer:last-child {
      margin: 0; }
    .detailsToolbar .detailsToolbarButtonContainer.group {
      background-image: url("../../images/0dd/arrow_filled_down_blue.svg?v=10.32.12.0"); }
      .detailsToolbar .detailsToolbarButtonContainer.group .detailsToolbarButton {
        padding-right: 10px; }
    .detailsToolbar .detailsToolbarButtonContainer.active .detailsToolbarMenuFirstLevel, .detailsToolbar .detailsToolbarButtonContainer.active .detailsToolbarMenuActionsFirstLevel {
      display: block; }
    .detailsToolbar .detailsToolbarButtonContainer .detailsToolbarButton {
      position: relative;
      box-sizing: border-box;
      width: auto;
      height: 20px;
      margin: 0;
      padding: 0 0 0 17px;
      font-size: 12px;
      font-weight: 700;
      line-height: 20px;
      color: #006890;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 12px 12px;
      cursor: pointer; }
      .detailsToolbar .detailsToolbarButtonContainer .detailsToolbarButton.actions {
        background-image: url("../../images/blue/settings.svg?v=10.32.12.0"); }
  .detailsToolbar .detailsToolbarMenuFirstLevel {
    position: absolute;
    display: none;
    top: calc(100% + 5px);
    width: 240px;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    outline-style: none;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    z-index: 1050; }
    .detailsToolbar .detailsToolbarMenuFirstLevel > li {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 30px;
      overflow: hidden;
      margin: 0;
      padding: 0 10px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #282828;
      line-height: 30px;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      cursor: pointer; }
      .detailsToolbar .detailsToolbarMenuFirstLevel > li:hover {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        background-color: #f7f7f7; }
      .detailsToolbar .detailsToolbarMenuFirstLevel > li:first-child {
        border-top: none; }
        .detailsToolbar .detailsToolbarMenuFirstLevel > li:first-child:hover {
          border-top: none; }
      .detailsToolbar .detailsToolbarMenuFirstLevel > li:last-child {
        border-bottom: none; }
        .detailsToolbar .detailsToolbarMenuFirstLevel > li:last-child:hover {
          border-bottom: none; }
  .detailsToolbar .detailsToolbarMenuActionsFirstLevel {
    position: absolute;
    display: none;
    top: calc(100% + 5px);
    width: 240px;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    outline-style: none;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    z-index: 1050; }
  .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem:first-child .detailsToolbarMenuActionsFirstLevelButton {
      border-top: none; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem:first-child .detailsToolbarMenuActionsFirstLevelButton:hover {
        border-top: none; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem:last-child .detailsToolbarMenuActionsFirstLevelButton:not(.label) {
      border-bottom: none; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem:last-child .detailsToolbarMenuActionsFirstLevelButton:not(.label):hover {
        border-bottom: none; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalUngrouped .detailsToolbarMenuActionsFirstLevelButton {
      display: none; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped .detailsToolbarMenuActionsFirstLevelButton.label {
        height: 28px;
        padding-right: 10px;
        background-color: transparent;
        border-top: none;
        border-bottom: none;
        cursor: default; }
        .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped .detailsToolbarMenuActionsFirstLevelButton.label:hover {
          border-top: none;
          border-bottom: none; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped:first-child {
        border-top: none; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped:last-child {
        border-bottom: none; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped + .detailsToolbarMenuActionsFirstLevelItem.internalGrouped {
        border-top: none; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped:hover .detailsToolbarMenuActionsSecondLevel {
      display: block; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped .detailsToolbarMenuActionsFirstLevelButton.label {
      padding-right: 20px; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem .detailsToolbarMenuActionsFirstLevelButton {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 30px;
      overflow: hidden;
      margin: 0;
      padding: 0 10px 0 27px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #282828;
      line-height: 30px;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      background-repeat: no-repeat;
      background-position: 10px center;
      background-size: 12px 12px;
      cursor: pointer; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem .detailsToolbarMenuActionsFirstLevelButton:hover {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        background-color: #f7f7f7; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem .detailsToolbarMenuActionsFirstLevelButton .detailsToolbarMenuActionsFirstLevelButtonArrow {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 100%;
        background: url("../../images/grey/arrow_right.svg?v=10.32.12.0") no-repeat right 3px top 9px;
        background-size: 12px 12px; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem .detailsToolbarMenuActionsSecondLevel {
      position: relative;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      list-style: none;
      outline-style: none; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem .detailsToolbarMenuActionsSecondLevel > li {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        overflow: hidden;
        margin: 0;
        padding: 0 10px 0 27px;
        font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #595959;
        line-height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 12px 12px;
        cursor: pointer; }
        .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem .detailsToolbarMenuActionsSecondLevel > li:hover {
          border-top: 1px solid #e6e6e6;
          border-bottom: 1px solid #e6e6e6;
          background-color: #f7f7f7; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalUngrouped .detailsToolbarMenuActionsSecondLevel > li {
      padding: 0 10px 0 27px;
      color: #282828;
      background-repeat: no-repeat;
      background-position: 10px center;
      background-size: 12px 12px; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalUngrouped .detailsToolbarMenuActionsSecondLevel > li:last-child {
        border-bottom: none; }
        .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalUngrouped .detailsToolbarMenuActionsSecondLevel > li:last-child:hover {
          border-bottom: none; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped .detailsToolbarMenuActionsSecondLevel > li {
      padding-left: 37px;
      background-image: none !important; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped .detailsToolbarMenuActionsSecondLevel > li:last-child {
        border-bottom: none; }
        .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.internalGrouped .detailsToolbarMenuActionsSecondLevel > li:last-child:hover {
          border-bottom: none; }
    .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped .detailsToolbarMenuActionsSecondLevel {
      position: absolute;
      display: none;
      top: 0;
      left: 100%;
      width: 240px;
      background: #ffffff;
      background-image: none !important;
      border: 1px solid #bfbfbf; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped .detailsToolbarMenuActionsSecondLevel li {
        color: #282828; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped .detailsToolbarMenuActionsSecondLevel li:first-child {
        border-top: none; }
        .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped .detailsToolbarMenuActionsSecondLevel li:first-child:hover {
          border-top: none; }
      .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped .detailsToolbarMenuActionsSecondLevel li:last-child {
        border-bottom: none; }
        .detailsToolbar .detailsToolbarMenuActionsFirstLevel .detailsToolbarMenuActionsFirstLevelItem.externalGrouped .detailsToolbarMenuActionsSecondLevel li:last-child:hover {
          border-bottom: none; }

/** END: clDetailsToolbar directive **/

/*# sourceMappingURL=clDetailsToolbar.css.map */

/** START: clDiagram directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.diagramDirective {
  position: relative;
  height: 100%;
  width: calc(100% + 40px);
  margin-left: -20px; }
  .diagramDirective .diagram_left_panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: 283px;
    border-right: 1px solid #999;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out; }
    .diagramDirective .diagram_left_panel .panel_title {
      position: relative;
      background: #f2f2f2;
      color: #999;
      height: 44px;
      font-size: 12px;
      font-weight: 700;
      line-height: 44px;
      text-transform: uppercase;
      padding-left: 30px; }
      .diagramDirective .diagram_left_panel .panel_title .panel_collapse {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 44px;
        background: url("../../images/grey/arrow_left.svg?v=10.32.12.0") no-repeat 10px center;
        background-size: 12px 12px;
        cursor: pointer; }
    .diagramDirective .diagram_left_panel .panel_content {
      height: calc(100% - 194px);
      overflow: auto; }
    .diagramDirective .diagram_left_panel .diagram_navigator {
      width: 100%;
      height: 150px;
      background-color: #f2f2f2; }
    .diagramDirective .diagram_left_panel.collapsed {
      width: 0;
      border: none; }
      .diagramDirective .diagram_left_panel.collapsed .panel_title {
        padding: 0; }
        .diagramDirective .diagram_left_panel.collapsed .panel_title span {
          display: none; }
        .diagramDirective .diagram_left_panel.collapsed .panel_title .panel_collapse {
          right: -26px;
          left: auto;
          top: 45px;
          height: 26px;
          width: 26px;
          background: #fff url("../../images/grey/arrow_right.svg?v=10.32.12.0") no-repeat center center;
          background-size: 8px 8px;
          border: 1px solid #bebebe;
          border-left: none;
          z-index: 1; }
      .diagramDirective .diagram_left_panel.collapsed .diagram_navigator {
        display: none; }
  .diagramDirective .diagram_right_panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: calc(100% - 283px);
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out; }
    .diagramDirective .diagram_right_panel.full {
      width: 100%; }
  .diagramDirective .toolbar_wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    height: 45px;
    width: 100%;
    padding: 0 10px; }
    .diagramDirective .toolbar_wrapper .toolbar_right {
      float: right;
      height: 45px;
      width: auto; }
    .diagramDirective .toolbar_wrapper .toolbar_left {
      float: left;
      height: 45px;
      width: auto; }
    .diagramDirective .toolbar_wrapper .toolbar_button {
      float: left;
      width: 30px;
      height: 45px;
      background-position: center center;
      background-size: 20px 20px;
      background-repeat: no-repeat;
      cursor: pointer;
      font-size: 12px;
      line-height: 45px;
      font-weight: 400;
      color: #006890; }
      .diagramDirective .toolbar_wrapper .toolbar_button.parent {
        position: relative; }
      .diagramDirective .toolbar_wrapper .toolbar_button.undo {
        background-image: url("../../images/blue/undo.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.redo {
        background-image: url("../../images/blue/reload.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.zoom {
        padding: 0 18px 0 5px;
        background: url("../../images/blue/arrow_down.svg?v=10.32.12.0") no-repeat right 5px center;
        background-size: 9px 9px;
        width: auto;
        position: relative; }
      .diagramDirective .toolbar_wrapper .toolbar_button.info {
        background-image: url("../../images/blue/info_circle.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.grid {
        background-image: url("../../images/blue/grid.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.snapLines {
        background-image: url("../../images/blue/align_left.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.add {
        background-image: url("../../images/blue/template_add.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.cursor {
        background-image: url("../../images/blue/cursor.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.cl-Transition {
        background-image: url("../../images/blue/arrow-filled.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.cl-Message {
        background-image: url("../../images/blue/arrow-open-dotted.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.cl-CompositionAssociation {
        background-image: url("../../images/blue/diamond-filled.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.cl-BinaryAssociation {
        background-image: url("../../images/blue/arrow-open.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.cl-Inheritance {
        background-image: url("../../images/blue/arrow-empty.svg?v=10.32.12.0"); }
      .diagramDirective .toolbar_wrapper .toolbar_button.disabled {
        opacity: 0.4; }
    .diagramDirective .toolbar_wrapper .separator {
      float: left;
      background: #e6e6e6;
      height: 45px;
      width: 2px;
      margin: 0 10px; }
    .diagramDirective .toolbar_wrapper .toolbar_submenu {
      position: absolute;
      top: 45px;
      left: 0;
      background-color: #fff;
      margin: 0;
      padding: 0;
      list-style: none;
      z-index: 100;
      border: 1px solid #e6e6e6;
      line-height: 30px; }
      .diagramDirective .toolbar_wrapper .toolbar_submenu li {
        padding: 0 20px; }
      .diagramDirective .toolbar_wrapper .toolbar_submenu li.active,
      .diagramDirective .toolbar_wrapper .toolbar_submenu li:hover {
        background-color: #297fb8;
        color: #fff; }
  .diagramDirective .diagram_area_wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f2f2f2;
    height: calc(100% - 44px);
    width: 100%;
    overflow: auto;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out; }
    .diagramDirective .diagram_area_wrapper.small {
      height: calc(65% - 44px); }
    .diagramDirective .diagram_area_wrapper .paper {
      position: relative;
      height: 100%;
      width: 100%; }
  .diagramDirective .bottom_area_wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 1px solid #bebebe;
    height: 35%;
    width: 100%;
    position: relative;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out; }
    .diagramDirective .bottom_area_wrapper .panel_collapse {
      position: absolute;
      left: 0;
      top: -26px;
      height: 26px;
      width: 26px;
      background: #fff url("../../images/grey/arrow_down.svg?v=10.32.12.0") no-repeat center center;
      background-size: 8px 8px;
      border: 1px solid #bebebe;
      border-bottom: none;
      z-index: 2;
      cursor: pointer; }
    .diagramDirective .bottom_area_wrapper .detailsDirective {
      height: 100%;
      position: relative; }
    .diagramDirective .bottom_area_wrapper.collapsed {
      height: 0;
      border: none; }
      .diagramDirective .bottom_area_wrapper.collapsed .panel_collapse {
        background-image: url("../../images/grey/arrow_up.svg?v=10.32.12.0"); }
  .diagramDirective .properties_panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 45px;
    bottom: 0;
    width: 0;
    border-top: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    z-index: 1; }
    .diagramDirective .properties_panel .panel_title {
      position: relative;
      height: 26px;
      line-height: 26px;
      color: #bebebe;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 0 10px; }
      .diagramDirective .properties_panel .panel_title .panel_collapse {
        position: absolute;
        top: 0;
        right: 0;
        width: 26px;
        height: 26px;
        background: url("../../images/grey/arrow_right.svg?v=10.32.12.0") no-repeat center center;
        background-size: 8px 8px;
        cursor: pointer; }
    .diagramDirective .properties_panel .panel_content {
      height: calc(100% - 26px);
      overflow: auto; }
    .diagramDirective .properties_panel.collapsed {
      width: 0;
      border: none; }
      .diagramDirective .properties_panel.collapsed .panel_title span {
        display: none; }
      .diagramDirective .properties_panel.collapsed .panel_title .panel_collapse {
        left: -26px;
        right: auto;
        background: #fff url("../../images/grey/arrow_left.svg?v=10.32.12.0") no-repeat center center;
        background-size: 8px 8px;
        border: 1px solid #bebebe;
        border-right: none; }
    .diagramDirective .properties_panel.expanded {
      width: 282px; }
  .diagramDirective .zoom_menu {
    position: absolute;
    right: 0;
    background-color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 100;
    border: 1px solid #e6e6e6;
    line-height: 30px;
    width: 70px;
    text-align: center; }
    .diagramDirective .zoom_menu li.active,
    .diagramDirective .zoom_menu li:hover {
      background-color: #297fb8;
      color: #fff; }
  .diagramDirective .auto-save-message {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 11px;
    color: #fff;
    padding: 0 29px;
    z-index: 1000;
    background: #297fb8 url("../../images/white/reload.svg?v=10.32.12.0") no-repeat 8px center;
    background-size: 12px;
    height: 29px;
    line-height: 29px; }

/** JOINTJS CHANGES **/
.joint-link.joint-theme-default .connection-wrap {
  stroke-width: 5px;
  stroke: #09f; }
.joint-link.joint-theme-default .labels rect {
  opacity: .9; }
.joint-link.cl-selected-cell {
  /*.label rect {
    fill: #09f;
    opacity: .3;
    stroke: #09f;
    stroke-opacity: .3;
  }*/ }
  .joint-link.cl-selected-cell .connection {
    stroke: #09f; }
  .joint-link.cl-selected-cell .connection-wrap {
    opacity: .5;
    stroke-opacity: .8; }
  .joint-link.cl-selected-cell .marker-target {
    fill: #09f; }
  .joint-link.cl-selected-cell .label text {
    fill: #09f; }

.joint-element text {
  stroke-width: 0; }
.joint-element .element-wrap {
  opacity: 0;
  fill: none;
  stroke-width: 5px;
  stroke: #09f; }
.joint-element.cl-selected-cell .element-body {
  stroke: #09f; }
.joint-element.cl-selected-cell .element-wrap {
  opacity: .5;
  stroke-opacity: .8; }
.joint-element.cl-selected-cell .btn-add-child-rect {
  fill: #EAF1F7;
  stroke-width: 0; }
.joint-element.cl-selected-cell .btn-add-child-path {
  fill: #006890;
  stroke-width: 0; }
.joint-element.cl-selected-cell .cl-selected-attribute .btn-remove-child {
  height: 15px;
  width: 15px; }
.joint-element .btn-add-child-rect {
  stroke-width: 0; }
.joint-element .btn-add-child-path {
  stroke-width: 0; }
.joint-element .attribute {
  stroke-width: 0; }
.joint-element .port-body {
  stroke-width: 0; }

.hide-ports .port-body {
  display: none; }

.available-cell {
  stroke-width: 3;
  stroke: #006890; }

.available-magnet {
  stroke-width: 3;
  stroke: #006890; }

/** END: clDiagram directive **/

/*# sourceMappingURL=clDiagram-all.css.map */

/** START: clDiagramTreeview directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.diagram_treeview_directive .search_wrapper {
  position: relative;
  width: 100%;
  height: 30px;
  overflow: visible;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .diagram_treeview_directive .search_wrapper .search_input {
    height: 23px;
    font-size: 12px;
    font-weight: 400;
    color: #006890;
    border: 1px solid #96bfdd;
    background-color: #ffffff;
    padding: 0 3px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
    color: #006890;
    border: 1px solid #f2f2f2;
    margin: 0;
    padding: 0 20px 0 15px;
    background: #fff url("../../images/grey/search.svg?v=10.32.12.0") no-repeat right 5px center;
    background-size: 12px 12px;
    width: 100%; }
    .diagram_treeview_directive .search_wrapper .search_input.hasClear {
      background-image: url("../../images/grey/close.svg?v=10.32.12.0"); }
  .diagram_treeview_directive .search_wrapper .closeBtn {
    position: absolute;
    width: 21px;
    height: 21px;
    cursor: pointer;
    top: 4px;
    right: 2px;
    display: none; }
    .diagram_treeview_directive .search_wrapper .closeBtn.visible {
      display: block; }
.diagram_treeview_directive ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.diagram_treeview_directive .category > .category_title {
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-transform: uppercase;
  color: #282828;
  font-weight: 700;
  padding-left: 15px; }
  .diagram_treeview_directive .category > .category_title:hover {
    background-color: #f2f2f2; }
.diagram_treeview_directive .category > .category_content {
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  overflow: hidden; }
.diagram_treeview_directive .item > .item_title {
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #595957;
  cursor: pointer;
  padding: 0 20px 0 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .diagram_treeview_directive .item > .item_title:hover, .diagram_treeview_directive .item > .item_title.active {
    background-color: #297fb8;
    color: #fff; }
.diagram_treeview_directive .item .category > .category_title {
  padding-left: 45px; }
.diagram_treeview_directive .subcategories_content .item_title {
  padding-left: 60px; }
.diagram_treeview_directive .closed {
  height: 0 !important;
  overflow: hidden; }
.diagram_treeview_directive .highlightedText {
  background-color: yellow;
  color: #282828; }
.diagram_treeview_directive .toggle_arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 9px 9px;
  cursor: pointer; }
  .diagram_treeview_directive .toggle_arrow.arrow_up {
    background-image: url("../../images/grey/arrow_up.svg?v=10.32.12.0"); }

/** END: clDiagramTreeview directive **/

/*# sourceMappingURL=clDiagramTreeview-all.css.map */

/** START: clDragScroll directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.dragScrollActive {
  cursor: move; }

/** END: clDragScroll directive **/

/*# sourceMappingURL=clDragScroll.css.map */

/** START: clImageContainer directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.imageContainer {
  background-repeat: no-repeat;
  border: 1px solid #96bfdd;
  cursor: pointer;
  z-index: initial;
  background-color: #fff;
  outline: none;
  font-size: 12px;
  line-height: 23px;
  border-radius: 4px; }
  .imageContainer.empty {
    background-image: url("../../images/grey/paperclip.svg?v=10.32.12.0");
    background-size: 18px 18px !important;
    background-position: center center !important; }
  .imageContainer .emptyContainer {
    padding-left: 3px; }
  .imageContainer.defaultContainer {
    width: 50px;
    height: 50px; }
  .imageContainer .hiddenFile {
    width: 0;
    height: 0;
    overflow: hidden; }
  .imageContainer .progress {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-appearance: none;
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    color: #282828; }
  .imageContainer .progress::-webkit-progress-bar {
    height: 5px;
    background: #d9d9d9;
    position: absolute;
    bottom: 5px; }
  .imageContainer .progress::-webkit-progress-value {
    background-color: #006890; }
  .imageContainer .downloadFile {
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid #bfbfbf;
    top: 0px;
    right: 0;
    background: #fff url("../../images/blue/save.svg?v=10.32.12.0") no-repeat center center;
    background-size: 90% 90%;
    cursor: pointer;
    transition: right 0.2s ease-in-out 0s, z-index 0.1s linear;
    z-index: -1;
    visibility: hidden; }
    .imageContainer .downloadFile.noBorder {
      border: 0px solid #bfbfbf; }
  .imageContainer:hover .downloadFile,
  .imageContainer:hover .deleteFile {
    right: -22px;
    z-index: 1;
    transition: right 0.2s ease-in-out 0s, z-index 0.1s linear 0.2s;
    visibility: visible; }
  .imageContainer .deleteFile {
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid #bfbfbf;
    top: 23px;
    right: 0;
    background: #fff url("../../images/blue/delete.svg?v=10.32.12.0") no-repeat center center;
    background-size: 90% 90%;
    cursor: pointer;
    transition: right 0.2s ease-in-out 0s, z-index 0.1s linear;
    z-index: -1;
    visibility: hidden; }
    .imageContainer .deleteFile.noBorder {
      border: 0px solid #bfbfbf; }
  .imageContainer .pdfViewerWrapper {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%; }

.fileNameAndFileSize {
  float: left;
  width: calc(100% - 5px);
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  color: #006890; }
  .fileNameAndFileSize .fileSize {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    width: 70px;
    text-align: right;
    padding-right: 5px;
    box-sizing: border-box; }
  .fileNameAndFileSize .fileName {
    float: left;
    width: calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    box-sizing: border-box; }

.fileNameAndRemove {
  color: #006890;
  padding: 0 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: text; }
  .fileNameAndRemove .fileName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0; }

/** END: clImageContainer directive **/

/*# sourceMappingURL=clFile.css.map */

/** START: clFilterInput directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.filterInputContainer {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 110px;
  height: 20px;
  overflow: visible;
  margin: 5px 10px 5px 0;
  padding: 0;
  border: 1px solid #cbcbcb;
  border-radius: 4px; }
  .filterInputContainer .search-icon {
    position: absolute;
    transform: scaleX(-1);
    font-size: 10px;
    height: 12px;
    margin-left: 4px;
    margin-top: 3.5px;
    color: #CBCBCB; }
  .filterInputContainer.inListMenu {
    margin: 5px 0 5px 0; }
  .filterInputContainer input.globalFilterInput {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: calc(100% - 18px);
    height: 18px;
    margin: 0;
    padding: 3px 0 3px 18px;
    line-height: 18px;
    font-size: 12px;
    color: #282828;
    outline: none;
    background: transparent;
    border: 0;
    /* Firefox 18- */
    /* Firefox 19+ */ }
    .filterInputContainer input.globalFilterInput::-webkit-input-placeholder {
      color: #999999; }
    .filterInputContainer input.globalFilterInput:-moz-placeholder {
      color: #999999; }
    .filterInputContainer input.globalFilterInput::-moz-placeholder {
      color: #999999; }
    .filterInputContainer input.globalFilterInput:-ms-input-placeholder {
      color: #999999; }
    .filterInputContainer input.globalFilterInput:focus {
      outline-offset: 0; }
      .filterInputContainer input.globalFilterInput:focus::placeholder {
        color: #A3A3A3; }
    .filterInputContainer input.globalFilterInput::placeholder {
      color: #A3A3A3; }
  .filterInputContainer .quickFiltersButton {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    color: #CBCBCB;
    cursor: pointer; }
    .filterInputContainer .quickFiltersButton.active::before {
      content: "\E96D" !important; }

/** END: clFilterInput directive **/

/*# sourceMappingURL=clFilterInput.css.map */

/** START: clFiltersDropdown directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.clFiltersDropdown {
  position: absolute;
  min-width: 181px;
  height: auto;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  z-index: 1050;
  outline-style: none; }
  .clFiltersDropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    outline-style: none; }
    .clFiltersDropdown ul li {
      position: relative;
      box-sizing: border-box;
      width: auto;
      height: 30px;
      margin: 0;
      padding: 0 10px;
      line-height: 30px;
      cursor: pointer;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff; }
      .clFiltersDropdown ul li:focus {
        border-top-color: #e6e6e6;
        border-bottom-color: #e6e6e6;
        background-color: #f7f7f7;
        outline-style: none; }
    .clFiltersDropdown ul li.disabled {
      color: #999999;
      cursor: default; }
    .clFiltersDropdown ul li.separator {
      width: auto;
      height: 1px;
      margin: 5px 10px;
      padding: 0;
      border-top: 1px solid #bfbfbf; }
  .clFiltersDropdown ul:first-child li:first-child {
    border-top: none; }
  .clFiltersDropdown ul:last-child li:last-child {
    border-bottom: none; }
  .clFiltersDropdown .removeAllFilters {
    position: relative;
    box-sizing: border-box;
    width: auto;
    height: 30px;
    margin: 0;
    padding: 0 10px;
    line-height: 30px;
    cursor: pointer;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff; }
    .clFiltersDropdown .removeAllFilters:hover {
      border-top-color: #e6e6e6;
      border-bottom-color: #e6e6e6;
      background-color: #f7f7f7;
      outline-style: none; }

/*# sourceMappingURL=clFiltersDropdown.css.map */

/** START: clGeneralToolbar directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
@keyframes blinker {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.generalToolbar {
  display: inline-block;
  float: left;
  width: auto;
  height: 100%;
  outline: none;
  /** tabindex adds an outline to div - tabindex is required to have focusout/blur **/
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .generalToolbar.toolbar-position-right {
    float: right; }
  .generalToolbar .generalToolbarButton:hover {
    background-color: rgba(0, 0, 0, 0.2); }
  .generalToolbar .generalToolbarButton {
    display: inline-block;
    float: left;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    background: transparent no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    position: relative;
    z-index: 50; }
    .generalToolbar .generalToolbarButton.general {
      font-size: 20px;
      text-align: center;
      padding-top: 11px;
      color: #FFF; }
    .generalToolbar .generalToolbarButton.user {
      color: #FFF;
      font-size: 20px;
      text-align: center;
      padding-top: 11px; }
    .generalToolbar .generalToolbarButton.treeview {
      font-size: 20px;
      text-align: center;
      padding-top: 11px;
      color: #FFF; }
    .generalToolbar .generalToolbarButton.chat {
      color: #FFF;
      font-size: 20px;
      text-align: center;
      padding-top: 11px; }
    .generalToolbar .generalToolbarButton.overview {
      background-image: url("../../images/white/overview.svg?v=10.32.12.0"); }
    .generalToolbar .generalToolbarButton.settings {
      color: #FFF;
      font-size: 20px;
      text-align: center;
      padding-top: 11px; }
    .generalToolbar .generalToolbarButton.user-feed {
      color: #FFF;
      font-size: 20px;
      text-align: center;
      padding-top: 11px; }
    .generalToolbar .generalToolbarButton.active, .generalToolbar .generalToolbarButton.pinned {
      z-index: 51;
      background-color: white;
      border: 1px solid #bfbfbf;
      border-bottom: 0; }
      .generalToolbar .generalToolbarButton.active.general, .generalToolbar .generalToolbarButton.pinned.general {
        font-size: 20px;
        text-align: center;
        padding-top: 11px;
        color: #007FD3; }
      .generalToolbar .generalToolbarButton.active.user, .generalToolbar .generalToolbarButton.pinned.user {
        color: #006890;
        font-size: 20px;
        text-align: center;
        padding-top: 11px; }
      .generalToolbar .generalToolbarButton.active.treeview, .generalToolbar .generalToolbarButton.pinned.treeview {
        font-size: 20px;
        text-align: center;
        padding-top: 11px;
        color: #007FD3; }
      .generalToolbar .generalToolbarButton.active.chat, .generalToolbar .generalToolbarButton.pinned.chat {
        color: #006890;
        font-size: 20px;
        text-align: center;
        padding-top: 11px; }
      .generalToolbar .generalToolbarButton.active.overview, .generalToolbar .generalToolbarButton.pinned.overview {
        background-image: url("../../images/blue/overview.svg?v=10.32.12.0"); }
      .generalToolbar .generalToolbarButton.active.settings, .generalToolbar .generalToolbarButton.pinned.settings {
        color: #006890;
        font-size: 20px;
        text-align: center;
        padding-top: 11px; }
      .generalToolbar .generalToolbarButton.active.user-feed, .generalToolbar .generalToolbarButton.pinned.user-feed {
        color: #006890;
        font-size: 20px;
        text-align: center;
        padding-top: 11px; }
    .generalToolbar .generalToolbarButton span.blinkRecorder {
      position: relative;
      background-color: #ff0000;
      display: inline-block;
      border-radius: 50px;
      top: 18px;
      height: 12px;
      left: 25px;
      width: 12px;
      animation: blinker 1.5s cubic-bezier(0.77, -0.01, 0.19, 0.89) infinite; }
    .generalToolbar .generalToolbarButton .clear {
      clear: both; }
  .generalToolbar .recentTitle {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0 10px 0;
    padding: 0 15px;
    font-size: 30px;
    color: #006890; }
  .generalToolbar .hamburgerMenu {
    display: none;
    width: 90px;
    height: 90px;
    background-color: transparent;
    background-image: url("../../images/white/hamburger.svg?v=10.32.12.0");
    background-size: auto 24px;
    background-position: 33px 33px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    cursor: pointer; }
    .generalToolbar .hamburgerMenu.active {
      background-image: url("../../images/black/hamburger.svg?v=10.32.12.0");
      background-color: #ffffff; }

/** Media queries **/
@media all and (max-width: 750px) {
  .generalToolbar {
    width: auto;
    height: auto; }
    .generalToolbar .generalToolbarButton {
      display: none; }
    .generalToolbar .hamburgerMenu {
      display: block; } }
/** END: clGeneralToolbar directive **/
/*.generalToolbar {
    float: left;
    width: 180px;

    .generalToolbarButton {
      float: left;
      width: 90px;
      height: 90px;
      margin: 0;
      background: transparent no-repeat center;
      background-size: 60px 60px;
      cursor: pointer;

      &.general {
        background-size: 60px 60px;
        background-position: center 22px;
      }

      &.user {
        display: none;
      }

      &.overview {
        display: none;
      }

      &.active {
        background-color: $lightGrayBackgroundColor;

        &.general {
        }

        &.user {
          background-image: url(generate-url('../../images/blue/user.svg'));
        }

        &.overview {
          background-image: url(generate-url('../../images/blue/overview.svg'));
        }
      }
    }
  }*/

/*# sourceMappingURL=clGeneralToolbar.css.map */

/** START: clGeneralToolbarDropdownMenu **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.generalToolbarDropdownMenu {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 45px;
  left: 0;
  width: 100%;
  max-width: 405px;
  height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  background: #ffffff;
  z-index: 50;
  -webkit-transition: height 0.35s ease-in, opacity 0s 0.35s ease-in;
  transition: height 0.35s ease-in, opacity 0s 0.35s ease-in;
  opacity: 0;
  outline: none;
  border: 1px solid #ffffff;
  border-bottom: 0; }
  .generalToolbarDropdownMenu.environments-list {
    overflow-y: hidden;
    border-right: 1px solid #DDDDDD; }
  .generalToolbarDropdownMenu.no-sso-environments-list {
    overflow-y: hidden;
    border-right: 1px solid #DDDDDD; }
  .generalToolbarDropdownMenu.treeview-menu {
    border-right: 1px solid #DDDDDD; }
  .generalToolbarDropdownMenu.user-feed {
    border-right: 1px solid #DDDDDD; }
  .toolbar-position-right .generalToolbarDropdownMenu {
    left: auto;
    right: 0;
    max-width: 409px; }
    .toolbar-position-right .generalToolbarDropdownMenu.teams-chat {
      max-width: 700px;
      overflow: hidden;
      border-left: 1px solid #DDDDDD; }
      .toolbar-position-right .generalToolbarDropdownMenu.teams-chat .generalToolbarDropdownMenuPin {
        top: 30px;
        left: 221px; }
    .toolbar-position-right .generalToolbarDropdownMenu.settings {
      border-left: 1px solid #DDDDDD; }
    .toolbar-position-right .generalToolbarDropdownMenu.user {
      border-left: 1px solid #DDDDDD; }
  .generalToolbarDropdownMenu.generalToolbarDropdownResizable {
    max-width: 50% !important;
    width: 405px;
    min-width: 200px;
    overflow-y: hidden; }
    .generalToolbarDropdownMenu.generalToolbarDropdownResizable .ui-resizable-e {
      right: 0;
      width: 5px; }
  .generalToolbarDropdownMenu.active {
    height: 100%;
    max-height: calc(100% - 44px);
    transition-delay: 0s !important;
    opacity: 1; }
  .generalToolbarDropdownMenu.pinned {
    height: 100%;
    max-height: calc(100% - 44px);
    -webkit-transition: unset !important;
    transition: unset !important;
    transition-delay: unset !important;
    opacity: 1;
    z-index: 49 !important; }
  .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent {
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1;
    color: #282828;
    background: #ffffff 0% 0% no-repeat padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .title {
      display: flex;
      align-items: baseline;
      padding: 24px 16px 0;
      font-weight: bold;
      font-size: 21px;
      margin-bottom: 24px;
      line-height: 28px; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .title .userJobTitle {
        margin-left: 5px;
        font-weight: normal;
        font-size: 14px;
        color: #a3a3a3; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .info {
      padding: 0 16px;
      display: flex;
      align-items: center;
      margin-bottom: 12px !important; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .info .userPhoto {
        width: 32px;
        height: 32px;
        margin-right: 8px;
        border: 1px solid #707070;
        background-size: 32px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .info .userEmail {
        font-weight: 600;
        font-size: 14px; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .menuManagement {
      font-weight: bold !important;
      background-color: #ffffff !important; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .menuManagement.ci-fabric-chevron-right-small::before, .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .menuManagement.ci-fabric-chevron-down-small::before {
        font-size: 12px;
        margin-right: 8px;
        color: #282828; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .menuManagement-content div.item {
        padding: 8px 34px;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        line-height: 16px; }
        .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .menuManagement-content div.item.active {
          background: #eaf1f6 0% 0% no-repeat padding-box;
          color: #007fd3; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .logs {
      padding: 8px 16px;
      font-weight: 600;
      font-size: 14px;
      cursor: pointer;
      line-height: 16px; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .logs:hover,
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .menuManagement-content.item:hover,
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userDetails .userLinks li:hover,
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userLogout:hover {
      background: #eaf1f6 0% 0% no-repeat padding-box; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userDetails {
      display: flex; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userDetails .userLinks {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none; }
        .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userDetails .userLinks li {
          padding: 8px 16px; }
          .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userDetails .userLinks li .userLink {
            display: inline-block;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
            line-height: 16px;
            width: 100%; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userLogout {
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 14px;
      margin-top: 3px;
      line-height: 16px;
      padding: 8px 16px;
      width: 100%;
      cursor: pointer; }
  .generalToolbarDropdownMenu .generalToolbarDropdownMenuPin {
    position: absolute;
    top: 31px;
    right: 14px;
    background: url("../../images/black/pinit.svg?v=10.32.12.0") no-repeat center center;
    background-size: 12px 12px;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuPin.pinned {
      transform: rotate(-45deg); }
  .generalToolbarDropdownMenu .concernsAndCompaniesList {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 0;
    font-family: Nunito,sans-serif;
    padding: 0; }
    .generalToolbarDropdownMenu .concernsAndCompaniesList::-webkit-scrollbar {
      width: 5px; }
    .generalToolbarDropdownMenu .concernsAndCompaniesList::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 5px; }
    .generalToolbarDropdownMenu .concernsAndCompaniesList::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  .generalToolbarDropdownMenu .concernAndCompaniesInfo {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 0; }
  .generalToolbarDropdownMenu .chevron-container {
    display: flex;
    padding-left: 16px; }
  .generalToolbarDropdownMenu .concernchevrons {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
  .generalToolbarDropdownMenu .concern {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #282828;
    font-weight: 700; }
  .generalToolbarDropdownMenu .company {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 33px;
    overflow: hidden;
    padding: 0 0 0 60px;
    background-size: 10px 10px;
    cursor: pointer;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff; }
    .generalToolbarDropdownMenu .company:focus {
      outline: none;
      background-color: #f7f7f7;
      border-top: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6; }
    .generalToolbarDropdownMenu .company:hover {
      background-color: #eaf1f6; }
    .generalToolbarDropdownMenu .company.current {
      background: #eaf1f6 0 0 no-repeat padding-box;
      color: #007fd3 !important; }
      .generalToolbarDropdownMenu .company.current .companyName,
      .generalToolbarDropdownMenu .company.current .concernAndCompanyCodes {
        color: #006890; }
      .generalToolbarDropdownMenu .company.current .companyIcon {
        border: 1px solid #006890; }
  .generalToolbarDropdownMenu .companyIcon {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 6px;
    left: 33px;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    background: #f2f2f2 no-repeat center;
    background-size: contain;
    border: 1px solid #e5e5e5; }
  .generalToolbarDropdownMenu .companyInfo {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 28px;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .generalToolbarDropdownMenu .companyName {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 40px);
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0 10px 0 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #282828; }
  .generalToolbarDropdownMenu .concernAndCompanyCodes {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 100%;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #cbcbcb; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .option {
    background-size: 12px 13px; }

  .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userName,
  .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .concern {
    font-weight: normal;
    text-shadow: 0.5px 0 0 #282828; }

  .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent {
    border-left: 1px solid #DDDDDD !important; } }
@media only screen and (max-width: 750px) {
  .generalToolbarDropdownMenu {
    width: 100%;
    max-width: 100%;
    top: 90px;
    border: 0; }
    .generalToolbarDropdownMenu.active {
      height: 100%;
      max-height: calc(100% - 89px);
      transition-delay: 0s !important;
      opacity: 1; }
    .generalToolbarDropdownMenu.pinned {
      height: 100%;
      max-height: calc(100% - 89px);
      -webkit-transition: unset !important;
      transition: unset !important;
      transition-delay: unset !important;
      opacity: 1;
      z-index: 49 !important; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .info,
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .logs,
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userDetails .userLinks li span,
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .menuManagement-content div.item,
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userJobTitle {
      font-size: 22px !important;
      height: 60px;
      align-items: center;
      display: flex !important;
      margin: 0 !important; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .userEmail {
      font-size: 22px !important; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .topBorder {
      border-top: 1px solid #e6e6e6; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .title {
      font-size: 28px;
      padding: 16px 16px 0;
      padding-top: 16px;
      margin: 0; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .concernsAndCompaniesList {
      margin: 0;
      padding: 0; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .concernAndCompaniesInfo {
      margin: 0;
      padding: 0; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .concern {
      font-size: 22px !important;
      font-weight: bold;
      padding: 0 16px;
      height: 60px;
      align-items: center;
      display: flex !important; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .company {
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 60px;
      overflow: hidden;
      padding: 0 0 0 130px;
      background: #ffffff url("../../images/0dd/selection_box_lightgrey.svg?v=0.4.1.6") no-repeat 30px center;
      background-size: 20px;
      cursor: pointer;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .company:focus {
        outline: none;
        background-color: #f7f7f7;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6; }
      .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .company.current {
        background-image: url("../../images/0dd/selection_box_lightblue.svg?v=10.32.12.0"); }
        .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .company.current .companyName,
        .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .company.current .concernAndCompanyCodes {
          color: #006890; }
        .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .company.current .companyIcon {
          border: 1px solid #006890; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .companyIcon {
      position: absolute;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      top: 9px;
      left: 70px;
      width: 40px;
      height: 40px; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .companyInfo {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 60px;
      overflow: hidden;
      margin: 0;
      padding: 0; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .companyName {
      width: calc(100% - 90px);
      height: 60px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px;
      font-size: 22px;
      line-height: 60px; }
    .generalToolbarDropdownMenu .generalToolbarDropdownMenuContent .concernAndCompanyCodes {
      width: 70px;
      height: 60px;
      font-size: 22px;
      line-height: 60px; }

  .companyMenuButton.active {
    height: 60px; }

  .companyMenuButton.active .companyMenuIcon {
    height: 60px;
    background-color: #f2f2f2; }

  .companyMenuButton.active .companyMenuArrow {
    height: 60px;
    background: #f2f2f2 url("../../images/blue/arrow_filled_up.svg?v=10.32.12.0") no-repeat center 28px;
    background-size: 7px 5px; }

  .addMenuButton.active {
    height: 60px; }

  .addMenuButton.active .addMenuIcon {
    height: 60px;
    background: url("../../images/blue/add.svg?v=10.32.12.0") center 16px no-repeat;
    background-color: #f2f2f2;
    background-size: 60px 60px; }

  .addMenuButton.active .addMenuArrow {
    height: 60px;
    background: #f2f2f2 url("../../images/blue/arrow_filled_up.svg?v=10.32.12.0") no-repeat center 28px;
    background-size: 7px 5px; } }
/** END: clGeneralToolbarDropdownMenu **/

/*# sourceMappingURL=clGeneralToolbarDropdownMenu.css.map */

/** START: clGeneralToolbar directive - treeview menu custom styles **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/

/*# sourceMappingURL=cln.css.map */

.iframeDirective iframe {
  border: none;
  height: 100%;
  width: 100%; }

/*# sourceMappingURL=clIframe.css.map */

/** START: clImageContainer directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.imageContainerOld {
  background-repeat: no-repeat;
  border: 1px solid #bfbfbf;
  cursor: pointer; }
  .imageContainerOld.defaultContainer {
    width: 50px;
    height: 50px; }
  .imageContainerOld .hiddenFile {
    width: 0px;
    height: 0px;
    overflow: hidden; }
  .imageContainerOld .deleteImageWrapper {
    height: 100%;
    width: 100%; }
    .imageContainerOld .deleteImageWrapper .deleteImageAttachment {
      width: 100%;
      height: 100%;
      background: #4b4b49;
      opacity: 0;
      transition: opacity 0.3s; }
    .imageContainerOld .deleteImageWrapper .deleteButton {
      background: url("../../images/white/close.svg?v=10.32.12.0") no-repeat center;
      background-size: 20% 20%;
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0px;
      top: 0px;
      opacity: 0;
      transition: opacity 0.3s; }
    .imageContainerOld .deleteImageWrapper:hover .deleteImageAttachment {
      opacity: 0.5; }
    .imageContainerOld .deleteImageWrapper:hover .deleteButton {
      opacity: 1; }
  .imageContainerOld .progress {
    height: 5px;
    width: 130px;
    margin: 135px auto 0px auto;
    display: block;
    -webkit-appearance: none;
    border: none;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0; }

/** END: clImageContainer directive **/

/*# sourceMappingURL=clImageContainer.css.map */

/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
/* mixins start */
/* mixins end */
.linePopup {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  display: block;
  width: 294px;
  height: auto;
  background-color: #fff;
  border: 1px solid #424142;
  text-align: left;
  z-index: 51; }
  .linePopup .popupTop {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 10px 12px 38px;
    background: #424142 url("../../images/0dd/icoInfoPopup.png") no-repeat;
    background-position: 12px 12px;
    line-height: 20px;
    font-size: 14px;
    color: #fff; }
    .linePopup .popupTop::before {
      position: absolute;
      display: block;
      width: 0px;
      height: 0px;
      top: 12px;
      left: -10px;
      content: "";
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #424142; }
    .linePopup .popupTop::after {
      position: absolute;
      display: none;
      width: 0px;
      height: 0px;
      top: 12px;
      right: -10px;
      content: "";
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 10px solid #424142; }
  .linePopup .popupContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    padding: 0 15px 12px 15px; }
    .linePopup .popupContent .popupRow {
      display: block;
      width: 100%;
      line-height: 30px;
      font-size: 12px;
      color: #B4B4B4;
      overflow-y: auto; }
      .linePopup .popupContent .popupRow span {
        display: inline-block;
        float: right;
        clear: right;
        color: #424142;
        text-align: right;
        overflow: hidden; }
      .linePopup .popupContent .popupRow.ui-grid-cell-focus {
        background-image: none; }
    .linePopup .popupContent button {
      display: block;
      width: 100%;
      margin-top: 10px;
      padding: 10px 0;
      background-color: #006991;
      font-size: 12px;
      color: #fff;
      border: none;
      outline: none;
      cursor: pointer; }
      .linePopup .popupContent button:hover {
        opacity: 0.8; }
    .linePopup .popupContent::before {
      display: none;
      position: absolute;
      width: 0px;
      height: 0px;
      bottom: 12px;
      left: -10px;
      content: "";
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #424142; }
    .linePopup .popupContent::after {
      position: absolute;
      display: none;
      width: 0px;
      height: 0px;
      bottom: 12px;
      right: -10px;
      content: "";
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 10px solid #424142; }
  .linePopup.arrowLBot .popupTop::before {
    display: none; }
  .linePopup.arrowLBot .popupTop::after {
    display: none; }
  .linePopup.arrowLBot .popupContent::before {
    display: block; }
  .linePopup.arrowLBot .popupContent::after {
    display: none; }
  .linePopup.arrowRTop .popupTop::before {
    display: none; }
  .linePopup.arrowRTop .popupTop::after {
    display: block; }
  .linePopup.arrowRTop .popupContent::before {
    display: none; }
  .linePopup.arrowRTop .popupContent::after {
    display: none; }
  .linePopup.arrowRBot .popupTop::before {
    display: none; }
  .linePopup.arrowRBot .popupTop::after {
    display: none; }
  .linePopup.arrowRBot .popupContent::before {
    display: none; }
  .linePopup.arrowRBot .popupContent::after {
    display: block; }

.forErrors {
  min-width: 294px;
  width: auto !important;
  max-width: 550px; }
  .forErrors .popupContent .popupRow {
    line-height: 20px;
    font-size: 12px;
    overflow-y: auto; }
    .forErrors .popupContent .popupRow span {
      display: inline-block;
      float: left;
      clear: none;
      height: auto;
      min-height: 30px;
      line-height: 30px;
      text-align: left;
      overflow: hidden;
      vertical-align: top; }
      .forErrors .popupContent .popupRow span.popupRowId {
        width: 40px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
        color: #B4B4B4; }
      .forErrors .popupContent .popupRow span.popupRowDescr {
        width: calc(100% - 100px);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 16px;
        padding: 7px 0 0 0; }
        .forErrors .popupContent .popupRow span.popupRowDescr.hasAction {
          color: #006890;
          text-decoration: underline;
          cursor: pointer; }
          .forErrors .popupContent .popupRow span.popupRowDescr.hasAction:hover {
            opacity: 0.8; }
      .forErrors .popupContent .popupRow span.popupRowResult {
        width: 60px;
        padding-left: 5px;
        color: #808080;
        font-style: italic;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }

/*# sourceMappingURL=clLinePopup.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.listDirective .splitViewMode {
  height: unset !important; }
  .listDirective .splitViewMode .selectListButton {
    height: unset !important;
    max-width: calc(100% - 40px);
    display: flex; }
    .listDirective .splitViewMode .selectListButton .noTopNameSelectorIcon {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
    .listDirective .splitViewMode .selectListButton::after {
      margin-left: 5px; }
  .listDirective .splitViewMode .saveListSettingsButton {
    margin: 0 !important;
    padding: 0 !important;
    width: 30px !important;
    background-size: 30px 12px !important; }
  .listDirective .splitViewMode .filterInputContainer {
    margin: 5px 10px !important; }

.border {
  border: 1px solid #bfbfbf; }

#columnFilterDropdownWrapper {
  position: absolute; }

.listDirective {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: visible;
  outline: none; }
  .listDirective .iframeDirective {
    width: 100%;
    height: 100%; }

.listLoader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 25; }
  .listLoader.grey {
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    background: #cccccc url("../../images/shared/loader.gif?v=10.32.12.0") no-repeat center; }

.listDirective .listHeader {
  box-sizing: border-box;
  float: left;
  width: 100%;
  height: 30px;
  overflow: visible;
  margin: 15px 0 0 0;
  padding: 0 16px;
  font-weight: 100;
  z-index: 1; }

.listDirective .listSearch {
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  overflow: visible;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .listDirective .listSearch .closeBtn {
    position: absolute;
    width: 12px;
    height: 12px;
    cursor: pointer;
    top: 5px;
    right: 18px;
    display: none;
    font-size: 12px; }
    .listDirective .listSearch .closeBtn.visible {
      display: block; }
  .listDirective .listSearch .searchIcon {
    position: absolute;
    transform: scaleX(-1);
    font-size: 12px;
    height: 12px;
    margin-left: 11px;
    margin-top: 7px;
    color: #cbcbcb; }

.listSearchInput {
  height: 23px;
  font-size: 12px;
  font-weight: 400;
  color: #006890;
  border: 1px solid #96bfdd;
  background-color: #ffffff;
  padding: 0 3px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 25px;
  padding: 0 18px 0px 28px;
  font-size: 12px;
  color: #282828;
  outline: none;
  border: 1px solid #cbcbcb;
  text-overflow: ellipsis;
  background-size: 12px 12px;
  opacity: 1;
  letter-spacing: 0px;
  border-radius: 4px; }
  .listSearchInput.hasClear {
    font-size: 12px;
    content: "\E894" !important; }
  .listSearchInput:focus {
    outline-offset: 0; }
    .listSearchInput:focus::placeholder {
      color: #a3a3a3; }
  .listSearchInput::placeholder {
    color: #a3a3a3; }

.listDirective .listContainer {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 100%;
  height: calc(100% - 45px);
  margin: 0;
  padding: 0 16px 16px 16px; }
  .listDirective .listContainer.noHeader {
    height: 100%; }
  .listDirective .listContainer.withSearch {
    height: calc(100% - 75px); }
.listDirective.isAutoHeightList .listContainer {
  padding: 0 10px 0 10px; }

.listDirective.isCombo .listContainer {
  padding: 0; }

.detailsContainer .listDirective .listContainer {
  height: calc(100% - 45px); }
  .detailsContainer .listDirective .listContainer.withSearch {
    height: calc(100% - 75px); }

.listDirective .listHeader .selectListButton {
  position: relative;
  box-sizing: border-box;
  float: left;
  height: 30px;
  margin: 0 0px 0 0;
  padding: 0 10px 0 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #006890;
  outline: none;
  cursor: pointer;
  opacity: 1; }
  .listDirective .listHeader .selectListButton.noDropdown {
    background: none;
    cursor: default; }
    .listDirective .listHeader .selectListButton.noDropdown::after {
      content: "" !important; }
  .listDirective .listHeader .selectListButton.maxWidthListFunctionName {
    max-width: 500px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden; }
  .listDirective .listHeader .selectListButton.activeToggle::after {
    content: "\E96D";
    font-size: 12px;
    font-family: "fabric-icons", "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
  .listDirective .listHeader .selectListButton.inactiveToggle::after {
    content: "\E96E";
    font-size: 12px;
    font-family: "fabric-icons", "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }

.listDirective .listHeader .selectListButtonSmall {
  position: relative;
  box-sizing: border-box;
  float: left;
  height: 30px;
  width: 30px;
  margin: 1px 5px 0 0;
  background: transparent url("../../images/blue/list_small.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }
  .listDirective .listHeader .selectListButtonSmall.noDropdown {
    cursor: default; }

.showListsTitle {
  position: absolute;
  width: 30px;
  height: 30px; }

.listDirective .listHeader .saveListSettingsButton {
  position: relative;
  box-sizing: border-box;
  width: 12px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0px 0 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 26px;
  color: #006890;
  background: url("../../images/blue/save.svg?v=10.32.12.0") no-repeat 0 10px;
  background-size: 12px 12px;
  outline: none;
  cursor: pointer; }

.listDirective .listHeader .undoListSettingsButton {
  position: relative;
  box-sizing: border-box;
  width: 12px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0px 0 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 26px;
  color: #006890;
  background: url("../../images/blue/undo.svg?v=10.32.12.0") no-repeat 0 10px;
  background-size: 12px 12px;
  outline: none;
  cursor: pointer; }

.listDirective .listHeader .revertListSettingsButton {
  position: relative;
  box-sizing: border-box;
  width: 12px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0;
  padding: 9px 0px 0 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #006890;
  outline: none;
  cursor: pointer; }

.hideListUndoButton {
  visibility: hidden; }

.listDirective .listHeader .editListSettingsButton {
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: 30px;
  float: left;
  margin: 0 10px 0 0;
  padding: 8px 0px 0 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #305e85;
  outline: none;
  cursor: pointer;
  font-weight: normal; }
  .listDirective .listHeader .editListSettingsButton:hover {
    text-shadow: 0 0 0.01px #305e85; }
  .listDirective .listHeader .editListSettingsButton::before {
    font-size: 10px;
    padding-right: 3px;
    padding-top: 2px; }

.saveListButtonSmall {
  margin-right: 10px !important; }

.undoListButtonSmall {
  margin-right: 10px !important; }

.revertListButtonSmall {
  margin-right: 10px !important; }

.ag-menu-option-disabled {
  opacity: 0.4;
  cursor: default !important; }

.resetColumnFilterCss {
  float: none !important;
  cursor: auto; }

.listDirective .listHeader .activeFilters,
.wrapperColumnFilter {
  float: left;
  box-sizing: border-box;
  width: auto;
  height: 30px;
  margin: 0;
  padding-right: 5px;
  background: transparent; }
  .listDirective .listHeader .activeFilters .activeFilter,
  .listDirective .listHeader .activeFilters .filterDropdown,
  .wrapperColumnFilter .activeFilter,
  .wrapperColumnFilter .filterDropdown {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: auto;
    min-width: 40px;
    height: 20px;
    overflow: hidden;
    margin: 5px 5px 5px 0;
    padding: 0 8px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 100;
    line-height: 20px;
    color: #ffffff;
    background: #006890;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
    .listDirective .listHeader .activeFilters .activeFilter.customActiveFilter,
    .listDirective .listHeader .activeFilters .filterDropdown.customActiveFilter,
    .wrapperColumnFilter .activeFilter.customActiveFilter,
    .wrapperColumnFilter .filterDropdown.customActiveFilter {
      margin: 0 0 0 5px;
      font-weight: 700;
      max-width: calc(100% - 10px); }
    .listDirective .listHeader .activeFilters .activeFilter.customFilterDropdown,
    .listDirective .listHeader .activeFilters .filterDropdown.customFilterDropdown,
    .wrapperColumnFilter .activeFilter.customFilterDropdown,
    .wrapperColumnFilter .filterDropdown.customFilterDropdown {
      margin: 0 0 0 5px;
      font-weight: 700;
      max-width: calc(100% - 5px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .listDirective .listHeader .activeFilters .activeFilter.customFilterDropdown:hover,
      .listDirective .listHeader .activeFilters .filterDropdown.customFilterDropdown:hover,
      .wrapperColumnFilter .activeFilter.customFilterDropdown:hover,
      .wrapperColumnFilter .filterDropdown.customFilterDropdown:hover {
        background: #305e85; }
    .listDirective .listHeader .activeFilters .activeFilter.editable,
    .listDirective .listHeader .activeFilters .filterDropdown.editable,
    .wrapperColumnFilter .activeFilter.editable,
    .wrapperColumnFilter .filterDropdown.editable {
      cursor: pointer; }
      .listDirective .listHeader .activeFilters .activeFilter.editable:hover,
      .listDirective .listHeader .activeFilters .filterDropdown.editable:hover,
      .wrapperColumnFilter .activeFilter.editable:hover,
      .wrapperColumnFilter .filterDropdown.editable:hover {
        background: #305e85; }
    .listDirective .listHeader .activeFilters .activeFilter.disabled,
    .listDirective .listHeader .activeFilters .filterDropdown.disabled,
    .wrapperColumnFilter .activeFilter.disabled,
    .wrapperColumnFilter .filterDropdown.disabled {
      background: #cccccc; }
    .listDirective .listHeader .activeFilters .activeFilter.locked,
    .listDirective .listHeader .activeFilters .filterDropdown.locked,
    .wrapperColumnFilter .activeFilter.locked,
    .wrapperColumnFilter .filterDropdown.locked {
      padding-right: 20px;
      cursor: default; }
      .listDirective .listHeader .activeFilters .activeFilter.locked .activeFilterLockedIcon,
      .listDirective .listHeader .activeFilters .filterDropdown.locked .activeFilterLockedIcon,
      .wrapperColumnFilter .activeFilter.locked .activeFilterLockedIcon,
      .wrapperColumnFilter .filterDropdown.locked .activeFilterLockedIcon {
        content: "";
        line-height: 20px;
        position: absolute;
        padding-right: 5px;
        width: 15px;
        height: 20px;
        background: url("../../images/0dd/lock-transparent.svg?v=10.32.12.0") no-repeat center;
        background-size: 10px 10px;
        right: 0;
        top: 0;
        z-index: 2; }
    .listDirective .listHeader .activeFilters .activeFilter.removable:hover,
    .listDirective .listHeader .activeFilters .filterDropdown.removable:hover,
    .wrapperColumnFilter .activeFilter.removable:hover,
    .wrapperColumnFilter .filterDropdown.removable:hover {
      background: #305e85; }
      .listDirective .listHeader .activeFilters .activeFilter.removable:hover .activeFilterRemoveBtn,
      .listDirective .listHeader .activeFilters .filterDropdown.removable:hover .activeFilterRemoveBtn,
      .wrapperColumnFilter .activeFilter.removable:hover .activeFilterRemoveBtn,
      .wrapperColumnFilter .filterDropdown.removable:hover .activeFilterRemoveBtn {
        position: absolute;
        width: 12px;
        height: 12px;
        right: 0;
        top: 2px;
        line-height: 20px;
        z-index: 2; }
    .listDirective .listHeader .activeFilters .activeFilter.removable.disabled:hover,
    .listDirective .listHeader .activeFilters .filterDropdown.removable.disabled:hover,
    .wrapperColumnFilter .activeFilter.removable.disabled:hover,
    .wrapperColumnFilter .filterDropdown.removable.disabled:hover {
      background-color: #cccccc !important; }
      .listDirective .listHeader .activeFilters .activeFilter.removable.disabled:hover .activeFilterRemoveBtn,
      .listDirective .listHeader .activeFilters .filterDropdown.removable.disabled:hover .activeFilterRemoveBtn,
      .wrapperColumnFilter .activeFilter.removable.disabled:hover .activeFilterRemoveBtn,
      .wrapperColumnFilter .filterDropdown.removable.disabled:hover .activeFilterRemoveBtn {
        background-color: #cccccc !important; }
    .listDirective .listHeader .activeFilters .activeFilter .activeFilterName,
    .listDirective .listHeader .activeFilters .filterDropdown .activeFilterName,
    .wrapperColumnFilter .activeFilter .activeFilterName,
    .wrapperColumnFilter .filterDropdown .activeFilterName {
      position: relative;
      float: left;
      max-width: 240px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      box-sizing: border-box; }
    .listDirective .listHeader .activeFilters .activeFilter .customActiveFilterName,
    .listDirective .listHeader .activeFilters .filterDropdown .customActiveFilterName,
    .wrapperColumnFilter .activeFilter .customActiveFilterName,
    .wrapperColumnFilter .filterDropdown .customActiveFilterName {
      float: none !important;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .listDirective .listHeader .activeFilters .activeFilter .activeFilterRemoveBtn,
    .listDirective .listHeader .activeFilters .filterDropdown .activeFilterRemoveBtn,
    .wrapperColumnFilter .activeFilter .activeFilterRemoveBtn,
    .wrapperColumnFilter .filterDropdown .activeFilterRemoveBtn {
      width: 0px;
      height: 0px;
      content: "";
      line-height: 20px;
      padding-right: 1px;
      padding-left: 1px;
      cursor: pointer;
      background-color: #305e85;
      position: absolute;
      right: -3px;
      top: 2px;
      z-index: 2;
      transition: width 0.2s;
      -webkit-transition: width 0.2s;
      font-size: 10px; }
    .listDirective .listHeader .activeFilters .activeFilter .expandFiltersDropdown,
    .listDirective .listHeader .activeFilters .filterDropdown .expandFiltersDropdown,
    .wrapperColumnFilter .activeFilter .expandFiltersDropdown,
    .wrapperColumnFilter .filterDropdown .expandFiltersDropdown {
      position: relative;
      float: right;
      width: 10px;
      height: 20px;
      margin: 0 0 0 8px;
      line-height: 20px;
      background: url("../../images/white/arrow_down.svg?v=10.32.12.0") no-repeat center;
      background-size: 10px 10px;
      cursor: pointer; }
      .listDirective .listHeader .activeFilters .activeFilter .expandFiltersDropdown.active,
      .listDirective .listHeader .activeFilters .filterDropdown .expandFiltersDropdown.active,
      .wrapperColumnFilter .activeFilter .expandFiltersDropdown.active,
      .wrapperColumnFilter .filterDropdown .expandFiltersDropdown.active {
        background-image: url("../../images/white/arrow_up.svg?v=10.32.12.0"); }

.listDirective .listHeader .clearAllFilters {
  cursor: pointer;
  min-width: 120px;
  height: 20px;
  float: left;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: #305e85;
  padding: 5px 0 10px 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .listDirective .listHeader .clearAllFilters .clearAllFiltersIcon {
    position: absolute;
    width: 8px;
    height: 8px;
    padding-top: 1.5px;
    cursor: pointer;
    font-size: 8px;
    color: #305e85; }
  .listDirective .listHeader .clearAllFilters .clearAllFiltersContent {
    margin-left: 11px; }
  .listDirective .listHeader .clearAllFilters:hover {
    text-shadow: 0 0 0.01px #305e85; }

.formattedColumnValue {
  font-weight: 700; }

.listDirective .listHeader .counterContainer {
  position: relative;
  float: right;
  width: auto;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0; }

.listDirective .listHeader .listCounter {
  position: relative;
  display: inline-block;
  float: left;
  width: auto;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #006890; }
  .listDirective .listHeader .listCounter .topCounter {
    display: inline-block;
    vertical-align: bottom; }
    .listDirective .listHeader .listCounter .topCounter.checkedItems {
      font-size: 18px; }
    .listDirective .listHeader .listCounter .topCounter.checkedItems:after {
      content: "/";
      padding: 0;
      font-size: 12px; }

.listDirective .listHeader .listRefreshCounter {
  display: inline-block;
  float: left;
  height: 20px;
  margin: 5px 25px 5px 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px; }
  .listDirective .listHeader .listRefreshCounter span {
    font-weight: 400;
    font-size: 14px;
    color: #006890; }

.editToolbarWrapper {
  position: relative;
  float: left;
  width: auto;
  height: 20px;
  margin: 5px 0 5px 30px;
  line-height: 20px; }

.editToolbarButton {
  display: inline-block;
  position: relative;
  width: auto;
  height: 20px;
  margin: 0 15px 0 0;
  padding: 0 0 0 17px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #006890;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .editToolbarButton.addRowInGrid {
    background: url("//codelesslive.blob.core.windows.net/codelessweb/IconSet/00001513.svg?v=4.1.4.14") no-repeat left center;
    background-size: 12px 12px; }
  .editToolbarButton.cancelChanges {
    background: url("../../images/red/undo.svg?v=4.1.2.6") no-repeat left center;
    background-size: 12px 12px;
    color: #9c1f1f; }
  .editToolbarButton.saveChanges {
    background: url("//codelesslive.blob.core.windows.net/codelessweb/IconSet/00001689.svg?v=4.1.2.6") no-repeat left center;
    background-size: 12px 12px;
    color: #006890; }
  .editToolbarButton.saveChangesDisabled {
    opacity: 0.4; }

.toggleListLayoutBtn {
  position: relative;
  float: left;
  width: 60px;
  height: 30px;
  margin: 0 0 0 10px;
  cursor: pointer; }
  .toggleListLayoutBtn.list {
    background: url("../../images/shared/switch_lt_list.png?v=10.32.12.0") no-repeat left top; }
  .toggleListLayoutBtn.tiles {
    background: url("../../images/shared/switch_lt_tiles.png?v=10.32.12.0") no-repeat left top; }

.popoutListBtn {
  position: relative;
  float: left;
  margin: 22px 0 0 5px;
  width: 60px;
  height: 30px;
  cursor: pointer;
  background: url("../../images/blue/goto.svg?v=10.32.12.0") no-repeat left top;
  background-size: 30px 30px; }

.listDirective .listContainer .tilesContainer {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 10px 10px 20px 10px; }

.listDirective .listContainer .tilesItems {
  width: 100%;
  height: auto;
  overflow: auto; }

.listDirective .listContainer .tileItem {
  position: relative;
  float: left;
  margin: 5px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px #ababab;
  height: 80px; }
  .listDirective .listContainer .tileItem:hover {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.45); }

.listDirective .listContainer .tileItem > .tileContent {
  display: flex;
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 5px;
  cursor: pointer;
  overflow: hidden;
  height: 100%; }

.listDirective .listContainer .tileLeft {
  flex: 1; }

.listDirective .listContainer .tileRight {
  margin-right: 40px;
  display: flex; }

.listDirective .listContainer .tileCenter {
  width: calc(100% - 160px);
  margin: 0 auto;
  margin-top: 7px; }

.listDirective .listContainer .loadMoreHolder {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  text-align: center; }
  .listDirective .listContainer .loadMoreHolder .loadMore {
    color: #006890;
    cursor: pointer; }

.listDirective .listContainer .tileItem.xLarge {
  min-width: 500px;
  width: calc(33.33% - 10px); }

@media all and (min-width: 1051px) and (max-width: 1570px) {
  .listDirective .listContainer .tileItem.xLarge {
    width: calc(50% - 10px); } }
@media all and (max-width: 1050px) {
  .listDirective .listContainer .tileItem.xLarge {
    width: calc(100% - 10px); } }
.detailsContainer .listDirective .listContainer .tileItem.xLarge {
  min-width: 500px;
  width: calc(33.33% - 10px) !important; }

@media all and (min-width: 1301px) and (max-width: 1820px) {
  .detailsContainer .listDirective .listContainer .tileItem.xLarge {
    width: calc(50% - 10px) !important; } }
@media all and (max-width: 1300px) {
  .detailsContainer .listDirective .listContainer .tileItem.xLarge {
    width: calc(100% - 10px) !important; } }
.listDirective .listContainer .tileItem.large {
  min-width: 380px;
  width: 24%; }

@media all and (min-width: 1188px) and (max-width: 1570px) {
  .listDirective .listContainer .tileItem.large {
    width: 32%; } }
@media all and (min-width: 825px) and (max-width: 1187px) {
  .listDirective .listContainer .tileItem.large {
    width: 48%; } }
@media all and (max-width: 824px) {
  .listDirective .listContainer .tileItem.large {
    width: 98%; } }
.detailsContainer .listDirective .listContainer .tileItem.large {
  min-width: 380px;
  width: 24% !important; }

@media all and (min-width: 1438px) and (max-width: 1820px) {
  .detailsContainer .listDirective .listContainer .tileItem.large {
    width: 32% !important; } }
@media all and (min-width: 1075px) and (max-width: 1437px) {
  .detailsContainer .listDirective .listContainer .tileItem.large {
    width: 48% !important; } }
@media all and (max-width: 1074px) {
  .detailsContainer .listDirective .listContainer .tileItem.large {
    width: 98% !important; } }
.listDirective .listContainer .tileItem.medium {
  min-width: 360px;
  width: calc(19.7% - 10px); }

@media all and (min-width: 1501px) and (max-width: 1870px) {
  .listDirective .listContainer .tileItem.medium {
    width: calc(24.8% - 10px); } }
@media all and (min-width: 1131px) and (max-width: 1500px) {
  .listDirective .listContainer .tileItem.medium {
    width: calc(33% - 10px); } }
@media all and (min-width: 761px) and (max-width: 1130px) {
  .listDirective .listContainer .tileItem.medium {
    width: calc(49.7% - 10px); } }
@media all and (max-width: 760px) {
  .listDirective .listContainer .tileItem.medium {
    width: calc(100% - 10px); } }
.detailsContainer .listDirective .listContainer .tileItem.medium {
  min-width: 360px;
  width: calc(19.7% - 10px) !important; }

@media all and (min-width: 1751px) and (max-width: 2120px) {
  .detailsContainer .listDirective .listContainer .tileItem.medium {
    width: calc(24.8% - 10px) !important; } }
@media all and (min-width: 1381px) and (max-width: 1750px) {
  .detailsContainer .listDirective .listContainer .tileItem.medium {
    width: calc(33% - 10px) !important; } }
@media all and (min-width: 1011px) and (max-width: 1380px) {
  .detailsContainer .listDirective .listContainer .tileItem.medium {
    width: calc(49.7% - 10px) !important; } }
@media all and (max-width: 1010px) {
  .detailsContainer .listDirective .listContainer .tileItem.medium {
    width: calc(100% - 10px) !important; } }
.listDirective .listContainer .tileItem.small {
  min-width: 300px;
  width: calc(16.3% - 10px); }

@media all and (min-width: 1576px) and (max-width: 1880px) {
  .listDirective .listContainer .tileItem.small {
    width: calc(19.8% - 10px); } }
@media all and (min-width: 1266px) and (max-width: 1575px) {
  .listDirective .listContainer .tileItem.small {
    width: calc(24.8% - 10px); } }
@media all and (min-width: 956px) and (max-width: 1265px) {
  .listDirective .listContainer .tileItem.small {
    width: calc(33% - 10px); } }
@media all and (min-width: 666px) and (max-width: 955px) {
  .listDirective .listContainer .tileItem.small {
    width: calc(49.7% - 10px); } }
@media all and (max-width: 665px) {
  .listDirective .listContainer .tileItem.small {
    width: calc(100% - 10px); } }
.listDirective .listContainer .tileItem.small {
  min-width: 300px;
  width: calc(16.3% - 10px) !important; }

@media all and (min-width: 1926px) and (max-width: 2130px) {
  .detailsContainer .listDirective .listContainer .tileItem.small {
    width: calc(19.8% - 10px) !important; } }
@media all and (min-width: 1516px) and (max-width: 1925px) {
  .detailsContainer .listDirective .listContainer .tileItem.small {
    width: calc(24.8% - 10px) !important; } }
@media all and (min-width: 126px) and (max-width: 1515px) {
  .detailsContainer .listDirective .listContainer .tileItem.small {
    width: calc(33% - 10px) !important; } }
@media all and (min-width: 916px) and (max-width: 125px) {
  .detailsContainer .listDirective .listContainer .tileItem.small {
    width: calc(49.7% - 10px) !important; } }
@media all and (max-width: 915px) {
  .detailsContainer .listDirective .listContainer .tileItem.small {
    width: calc(100% - 10px) !important; } }
.listDirective .listContainer .tileItem.xSmall {
  min-width: 225px;
  width: calc(12.3% - 10px); }

@media all and (min-width: 1671px) and (max-width: 1900px) {
  .listDirective .listContainer .tileItem.xSmall {
    width: calc(14% - 10px); } }
@media all and (min-width: 1441px) and (max-width: 1670px) {
  .listDirective .listContainer .tileItem.xSmall {
    width: calc(16.4% - 10px); } }
@media all and (min-width: 1211px) and (max-width: 1440px) {
  .listDirective .listContainer .tileItem.xSmall {
    width: calc(19.8% - 10px); } }
@media all and (min-width: 981px) and (max-width: 1210px) {
  .listDirective .listContainer .tileItem.xSmall {
    width: calc(24.8% - 10px); } }
@media all and (min-width: 751px) and (max-width: 980px) {
  .listDirective .listContainer .tileItem.xSmall {
    width: calc(33% - 10px); } }
@media all and (min-width: 521px) and (max-width: 750px) {
  .listDirective .listContainer .tileItem.xSmall {
    width: calc(49.7% - 10px); } }
@media all and (max-width: 520px) {
  .listDirective .listContainer .tileItem.xSmall {
    width: calc(100% - 10px); } }
.detailsContainer .listDirective .listContainer .tileItem.xSmall {
  min-width: 225px;
  width: calc(12.3% - 10px) !important; }

@media all and (min-width: 1921px) and (max-width: 2150px) {
  .detailsContainer .listDirective .listContainer .tileItem.xSmall {
    width: calc(14% - 10px) !important; } }
@media all and (min-width: 1691px) and (max-width: 1920px) {
  .detailsContainer .listDirective .listContainer .tileItem.xSmall {
    width: calc(16.4% - 10px) !important; } }
@media all and (min-width: 1461px) and (max-width: 1690px) {
  .detailsContainer .listDirective .listContainer .tileItem.xSmall {
    width: calc(19.8% - 10px) !important; } }
@media all and (min-width: 1231px) and (max-width: 1460px) {
  .detailsContainer .listDirective .listContainer .tileItem.xSmall {
    width: calc(24.8% - 10px) !important; } }
@media all and (min-width: 1001px) and (max-width: 1230px) {
  .detailsContainer .listDirective .listContainer .tileItem.xSmall {
    width: calc(33% - 10px) !important; } }
@media all and (min-width: 771px) and (max-width: 1000px) {
  .detailsContainer .listDirective .listContainer .tileItem.xSmall {
    width: calc(49.7% - 10px) !important; } }
@media all and (max-width: 770px) {
  .detailsContainer .listDirective .listContainer .tileItem.xSmall {
    width: calc(100% - 10px) !important; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .listDirective .listHeader .selectListButton {
    background: url("../../images/blue/arrow_down.png?v=10.32.12.0") no-repeat right 12px;
    background-size: 10px 10px; }

  .cancelChanges.editToolbarButton {
    text-shadow: 0.5px 0 0 #9c1f1f; }

  .editToolbarButton {
    font-weight: normal;
    text-shadow: 0.5px 0 0 #4ea2cc; }

  .listDirective .listHeader .activeFilters .activeFilter,
  .listDirective .listHeader .activeFilters .filterDropdown {
    line-height: 18px; } }
.listDirective .listContainer .tileRow {
  position: relative;
  width: auto;
  clear: both;
  color: #585858; }
  .listDirective .listContainer .tileRow .imageContainer {
    margin-top: 10px; }

.listDirective .listContainer .tileRow .tileRowRight,
.listDirective .listContainer .tileRow .tileRowLeft {
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tileRow.txtLeft {
  text-align: left; }

.tileRow.txtRight {
  text-align: right; }

.tileRow.txtCenter {
  text-align: center; }

.tileRowLeft {
  text-align: left;
  height: 21px; }

.tileRowRight {
  text-align: right;
  height: 21px; }

.tileRowCenter {
  text-align: center;
  margin: 0 auto;
  height: 21px; }

.listDirective .listContainer .tileRow .tileRowLeft.tileCaption {
  max-width: 285px; }

.listDirective .listContainer .tileRow .titleBlue {
  position: relative;
  width: 100%;
  height: 30px;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  word-wrap: break-word;
  color: #2a80b9; }

.listDirective .listContainer .tileRow .greyTxt {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: #a4a4a4; }
  .listDirective .listContainer .tileRow .greyTxt span {
    font-weight: 700; }

.listDirective .listContainer .tileRow .userContact {
  position: relative;
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0; }

.listDirective .listContainer .tileRow .blackTxt {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  word-wrap: break-word;
  color: #595957; }

.listDirective .listContainer .tileRowRight img {
  display: table-cell;
  vertical-align: middle;
  margin: 5px; }

.listDirective .listContainer .tileItemCheck {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  background: transparent url("../../images/shared/icon_tile_select_unselected.png?v=10.32.12.0") no-repeat center; }
  .listDirective .listContainer .tileItemCheck.checked {
    background: transparent url("../../images/shared/icon_tile_select_selected.png?v=10.32.12.0") no-repeat center; }

.emptyListMessage {
  float: left;
  clear: both;
  margin-left: 5px;
  color: #000000;
  font-size: 12px; }

.emailTemplate,
.urlTemplate {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%; }

.filterDropdownWrapper {
  float: left;
  width: auto;
  box-sizing: border-box;
  overflow: visible;
  outline: none;
  position: relative; }
  .filterDropdownWrapper.customWrapper {
    max-width: calc(100% - 10px); }

ul.availableFiltersDropdownMenu {
  display: none;
  position: absolute;
  width: 240px;
  height: auto;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  list-style: none;
  outline-style: none;
  z-index: 1050;
  top: 30px; }
  ul.availableFiltersDropdownMenu.active {
    display: block; }
  ul.availableFiltersDropdownMenu li {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 0 0 0 10px;
    line-height: 30px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #006890;
    color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
    ul.availableFiltersDropdownMenu li .filtersDropdownName {
      width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      float: left;
      white-space: nowrap;
      box-sizing: border-box; }
    ul.availableFiltersDropdownMenu li.locked {
      cursor: default; }
    ul.availableFiltersDropdownMenu li:focus {
      outline-style: none; }
      ul.availableFiltersDropdownMenu li:focus .activeFilterDropdownRemoveBtn {
        background: url("../../images/white/close.svg?v=10.32.12.0") no-repeat center;
        background-size: 10px 10px; }
    ul.availableFiltersDropdownMenu li.selected {
      color: #006890; }
    ul.availableFiltersDropdownMenu li.disabled {
      background: #cccccc; }
    ul.availableFiltersDropdownMenu li .activeFilterDropdownRemoveBtn {
      position: relative;
      float: right;
      width: 30px;
      height: 30px;
      cursor: pointer; }
    ul.availableFiltersDropdownMenu li .activeFilterDropdownLockedIcon {
      position: relative;
      float: right;
      width: 30px;
      height: 30px;
      background: url("../../images/0dd/lock-transparent.svg?v=10.32.12.0") no-repeat center;
      background-size: 10px 10px; }
  ul.availableFiltersDropdownMenu li:not(.locked):hover {
    background: #305e85; }
    ul.availableFiltersDropdownMenu li:not(.locked):hover .activeFilterDropdownRemoveBtn {
      background: url("../../images/white/close.svg?v=10.32.12.0") no-repeat center;
      background-size: 10px 10px; }
  ul.availableFiltersDropdownMenu li:first-child {
    border-top: none; }
  ul.availableFiltersDropdownMenu li:last-child {
    border-bottom: none; }

.listHeaderCanvas {
  display: none; }

.decimalInt {
  padding: 4px 5px; }

.ag-grid-row-cancel {
  position: relative;
  width: 30px;
  height: 30px;
  background: url("../../images/blue/undo.svg?v=4.1.2.6") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }

.ag-grid-row-delete {
  position: relative;
  top: 1px;
  left: 0px;
  width: 30px;
  height: 30px;
  background: url("//codelesslive.blob.core.windows.net/codelessweb/IconSet/00001690.svg?v=4.1.6.6") no-repeat center;
  background-size: 12px 12px;
  cursor: pointer; }
  .ag-grid-row-delete.disabled {
    opacity: 0.4;
    cursor: default;
    display: none; }

.ag-grid-row-validation-indicator {
  width: 30px;
  height: 29px;
  cursor: pointer;
  background: transparent url("../../images/red/warning_solid.svg?v=10.32.12.0") no-repeat center;
  background-size: 15px 15px; }

.ag-grid-row-validation-indicator[title]:hover:after {
  content: attr(title);
  position: fixed;
  left: 40px;
  margin-top: 3px;
  padding: 4px 11px;
  font-size: 11px;
  color: white;
  background-color: #9c1f1f;
  border-radius: 3px;
  z-index: 999; }

.numberEditInput {
  box-sizing: border-box;
  width: 65% !important;
  height: 100%;
  padding: 5px 7px;
  line-height: 20px; }

.stringEditInput {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 400; }
  .stringEditInput.uppercase {
    text-transform: uppercase; }
  .stringEditInput.lowercase {
    text-transform: lowercase; }

.pickupComboActiveInput {
  height: 25px;
  width: 100%; }

.ag-grid-edit-combo-wrapper {
  height: 29px;
  border: 1px solid #a9a9a9;
  box-sizing: border-box; }
  .ag-grid-edit-combo-wrapper form {
    line-height: 29px; }
  .ag-grid-edit-combo-wrapper input {
    border: 0px solid #fff;
    width: 100%;
    line-height: 29px; }

.pickupPopupDisabled {
  background: #e6e6e6; }
  .pickupPopupDisabled input {
    background: #e6e6e6 !important; }

.pickupComboDisabled {
  background: #e6e6e6 !important;
  border: solid #a9a9a9 !important;
  border-width: 1px 1px 0 1px !important; }

.ag-grid-edit-combo-wrapper1 {
  margin-top: -5px; }

.rowDraggable {
  float: left;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab; }

.statusBar {
  position: absolute;
  left: 11px;
  top: 75px;
  z-index: 3;
  width: calc(100% - 28px);
  background: #e6e6e6;
  height: 26px;
  padding: 4px 0 0 9px;
  font-size: 13px;
  line-height: 25px; }

.isCombo .statusBar {
  top: 30px;
  left: 0px; }

.statusBarTop {
  top: 105px; }

.onDemandDataBtn {
  background-color: #e6e6e6;
  color: #006890;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  border: none;
  cursor: pointer; }

.onDemandDataReloadImg {
  background: url("../../images/blue/reload.svg?v=10.32.12.0") no-repeat;
  display: inline-block;
  position: relative;
  top: 3px;
  right: 3px;
  width: 12px;
  height: 12px;
  background-size: 100%; }

.dummyListHeaderFocus {
  position: absolute;
  opacity: 0;
  z-index: 0;
  filter: alpha(opacity=0);
  cursor: none;
  color: transparent;
  text-shadow: 0 0 0 #000;
  text-indent: -9999em; }

/* SplitView styles */
.listWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }
  .listWrapper.splitViewGridContainer {
    position: absolute;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .listWrapper.splitViewGridContainer .splitViewCollapseHandle {
      position: relative;
      float: right;
      width: 12px;
      margin-left: 17px;
      height: 30px;
      vertical-align: middle;
      content: "";
      cursor: pointer; }
      .listWrapper.splitViewGridContainer .splitViewCollapseHandle.collapse {
        background: url("../../images/blue/arrow_left.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px; }
      .listWrapper.splitViewGridContainer .splitViewCollapseHandle.expand {
        background: url("../../images/blue/arrow_right.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px;
        margin-left: 0; }
    .listWrapper.splitViewGridContainer .statusBar {
      top: 105px; }
    .listWrapper.splitViewGridContainer.splitGridLeft {
      left: 0;
      top: 0;
      height: 100%;
      border-right: 1px solid #e6e6e6;
      -webkit-transition: width 0.3s ease-in-out;
      -moz-transition: width 0.3s ease-in-out;
      -ms-transition: width 0.3s ease-in-out;
      -o-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out; }
    .listWrapper.splitViewGridContainer.splitGridRight {
      right: 0;
      top: 0;
      height: 100%;
      border-left: 1px solid #e6e6e6;
      -webkit-transition: width 0.3s ease-in-out;
      -moz-transition: width 0.3s ease-in-out;
      -ms-transition: width 0.3s ease-in-out;
      -o-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out; }
      .listWrapper.splitViewGridContainer.splitGridRight .splitViewCollapseHandle.collapse {
        background: url("../../images/blue/arrow_right.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px; }
      .listWrapper.splitViewGridContainer.splitGridRight .splitViewCollapseHandle.expand {
        background: url("../../images/blue/arrow_left.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px;
        margin-left: 0; }
    .listWrapper.splitViewGridContainer.splitGridTop {
      left: 0;
      top: 0;
      width: 100%;
      border-bottom: 1px solid #e6e6e6;
      -webkit-transition: height 0.3s ease-in-out;
      -moz-transition: height 0.3s ease-in-out;
      -ms-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out; }
      .listWrapper.splitViewGridContainer.splitGridTop .splitViewCollapseHandle.collapse {
        background: url("../../images/blue/arrow_up.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px; }
      .listWrapper.splitViewGridContainer.splitGridTop .splitViewCollapseHandle.expand {
        background: url("../../images/blue/arrow_down.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px; }
      .listWrapper.splitViewGridContainer.splitGridTop.splitViewGridCollapsed .listHeader {
        margin-top: 0; }
    .listWrapper.splitViewGridContainer.splitGridBottom {
      left: 0;
      bottom: 0;
      width: 100%;
      border-top: 1px solid #e6e6e6;
      -webkit-transition: height 0.3s ease-in-out;
      -moz-transition: height 0.3s ease-in-out;
      -ms-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out; }
      .listWrapper.splitViewGridContainer.splitGridBottom .splitViewCollapseHandle.collapse {
        background: url("../../images/blue/arrow_down.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px; }
      .listWrapper.splitViewGridContainer.splitGridBottom .splitViewCollapseHandle.expand {
        background: url("../../images/blue/arrow_up.svg?v=10.32.12.0") no-repeat center center;
        background-size: 12px 12px; }
      .listWrapper.splitViewGridContainer.splitGridBottom.splitViewGridCollapsed .listHeader {
        margin-top: 0; }
  .listWrapper.onDemandDataActionContainer .ag-body {
    padding-top: 30px; }

.splitViewDetailsContainer {
  position: absolute;
  overflow: hidden; }
  .splitViewDetailsContainer .detailsDirective {
    height: 100%;
    padding-left: 20px; }
  .splitViewDetailsContainer.splitDetailsLeft {
    left: 0;
    top: 0;
    height: 100%;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out; }
  .splitViewDetailsContainer.splitDetailsRight {
    right: 0;
    top: 0;
    height: 100%;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out; }
  .splitViewDetailsContainer.splitDetailsTop {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out; }
  .splitViewDetailsContainer.splitDetailsBottom {
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out; }

.pivotTableActions {
  position: absolute;
  top: -35px;
  right: 330px;
  width: 300px;
  height: 25px;
  background: grey;
  color: white;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  user-select: none;
  font-size: 14px; }
  .pivotTableActions.active {
    background: darkgreen;
    border: 1px solid white;
    box-sizing: border-box;
    line-height: 24px; }

#image-preview-container {
  position: fixed;
  background: #fff;
  z-index: 1000;
  border: 1px solid #bfbfbf;
  padding: 5px; }
  #image-preview-container.hidden, #image-preview-container.loaded .listLoader, #image-preview-container.loaded .cl-loader-overlay, #image-preview-container.loading #image-preview-img, #image-preview-container.has-error .listLoader, #image-preview-container.has-error .cl-loader-overlay, #image-preview-container.has-error #image-preview-img {
    display: none; }
  #image-preview-container .image-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    #image-preview-container .image-wrapper #image-preview-img {
      max-width: 100%;
      max-height: 100%; }
  #image-preview-container .image-title {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold; }
  #image-preview-container .error-text {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    display: none; }
  #image-preview-container.has-error .error-text {
    display: block; }

#image-preview-arrow {
  position: fixed;
  width: 0;
  height: 0;
  z-index: 1000; }

.image-preview-arrow {
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: transparent #bfbfbf transparent transparent; }

.image-preview-arrow-right {
  border-style: solid;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #bfbfbf; }

/*# sourceMappingURL=clList.css.map */

/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.none {
  display: none; }

.listMobileWrap, .mobileSubList, .mobilePickupList, .mobileDropDownList {
  display: none; }

@media all and (max-width: 768px) {
  .listDirective .listHeader, .listDirective .listHeaderCanvas, .listDirective .listContainer:not(.mobile) {
    display: none !important; }

  .listMobileWrap {
    display: block;
    float: left;
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .listMobileWrap .listMobileHeader {
      display: block;
      width: 100%;
      height: 90px;
      padding: 0 20px;
      border-width: 2px 0 0 0;
      border-style: solid;
      border-color: #E6E6E6;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      font-size: 0; }
      .listMobileWrap .listMobileHeader .listNameSelect {
        display: inline-block;
        width: 44%;
        height: 100%;
        margin-right: 2%;
        font-size: 28px;
        line-height: 88px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #2A80B9;
        vertical-align: top; }
        .listMobileWrap .listMobileHeader .listNameSelect span {
          display: block;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .listMobileWrap .listMobileHeader .listNameSelect.hasSelection {
          padding-right: 30px;
          background-image: url("../../images/blue/arrow_down.svg?v=10.32.12.0");
          background-size: 22px auto;
          background-repeat: no-repeat;
          background-position: top 36px right 5px; }
      .listMobileWrap .listMobileHeader .sortFilter {
        display: inline-block;
        width: 54%;
        font-size: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
        color: #2A80B9; }
        .listMobileWrap .listMobileHeader .sortFilter .sortSelection {
          display: inline-block;
          max-width: 38%;
          margin-right: 2%;
          padding-left: 40px;
          font-size: 28px;
          line-height: 88px;
          background-image: url("../../images/blue/sort_down.svg?v=10.32.12.0");
          background-repeat: no-repeat;
          background-size: 30px auto;
          background-position: top 30px left 4px; }
        .listMobileWrap .listMobileHeader .sortFilter .filterSelection {
          display: inline-block;
          max-width: 60%;
          padding-left: 40px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 28px;
          line-height: 88px;
          background-image: url("../../images/blue/filter.svg?v=10.32.12.0");
          background-repeat: no-repeat;
          background-size: 30px auto;
          background-position: top 30px left 8px; }
    .listMobileWrap .listSelectDrop {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      height: 100%;
      z-index: 3; }
      .listMobileWrap .listSelectDrop.visible {
        display: block; }
      .listMobileWrap .listSelectDrop .listSelectDropHeader {
        display: block;
        width: 100%;
        height: 90px;
        background-color: #5A5A58;
        font-size: 0; }
        .listMobileWrap .listSelectDrop .listSelectDropHeader .backButton {
          display: inline-block;
          width: 90px;
          height: 90px;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0");
          background-size: 40px;
          border: none;
          outline: none; }
          .listMobileWrap .listSelectDrop .listSelectDropHeader .backButton:focus {
            background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
        .listMobileWrap .listSelectDrop .listSelectDropHeader .headerTitle {
          display: inline-block;
          width: calc(100% - 90px);
          height: 100%;
          padding: 10px 90px 10px 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center;
          vertical-align: top;
          color: #fff; }
          .listMobileWrap .listSelectDrop .listSelectDropHeader .headerTitle.filterTitle {
            width: calc(100% - 180px); }
          .listMobileWrap .listSelectDrop .listSelectDropHeader .headerTitle h2 {
            margin: 0;
            font-size: 22px;
            font-weight: 300;
            line-height: 30px;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .listMobileWrap .listSelectDrop .listSelectDropHeader .headerTitle h1 {
            margin: 0;
            font-size: 32px;
            font-weight: 400;
            line-height: 40px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .listMobileWrap .listSelectDrop .listSelectDropHeader .addButton {
          display: inline-block;
          width: 90px;
          height: 90px;
          margin: 0;
          padding: 0;
          outline: none;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 40px;
          background-color: #5A5A58;
          background-image: url("../../images/white/add.svg?v=10.32.12.0");
          border: none; }
          .listMobileWrap .listSelectDrop .listSelectDropHeader .addButton:hover, .listMobileWrap .listSelectDrop .listSelectDropHeader .addButton:focus, .listMobileWrap .listSelectDrop .listSelectDropHeader .addButton.active {
            background-image: url("../../images/black/add.svg?v=10.32.12.0"); }
      .listMobileWrap .listSelectDrop .listSelectDropContent {
        display: block;
        width: 100%;
        height: calc(100% - 90px);
        overflow-y: auto; }
        .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow {
          display: block;
          width: 100%;
          height: 90px;
          padding: 0;
          outline: none;
          border: none;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: 30px center;
          background-size: auto 30px;
          border-bottom: 1px solid #F2F2F2;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          font-size: 28px;
          line-height: 90px;
          font-weight: 400;
          color: #000;
          overflow: hidden; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow.selected, .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow.globalFilter {
            color: #2A80B9; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow.disabled {
            color: #eeeeee; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow .listName {
            display: block;
            width: 100%;
            padding: 0 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow label {
            display: none; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow .addGlobalFilterInput {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0 36px;
            font-size: 32px;
            line-height: 90px;
            border: none;
            outline: none;
            background-color: #fff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
            .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow .addGlobalFilterInput:focus {
              background-color: #eeeeee; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow select {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 32px;
            line-height: 90px;
            padding: 0 90px 0 36px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            outline: none;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: top 30px right 30px;
            background-size: auto 30px;
            background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0");
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none; }
            .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow select:focus {
              background-color: #eeeeee; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow button {
            display: block;
            width: 80%;
            margin: 20px auto;
            height: 50px;
            line-height: 50px;
            font-size: 32px;
            text-transform: uppercase;
            border: none;
            background-color: #7ec1de;
            color: #fff; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow.hasLabel {
            position: relative; }
            .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow.hasLabel label {
              position: absolute;
              top: 15px;
              left: 36px;
              z-index: 1;
              display: block;
              width: auto;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 22px;
              line-height: 1;
              text-transform: uppercase;
              color: #2A80B9;
              padding: 0;
              margin: 0; }
            .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow.hasLabel select {
              padding: 15px 90px 0 36px; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .listSelectRow.hasInfo {
            padding: 0 36px;
            color: #eeeeee; }
        .listMobileWrap .listSelectDrop .listSelectDropContent .filterRow {
          position: relative; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .filterRow .listName {
            padding: 0 90px 0 36px; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .filterRow.customFilter .listName {
            padding: 0 125px 0 36px; }
          .listMobileWrap .listSelectDrop .listSelectDropContent .filterRow button {
            position: absolute;
            top: 0;
            display: block;
            width: 60px;
            height: 90px;
            padding: 0;
            margin: 0;
            border: none;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 30px;
            outline: none; }
            .listMobileWrap .listSelectDrop .listSelectDropContent .filterRow button.expandFilter {
              right: 0;
              background-image: url("../../images/blue/arrow_down.svg?v=10.32.12.0"); }
            .listMobileWrap .listSelectDrop .listSelectDropContent .filterRow button.removeFilter {
              right: 65px;
              background-size: auto 30px;
              background-image: url("../../images/blue/close.svg?v=10.32.12.0"); }
        .listMobileWrap .listSelectDrop .listSelectDropContent .filterSection {
          display: block;
          width: 100%;
          height: 44px;
          padding-left: 20px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          background-color: #F2F2F2;
          font-size: 22px;
          line-height: 44px;
          text-transform: uppercase; }
    .listMobileWrap .tilesContainer {
      padding: 0;
      overflow: auto;
      height: calc(100% - 90px);
      border-top: 2px solid #C2C2C2; }
      .listMobileWrap .tilesContainer .tilesItems {
        width: 100%;
        height: auto; }
        .listMobileWrap .tilesContainer .tilesItems .tileItem {
          float: left;
          width: 100%;
          height: auto;
          padding: 0 60px 0 20px;
          margin: 0;
          border-bottom: 2px solid #e6e6e6;
          font-size: 20px;
          background-image: url("../../images/blue/arrow_right.svg?v=10.32.12.0");
          background-size: 30px 30px;
          background-position: right 20px center;
          background-repeat: no-repeat;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        .listMobileWrap .tilesContainer .tilesItems .tileContent {
          position: relative;
          box-sizing: border-box;
          float: left;
          width: 100%;
          padding: 5px 0;
          cursor: pointer;
          overflow: hidden; }
        .listMobileWrap .tilesContainer .tilesItems .tileLeft {
          float: left;
          margin: 0;
          width: auto; }
        .listMobileWrap .tilesContainer .tilesItems .tileRight {
          float: right;
          margin: 0;
          width: auto; }
      .listMobileWrap .tilesContainer .loadMoreHolder {
        float: left;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding: 20px;
        text-align: center; }
        .listMobileWrap .tilesContainer .loadMoreHolder .loadMore {
          color: #006890;
          cursor: pointer; }
    .listMobileWrap .listContent {
      display: block;
      width: 100%;
      height: calc(100% - 88px);
      border-top: 2px solid #C2C2C2;
      overflow-y: auto; }
      .listMobileWrap .listContent .loadMoreMobileInProgress {
        position: absolute;
        width: 100%;
        height: calc(100% - 90px);
        background-color: rgba(230, 230, 230, 0.6);
        background-image: url("../../images/shared/loader.gif?v=10.32.12.0");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80px auto;
        z-index: 1; }
      .listMobileWrap .listContent .listRow {
        display: block;
        position: relative;
        float: left;
        clear: both;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 20px;
        color: #000;
        border-bottom: 2px solid #E6E6E6; }
        .listMobileWrap .listContent .listRow:focus, .listMobileWrap .listContent .listRow:hover {
          background-color: #fff; }
        .listMobileWrap .listContent .listRow.selected {
          background-color: #f2f2f2; }
        .listMobileWrap .listContent .listRow .listRowWrap {
          display: block;
          padding: 5px 60px 5px 20px; }
          .listMobileWrap .listContent .listRow .listRowWrap span {
            display: block;
            width: 100%;
            height: 30px;
            line-height: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .listMobileWrap .listContent .listRow .listRowWrap span:first-of-type {
              font-weight: 600; }
            .listMobileWrap .listContent .listRow .listRowWrap span.singleLine {
              font-size: 28px;
              height: 90px;
              line-height: 90px; }
              .listMobileWrap .listContent .listRow .listRowWrap span.singleLine:first-of-type {
                font-weight: 400; }
        .listMobileWrap .listContent .listRow .pickAction {
          display: none; }
        .listMobileWrap .listContent .listRow .openAction {
          position: absolute;
          top: 0;
          right: 0;
          width: 90px;
          height: 100%;
          background-image: url("../../images/blue/arrow_right.svg?v=10.32.12.0");
          background-size: auto 30px;
          background-position: right 20px center;
          background-repeat: no-repeat;
          cursor: pointer; }
    .listMobileWrap.mobileSubList {
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #fff; }
      .listMobileWrap.mobileSubList .listSelectDrop {
        top: 0; }
      .listMobileWrap.mobileSubList .listContent {
        height: calc(100% - 180px); }
    .listMobileWrap.mobilePickupList .listContent {
      height: calc(100% - 180px); }
      .listMobileWrap.mobilePickupList .listContent .listRow {
        background-image: none; }
        .listMobileWrap.mobilePickupList .listContent .listRow .listRowWrap {
          padding: 15px 30px 15px 90px; }
        .listMobileWrap.mobilePickupList .listContent .listRow .openAction {
          display: none; }
        .listMobileWrap.mobilePickupList .listContent .listRow .pickAction {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 90px;
          height: 100%;
          background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0");
          background-size: auto 30px;
          background-position: left 20px center;
          background-repeat: no-repeat;
          cursor: pointer; }
    .listMobileWrap.mobilePickupComboList {
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #fff; }
      .listMobileWrap.mobilePickupComboList .listSelectDrop {
        top: 0; }
      .listMobileWrap.mobilePickupComboList .listContent {
        height: calc(100% - 180px); }
        .listMobileWrap.mobilePickupComboList .listContent .listRow {
          background-image: none; }
          .listMobileWrap.mobilePickupComboList .listContent .listRow .listRowWrap {
            padding: 15px 30px 15px 90px; }
          .listMobileWrap.mobilePickupComboList .listContent .listRow .openAction {
            display: none; }
          .listMobileWrap.mobilePickupComboList .listContent .listRow .pickAction {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 90px;
            height: 100%;
            background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0");
            background-size: auto 30px;
            background-position: left 20px center;
            background-repeat: no-repeat;
            cursor: pointer; }

  .listLoader {
    top: 90px !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto !important;
    z-index: 25; }
    .listLoader.grey {
      background-size: 80px auto !important; }

  .emptyListMessage {
    margin-left: 0;
    padding: 15px 20px;
    font-size: 22px; } }

/*# sourceMappingURL=clList_mobile.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.listMobileToolbar {
  display: none; }

@media all and (max-width: 768px) {
  .listMobileToolbar {
    display: block;
    width: 100%;
    height: 90px;
    font-size: 0;
    background-color: #5a5a58;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .listMobileToolbar button {
      display: inline-block;
      width: 90px;
      height: 90px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 40px;
      border: none;
      outline: none; }
      .listMobileToolbar button.backButton {
        background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0"); }
        .listMobileToolbar button.backButton:focus {
          background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
      .listMobileToolbar button.addButton {
        background-image: url("../../images/white/add.svg?v=10.32.12.0"); }
        .listMobileToolbar button.addButton:hover, .listMobileToolbar button.addButton:focus, .listMobileToolbar button.addButton.active {
          background-image: url("../../images/black/add.svg?v=10.32.12.0"); }
      .listMobileToolbar button.menuButton {
        float: right;
        clear: right;
        background-image: url("../../images/white/hamburger.svg?v=10.32.12.0"); }
        .listMobileToolbar button.menuButton:hover, .listMobileToolbar button.menuButton:focus, .listMobileToolbar button.menuButton.active {
          background-image: url("../../images/black/hamburger.svg?v=10.32.12.0"); }
    .listMobileToolbar .headerTitle {
      display: inline-block;
      width: calc(100% - 270px);
      height: 100%;
      padding: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      vertical-align: top;
      color: #fff; }
      .listMobileToolbar .headerTitle h2 {
        margin: 0;
        font-size: 22px;
        font-weight: 300;
        line-height: 30px;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .listMobileToolbar .headerTitle h1 {
        margin: 0;
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .listMobileToolbar .listMobileToolbarDropdown {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      height: 100%;
      z-index: 4; }
      .listMobileToolbar .listMobileToolbarDropdown .dropdownHeader {
        display: block;
        width: 100%;
        height: 90px;
        background-color: #5A5A58; }
        .listMobileToolbar .listMobileToolbarDropdown .dropdownHeader .backButton {
          display: inline-block;
          width: 90px;
          height: 90px;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0");
          background-size: 40px;
          border: none;
          outline: none; }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownHeader .backButton:focus {
            background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
        .listMobileToolbar .listMobileToolbarDropdown .dropdownHeader .pageTitle {
          display: inline-block;
          width: calc(100% - 90px);
          padding: 0 90px 0 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 90px;
          font-size: 32px;
          font-weight: 300;
          color: #fff;
          text-align: center;
          text-transform: capitalize; }
      .listMobileToolbar .listMobileToolbarDropdown .dropdownContent {
        display: block;
        width: 100%;
        height: calc(100% - 90px);
        overflow-y: auto; }
        .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button {
          display: block;
          width: 100%;
          height: 90px;
          padding: 0;
          outline: none;
          border: none;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: 30px center;
          background-size: auto 30px;
          border-bottom: 1px solid #F2F2F2;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          font-size: 32px;
          line-height: 90px;
          font-weight: 400;
          color: #000; }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button.backButton {
            background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
            .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button.backButton:focus, .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button.backButton:hover {
              background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0"); }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button .buttonName {
            display: inline-block;
            width: 100%;
            padding: 0 0 0 90px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button .subbuttonsArrow {
            display: none;
            float: right;
            clear: right;
            width: 90px;
            height: 89px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 30px center;
            background-size: auto 30px;
            background-image: url("../../images/grey/arrow_right.svg?v=10.32.12.0"); }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button.hasSubButtons .buttonName {
            width: calc(100% - 90px); }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button.hasSubButtons .subbuttonsArrow {
            display: inline-block; }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button:hover, .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button :focus {
            background-color: #F2F2F2; }
          .listMobileToolbar .listMobileToolbarDropdown .dropdownContent button:disabled {
            opacity: 0.4; }
    .listMobileToolbar .listMobileSubDropdown {
      z-index: 4; }
      .listMobileToolbar .listMobileSubDropdown .mobileDropdownContent button .buttonName {
        display: block;
        width: 100%;
        padding: 0 10px 0 30px; } }

/*# sourceMappingURL=clListMobileToolbar.css.map */

/** START: clListToolbar directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.listToolbar {
  position: relative;
  float: left;
  width: auto;
  margin: 5px 30px 5px 0;
  line-height: 20px; }
  .listToolbar .listToolbarButtonContainer {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0 15px 0 0;
    padding: 0;
    background: right center no-repeat;
    background-size: auto; }
    .listToolbar .listToolbarButtonContainer:last-child {
      margin: 0; }
    .listToolbar .listToolbarButtonContainer.group {
      background-image: url("../../images/0dd/arrow_filled_down_blue.svg?v=10.32.12.0"); }
      .listToolbar .listToolbarButtonContainer.group .listToolbarButton {
        padding-right: 10px; }
      .listToolbar .listToolbarButtonContainer.group.disabled {
        opacity: 0.4; }
    .listToolbar .listToolbarButtonContainer.active .listToolbarMenuFirstLevel, .listToolbar .listToolbarButtonContainer.active .listToolbarMenuActionsFirstLevel {
      display: block; }
    .listToolbar .listToolbarButtonContainer .listToolbarButton {
      position: relative;
      box-sizing: border-box;
      width: auto;
      height: 20px;
      margin: 0;
      padding: 0 0 0 17px;
      font-size: 12px;
      font-weight: 700;
      line-height: 20px;
      color: #006890;
      background: left center no-repeat;
      background-size: 12px 12px;
      cursor: pointer; }
      .listToolbar .listToolbarButtonContainer .listToolbarButton.actions {
        background-image: url("../../images/blue/settings.svg?v=10.32.12.0"); }
  .listToolbar .listToolbarMenuFirstLevel {
    position: absolute;
    display: none;
    top: calc(100% + 5px);
    width: 240px;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    outline-style: none;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    z-index: 1050; }
    .listToolbar .listToolbarMenuFirstLevel > li {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 30px;
      overflow: hidden;
      margin: 0;
      padding: 0 10px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #282828;
      line-height: 30px;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      cursor: pointer; }
      .listToolbar .listToolbarMenuFirstLevel > li:hover {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        background-color: #f7f7f7; }
      .listToolbar .listToolbarMenuFirstLevel > li:first-child {
        border-top: none; }
        .listToolbar .listToolbarMenuFirstLevel > li:first-child:hover {
          border-top: none; }
      .listToolbar .listToolbarMenuFirstLevel > li:last-child {
        border-bottom: none; }
        .listToolbar .listToolbarMenuFirstLevel > li:last-child:hover {
          border-bottom: none; }
  .listToolbar .listToolbarMenuActionsFirstLevel {
    position: absolute;
    display: none;
    top: calc(100% + 5px);
    width: 240px;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    outline-style: none;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    z-index: 1050; }
  .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem:first-child .listToolbarMenuActionsFirstLevelButton {
      border-top: none; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem:first-child .listToolbarMenuActionsFirstLevelButton:hover {
        border-top: none; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem:last-child .listToolbarMenuActionsFirstLevelButton:not(.label) {
      border-bottom: none; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem:last-child .listToolbarMenuActionsFirstLevelButton:not(.label):hover {
        border-bottom: none; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalUngrouped .listToolbarMenuActionsFirstLevelButton {
      display: none; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped .listToolbarMenuActionsFirstLevelButton.label {
        height: 28px;
        padding-right: 10px;
        background-color: transparent;
        border-top: none;
        border-bottom: none;
        cursor: default; }
        .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped .listToolbarMenuActionsFirstLevelButton.label:hover {
          border-top: none;
          border-bottom: none; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped:first-child {
        border-top: none; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped:last-child {
        border-bottom: none; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped + .listToolbarMenuActionsFirstLevelItem.internalGrouped {
        border-top: none; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped:hover .listToolbarMenuActionsSecondLevel {
      display: block; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped .listToolbarMenuActionsFirstLevelButton.label {
      padding-right: 20px; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem .listToolbarMenuActionsFirstLevelButton {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 30px;
      overflow: hidden;
      margin: 0;
      padding: 0 10px 0 27px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #282828;
      line-height: 30px;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      background: 10px center no-repeat;
      background-size: 12px 12px;
      cursor: pointer; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem .listToolbarMenuActionsFirstLevelButton:hover {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        background-color: #f7f7f7; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem .listToolbarMenuActionsFirstLevelButton .listToolbarMenuActionsFirstLevelButtonArrow {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 100%;
        background: url("../../images/grey/arrow_right.svg?v=10.32.12.0") no-repeat right 3px top 9px;
        background-size: 12px 12px; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem .listToolbarMenuActionsSecondLevel {
      position: relative;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      list-style: none;
      outline-style: none; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem .listToolbarMenuActionsSecondLevel .listToolbarMenuActionsSecondLevelButton {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        padding-left: 18px;
        background: 0 center no-repeat;
        background-size: 12px 12px;
        cursor: pointer; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem .listToolbarMenuActionsSecondLevel > li {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        overflow: hidden;
        margin: 0;
        padding: 0 10px;
        font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #595959;
        line-height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        cursor: pointer; }
        .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem .listToolbarMenuActionsSecondLevel > li:hover {
          border-top: 1px solid #e6e6e6;
          border-bottom: 1px solid #e6e6e6;
          background-color: #f7f7f7; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalUngrouped .listToolbarMenuActionsSecondLevel > li {
      color: #282828;
      background: 10px center no-repeat;
      background-size: 12px 12px; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalUngrouped .listToolbarMenuActionsSecondLevel > li:last-child {
        border-bottom: none; }
        .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalUngrouped .listToolbarMenuActionsSecondLevel > li:last-child:hover {
          border-bottom: none; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped .listToolbarMenuActionsSecondLevel > li {
      padding-left: 37px;
      background-image: none !important; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped .listToolbarMenuActionsSecondLevel > li:last-child {
        border-bottom: none; }
        .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.internalGrouped .listToolbarMenuActionsSecondLevel > li:last-child:hover {
          border-bottom: none; }
    .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped .listToolbarMenuActionsSecondLevel {
      position: absolute;
      display: none;
      top: 0;
      left: 100%;
      width: 240px;
      background: #ffffff;
      background-image: none !important;
      border: 1px solid #bfbfbf; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped .listToolbarMenuActionsSecondLevel li {
        color: #282828; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped .listToolbarMenuActionsSecondLevel li:first-child {
        border-top: none; }
        .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped .listToolbarMenuActionsSecondLevel li:first-child:hover {
          border-top: none; }
      .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped .listToolbarMenuActionsSecondLevel li:last-child {
        border-bottom: none; }
        .listToolbar .listToolbarMenuActionsFirstLevel .listToolbarMenuActionsFirstLevelItem.externalGrouped .listToolbarMenuActionsSecondLevel li:last-child:hover {
          border-bottom: none; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .listToolbar .listToolbarButtonContainer .listToolbarButton {
    font-weight: normal;
    text-shadow: 0.5px 0 0 #006890; } }
/** END: clListToolbar directive **/

/*# sourceMappingURL=clListToolbar.css.map */

/* START Codeless loader */
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.cl-loader-overlay {
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 25; }
  .cl-loader-overlay .cl-loader-rings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px; }
    .cl-loader-overlay .cl-loader-rings::before,
    .cl-loader-overlay .cl-loader-rings div {
      content: '';
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 32px;
      height: 32px;
      margin: 8px;
      border: 4px solid #bfd9e3;
      border-radius: 50%; }
    .cl-loader-overlay .cl-loader-rings div {
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #006890 transparent transparent transparent; }
      .cl-loader-overlay .cl-loader-rings div:nth-child(1) {
        animation-delay: -0.45s; }
      .cl-loader-overlay .cl-loader-rings div:nth-child(2) {
        animation-delay: -0.3s; }
      .cl-loader-overlay .cl-loader-rings div:nth-child(3) {
        animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*# sourceMappingURL=clLoader.css.map */

/** START: clMassEdit directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
/** START: clMassEditMarkup **/
.massEditMarkup {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid #006a92;
  border-left: 5px solid transparent; }

/** END: clMassEditMarkup **/
/** MassEdit section and content **/
.massEditContainer {
  position: absolute;
  right: 0;
  width: 500px;
  height: 100%;
  background-color: #ffffff;
  border-left: 1px solid #cccccc;
  z-index: 1; }
  .massEditContainer .massEditTitle {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin: 15px 0 0 0;
    padding: 0 0 0 15px;
    color: #282828;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: normal normal bold 21px/28px Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .massEditContainer .massEditContent {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    max-height: calc(100% - (45px + 20px + 68px));
    /* 100% - (header height + footer height) */
    margin: 20px 0 0 0;
    padding: 0 15px;
    overflow-y: auto;
    overflow-x: hidden; }
    .massEditContainer .massEditContent .noAttributesMessage {
      font-size: 14px; }
    .massEditContainer .massEditContent .rowHolder {
      width: 100%;
      height: auto;
      min-height: 30px;
      overflow: auto;
      margin: 0;
      padding: 1px 0;
      font-size: 12px; }
      .massEditContainer .massEditContent .rowHolder .label {
        float: left;
        width: 145px;
        height: 23px;
        margin: 0;
        padding: 0 15px 0 0;
        overflow: hidden;
        line-height: 23px;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000000; }
      .massEditContainer .massEditContent .rowHolder .inputHolder {
        width: calc(100% - (160px + 25px + 10px));
        /* 100% - (label width + remove button + margin) */
        height: auto;
        min-height: 23px;
        float: left; }
        .massEditContainer .massEditContent .rowHolder .inputHolder .clOnOff {
          position: relative; }
        .massEditContainer .massEditContent .rowHolder .inputHolder .clDatetime {
          float: left;
          width: calc(100% - 25px);
          /* 100% - width of the buttons bar */ }
          .massEditContainer .massEditContent .rowHolder .inputHolder .clDatetime .clDatetimeDate {
            position: static; }
          .massEditContainer .massEditContent .rowHolder .inputHolder .clDatetime .clDatetimeTime {
            position: static; }
        .massEditContainer .massEditContent .rowHolder .inputHolder > .clDate {
          float: left;
          width: calc(100% - 25px);
          /* 100% - width of the buttons bar */ }
        .massEditContainer .massEditContent .rowHolder .inputHolder .controlButtonsBar {
          position: relative;
          float: left; }
      .massEditContainer .massEditContent .rowHolder .removeItem {
        position: relative;
        font-size: 8px;
        line-height: 23px;
        text-align: center;
        margin: 0;
        padding: 0;
        color: #006f98;
        cursor: pointer;
        -webkit-text-stroke: 1px;
        display: inline-block;
        margin-left: 20px; }
      .massEditContainer .massEditContent .rowHolder input[type=text],
      .massEditContainer .massEditContent .rowHolder input[type=date],
      .massEditContainer .massEditContent .rowHolder input[type=time],
      .massEditContainer .massEditContent .rowHolder input[type=datetime],
      .massEditContainer .massEditContent .rowHolder input[type=datetime-local],
      .massEditContainer .massEditContent .rowHolder input[type=number],
      .massEditContainer .massEditContent .rowHolder input[type=password],
      .massEditContainer .massEditContent .rowHolder input[type=email] {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 23px;
        margin: 0;
        padding: 0 3px;
        font-size: 12px;
        font-weight: 400;
        color: #006890;
        border: 1px solid #96bfdd;
        background: #ffffff;
        border-radius: 4px; }
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid, .massEditContainer .massEditContent .rowHolder input[type=text].ng-touched.ng-invalid,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-touched.ng-invalid,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-touched.ng-invalid,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-touched.ng-invalid,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-touched.ng-invalid,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-touched.ng-invalid,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-touched.ng-invalid,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-touched.ng-invalid {
          border: 2px solid #af1010; }
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:focus, .massEditContainer .massEditContent .rowHolder input[type=text].ng-touched.ng-invalid:focus,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:focus,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-touched.ng-invalid:focus,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:focus,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-touched.ng-invalid:focus,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:focus,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-touched.ng-invalid:focus,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:focus,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-touched.ng-invalid:focus,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:focus,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-touched.ng-invalid:focus,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:focus,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-touched.ng-invalid:focus,
        .ng-submitted .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:focus,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-touched.ng-invalid:focus {
          border: 1px solid #bfbfbf;
          outline-color: #af1010; }
        .massEditContainer .massEditContent .rowHolder input[type=text]:read-only, .massEditContainer .massEditContent .rowHolder input[type=text]:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date]:read-only,
        .massEditContainer .massEditContent .rowHolder input[type=date]:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time]:read-only,
        .massEditContainer .massEditContent .rowHolder input[type=time]:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime]:read-only,
        .massEditContainer .massEditContent .rowHolder input[type=datetime]:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local]:read-only,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local]:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number]:read-only,
        .massEditContainer .massEditContent .rowHolder input[type=number]:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password]:read-only,
        .massEditContainer .massEditContent .rowHolder input[type=password]:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email]:read-only,
        .massEditContainer .massEditContent .rowHolder input[type=email]:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:disabled, .massEditContainer .massEditContent .rowHolder input[type=text].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:read-only
        .massEditContainer .massEditContent .rowHolder input[type=email].ng-invalid:disabled {
          color: #000000;
          background: #e6e6e6;
          border: 1px solid #dadada; }
        .massEditContainer .massEditContent .rowHolder input[type=text].displayAsLabel, .massEditContainer .massEditContent .rowHolder input[type=text].displayAsLabel:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=date].displayAsLabel,
        .massEditContainer .massEditContent .rowHolder input[type=date].displayAsLabel:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=time].displayAsLabel,
        .massEditContainer .massEditContent .rowHolder input[type=time].displayAsLabel:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].displayAsLabel,
        .massEditContainer .massEditContent .rowHolder input[type=datetime].displayAsLabel:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].displayAsLabel,
        .massEditContainer .massEditContent .rowHolder input[type=datetime-local].displayAsLabel:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=number].displayAsLabel,
        .massEditContainer .massEditContent .rowHolder input[type=number].displayAsLabel:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=password].displayAsLabel,
        .massEditContainer .massEditContent .rowHolder input[type=password].displayAsLabel:disabled,
        .massEditContainer .massEditContent .rowHolder input[type=email].displayAsLabel,
        .massEditContainer .massEditContent .rowHolder input[type=email].displayAsLabel:disabled {
          margin: 0;
          padding: 0;
          color: #000000;
          background: #ffffff;
          border: 0; }
      .massEditContainer .massEditContent .rowHolder input[type=checkbox],
      .massEditContainer .massEditContent .rowHolder input[type=radio] {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 23px;
        margin: 3px 5px;
        padding: 0 10px;
        line-height: 23px;
        border: 1px solid #bfbfbf; }
      .massEditContainer .massEditContent .rowHolder input[cl-control-combo], .massEditContainer .massEditContent .rowHolder input[cl-control-pickup] {
        float: left;
        width: calc(100% - 25px); }
      .massEditContainer .massEditContent .rowHolder .onOff {
        margin-left: 0; }
      .massEditContainer .massEditContent .rowHolder .controlButtonPickup {
        width: 25px;
        height: 23px;
        float: right; }
      .massEditContainer .massEditContent .rowHolder select {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 23px;
        font-size: 12px;
        font-weight: 400;
        color: #006890;
        padding-left: 0;
        border: 1px solid #96bfdd;
        background: #ffffff; }
        .ng-submitted .massEditContainer .massEditContent .rowHolder select.ng-invalid, .massEditContainer .massEditContent .rowHolder select.ng-touched.ng-invalid {
          border: 2px solid #af1010; }
        .ng-submitted .massEditContainer .massEditContent .rowHolder select.ng-invalid:focus, .massEditContainer .massEditContent .rowHolder select.ng-touched.ng-invalid:focus {
          border: 1px solid #bfbfbf;
          outline-color: #af1010; }
        .massEditContainer .massEditContent .rowHolder select:disabled, .massEditContainer .massEditContent .rowHolder select.ng-invalid:disabled {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          padding-left: 0;
          color: #000000;
          background: #e6e6e6;
          border: 1px solid #dadada; }
      .massEditContainer .massEditContent .rowHolder textarea {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0 3px;
        width: 100%;
        font-weight: 400;
        color: #006890;
        border: 1px solid #96bfdd;
        background: #ffffff; }
        .ng-submitted .massEditContainer .massEditContent .rowHolder textarea.ng-invalid, .massEditContainer .massEditContent .rowHolder textarea.ng-touched.ng-invalid {
          border: 2px solid #af1010; }
        .ng-submitted .massEditContainer .massEditContent .rowHolder textarea.ng-invalid:focus, .massEditContainer .massEditContent .rowHolder textarea.ng-touched.ng-invalid:focus {
          border: 1px solid #bfbfbf;
          outline-color: #af1010; }
        .massEditContainer .massEditContent .rowHolder textarea:disabled, .massEditContainer .massEditContent .rowHolder textarea:read-only, .massEditContainer .massEditContent .rowHolder textarea.ng-invalid:disabled
        .massEditContainer .massEditContent .rowHolder textarea.ng-invalid:read-only {
          color: #000000;
          background: #e6e6e6;
          border: 1px solid #dadada; }
  .massEditContainer .noAttributeFooter {
    width: 97% !important;
    float: none !important; }
  .massEditContainer .massEditFooter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 7px;
    width: 65%;
    float: right; }
    .massEditContainer .massEditFooter button {
      position: relative;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1 0;
      -ms-flex: 1 0;
      flex: 1 0;
      height: 30px;
      margin: 7px;
      padding: 0 20px;
      line-height: 30px;
      font-size: 12px;
      color: #fff;
      border: 0;
      border-radius: 0;
      cursor: pointer;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .massEditContainer .massEditFooter button:hover {
        -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1); }
      .massEditContainer .massEditFooter button:active {
        -ms-transform: scale(0.95, 0.95);
        -webkit-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95); }
      .massEditContainer .massEditFooter button.confirm {
        background: var(--unnamed-color-007fd3) 0% 0% no-repeat padding-box;
        background: #007FD3 0% 0% no-repeat padding-box;
        font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        border-radius: 4px;
        opacity: 1; }
      .massEditContainer .massEditFooter button.cancelCall {
        background: #FFF;
        border-radius: 4px;
        font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #007FD3;
        border: 1px solid #007FD3;
        width: 536px; }
      .massEditContainer .massEditFooter button.no {
        background: #a63a4c; }

@media all and (min-width: 641px) and (max-width: 980px) {
  .massEditContainer {
    top: 45px;
    height: calc(100% - 45px); } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .massEditContainer input:focus, .massEditContainer textarea:focus, .massEditContainer button:focus {
    outline: 1px solid #7ec1de; } }
/** END: clMassEdit directive **/

/*# sourceMappingURL=clMassEdit.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.mobileOptionsToolbar {
  display: none; }

@media all and (max-width: 750px) {
  .mobileOptionsToolbar {
    display: inline-block;
    float: right;
    clear: right;
    width: auto;
    max-width: 180px;
    height: auto; }
    .mobileOptionsToolbar .mobileOptionsButtonWrap {
      display: block;
      width: auto;
      height: auto;
      font-size: 0;
      text-align: right; }
      .mobileOptionsToolbar .mobileOptionsButtonWrap button {
        display: inline-block;
        width: 90px;
        height: 90px;
        outline: none;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40px;
        background-color: transparent;
        border: none; }
        .mobileOptionsToolbar .mobileOptionsButtonWrap button.addButton {
          background-image: url("../../images/white/add.svg?v=10.32.12.0"); }
          .mobileOptionsToolbar .mobileOptionsButtonWrap button.addButton:hover, .mobileOptionsToolbar .mobileOptionsButtonWrap button.addButton:focus, .mobileOptionsToolbar .mobileOptionsButtonWrap button.addButton.active {
            background-image: url("../../images/black/add.svg?v=10.32.12.0"); }
        .mobileOptionsToolbar .mobileOptionsButtonWrap button.editButton {
          background-image: url("../../images/white/edit-text.svg?v=10.32.12.0"); }
          .mobileOptionsToolbar .mobileOptionsButtonWrap button.editButton:hover, .mobileOptionsToolbar .mobileOptionsButtonWrap button.editButton:focus, .mobileOptionsToolbar .mobileOptionsButtonWrap button.editButton.active {
            background-image: url("../../images/black/edit-text.svg?v=10.32.12.0"); }
        .mobileOptionsToolbar .mobileOptionsButtonWrap button.saveButton {
          background-image: url("../../images/white/save.svg?v=10.32.12.0"); }
          .mobileOptionsToolbar .mobileOptionsButtonWrap button.saveButton:disabled {
            background-image: url("../../images/grey/save.svg?v=10.32.12.0"); }
          .mobileOptionsToolbar .mobileOptionsButtonWrap button.saveButton:hover, .mobileOptionsToolbar .mobileOptionsButtonWrap button.saveButton:focus, .mobileOptionsToolbar .mobileOptionsButtonWrap button.saveButton.active {
            background-image: url("../../images/black/save.svg?v=10.32.12.0"); }
        .mobileOptionsToolbar .mobileOptionsButtonWrap button.menuButton {
          background-image: url("../../images/white/hamburger.svg?v=10.32.12.0"); }
          .mobileOptionsToolbar .mobileOptionsButtonWrap button.menuButton:hover, .mobileOptionsToolbar .mobileOptionsButtonWrap button.menuButton:focus, .mobileOptionsToolbar .mobileOptionsButtonWrap button.menuButton.active {
            background-image: url("../../images/black/hamburger.svg?v=10.32.12.0"); }
    .mobileOptionsToolbar .mobileOptionsDropdown {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      height: 100%;
      z-index: 4; }
      .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownHeader {
        display: block;
        width: 100%;
        height: 90px;
        background-color: #5A5A58; }
        .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownHeader .backButton {
          display: inline-block;
          width: 90px;
          height: 90px;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0");
          background-size: 40px;
          border: none;
          outline: none; }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownHeader .backButton:focus {
            background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
      .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent {
        display: block;
        width: 100%;
        height: calc(100% - 90px);
        overflow-y: auto; }
        .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button {
          display: block;
          width: 100%;
          height: 90px;
          padding: 0;
          outline: none;
          border: none;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: 30px center;
          background-size: auto 30px;
          border-bottom: 1px solid #F2F2F2;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          font-size: 32px;
          line-height: 90px;
          font-weight: 400;
          color: #000; }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button.backButton {
            background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
            .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button.backButton:focus, .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button.backButton:hover {
              background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0"); }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button .buttonName {
            display: inline-block;
            width: 100%;
            padding: 0 0 0 90px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button .subbuttonsArrow {
            display: none;
            float: right;
            clear: right;
            width: 90px;
            height: 89px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 30px center;
            background-size: auto 30px;
            background-image: url("../../images/grey/arrow_right.svg?v=10.32.12.0"); }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button.hasSubButtons .buttonName {
            width: calc(100% - 90px); }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button.hasSubButtons .subbuttonsArrow {
            display: inline-block; }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button:hover, .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button :focus {
            background-color: #F2F2F2; }
          .mobileOptionsToolbar .mobileOptionsDropdown .mobileDropdownContent button:disabled {
            opacity: 0.4; }
    .mobileOptionsToolbar .mobileOptionsSubDropdown {
      z-index: 4; }
      .mobileOptionsToolbar .mobileOptionsSubDropdown .mobileDropdownContent button .buttonName {
        display: block;
        width: 100%;
        padding: 0 10px 0 30px; }

  .applicationHeader .mobileDropdownHeader .pageTitle {
    float: none; } }

/*# sourceMappingURL=clMobileOptionsToolbar.css.map */

/** START: clOnOff directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.onOff {
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 23px;
  overflow: hidden;
  margin: 0 0 0 4px;
  padding: 0;
  font-size: 12px;
  border: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .ng-submitted .onOff.ng-invalid:focus, .onOff.ng-touched.ng-invalid:focus {
    outline-width: 2px;
    outline-color: #af1010; }
  .onOff .onOffContent {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 70px;
    height: 100%;
    -webkit-transition: left 300ms;
    transition: left 300ms; }
    .onOff .onOffContent.onStatus {
      left: 0; }
    .onOff .onOffContent.offStatus {
      left: -30px; }
  .onOff .onLabel,
  .onOff .onOffButton,
  .onOff .offLabel {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 30px;
    height: 100%;
    line-height: 22px;
    text-align: center; }
  .onOff .onLabel {
    border: 1px solid #007FD3;
    border-right: 0;
    background: #007FD3;
    color: #ffffff; }
  .ng-submitted .onOff.ng-invalid:focus .onLabel, .onOff.ng-touched.ng-invalid:focus .onLabel {
    border-color: #006890; }
  .onOff .offLabel {
    background: #ecf8ff;
    color: #006890;
    border: 1px solid #92c0de;
    border-left: 0; }
  .ng-submitted .onOff.ng-invalid:focus .offLabel, .onOff.ng-touched.ng-invalid:focus .offLabel {
    border-color: #e6e6e6; }
  .onOff .onOffButton {
    width: 10px;
    border: 1px solid #d1d1d1;
    background: #f2f2f2; }
  .ng-submitted .onOff.ng-invalid:focus .onOffButton, .onOff.ng-touched.ng-invalid:focus .onOffButton {
    border-color: #d1d1d1; }
  .ng-submitted .onOff.ng-invalid .onLabel, .onOff.ng-touched.ng-invalid .onLabel, .ng-submitted .onOff.ng-invalid .onOffButton, .onOff.ng-touched.ng-invalid .onOffButton, .ng-submitted .onOff.ng-invalid .offLabel, .onOff.ng-touched.ng-invalid .offLabel {
    border-color: #af1010; }
  .fromTemplate .onOff {
    outline: 1px solid #006890;
    font-weight: bold; }

.onOff.disabled .onLabel {
  background: #949494;
  color: #ffffff;
  border: 1px solid #949494;
  border-right: 0; }
.onOff.disabled .offLabel {
  background: #E6E6E6;
  color: #60686b;
  border: 1px solid #C9C9C9;
  border-left: 0; }
.onOff.disabled .offStatus .onOffButton {
  background: #A7B0B5;
  border: 1px solid #A7B0B5; }
.onOff.disabled .onStatus .onOffButton {
  border: 1px solid #7c7c7c;
  background: #7c7c7c; }

.offStatus .onOffButton {
  background: #ffffff;
  border: 1px solid #92c0de; }

.onStatus .onOffButton {
  background: #ffffff;
  border: 1px solid #027cb5; }

.highlighted .onOff {
  outline: 1px dashed red; }

.onOff .onOffContent .onStatus {
  transition: background 300ms; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ng-submitted .onOff.ng-invalid:focus, .onOff.ng-touched.ng-invalid:focus {
    outline: 1px solid #af1010; }

  .onOff:focus {
    outline: 1px solid #7ec1de; } }
/** END: clOnOff directive **/

/*# sourceMappingURL=clOnOff-all.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.onOffWrap {
  outline: none; }

@media all and (min-width: 769px) {
  .onOffWrap {
    position: absolute;
    width: 40px;
    height: 23px; } }
.mobileOnOffContent {
  display: none; }

@media all and (max-width: 768px) {
  .onOffContent {
    display: none; }

  .mobileOnOffContent {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }
    .mobileOnOffContent select {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 32px;
      line-height: 90px;
      padding: 0 90px 0 36px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: none;
      outline: none;
      background-color: #fff;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .mobileOnOffContent select:focus {
        background-color: #eeeeee; }
      .mobileOnOffContent select.enabled {
        color: #000000 !important; } }

/*# sourceMappingURL=clOnOff-mobile.css.map */

/** START: clOptionsToolbar directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.optionsToolbar {
  outline: none;
  /** tabindex adds an outline to div - tabindex is required to have focusout/blur **/
  width: auto;
  max-width: calc(100% - 465px);
  height: 100%;
  float: left;
  font-size: 0.75em;
  overflow: hidden;
  background-color: #ffffff;
  border: 0; }
  .optionsToolbar.alternateBackground {
    background-color: #f2f2f2; }

.optionsToolbarButton {
  position: relative;
  box-sizing: border-box;
  width: 45px;
  height: 45px;
  float: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  padding: 0px;
  outline: none; }
  .optionsToolbarButton.group:before {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    content: '';
    background: url("../../images/0dd/arrow_filled_down_lightblue.svg?v=10.32.12.0") no-repeat center top; }
  .optionsToolbarButton.disabled {
    opacity: 0.4;
    cursor: default; }
  .optionsToolbarButton:hover {
    background-color: #4b4b49; }
  .optionsToolbarButton.disabled:hover {
    background-color: transparent; }
  .optionsToolbarButton.active {
    background-color: #f5f5f5;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6; }
  .optionsToolbarButton.active:hover {
    background-color: #4b4b49;
    border-right: 1px solid #4b4b49;
    border-left: 1px solid #4b4b49; }
  .optionsToolbarButton.back {
    background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0"); }
    .optionsToolbarButton.back:hover {
      background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0"); }
    .optionsToolbarButton.back.disabled:hover {
      background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0"); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .optionsToolbarButton {
    background-size: 20px 21px; } }
/** Media queries **/
@media all and (max-width: 750px) {
  .optionsToolbar {
    background-color: transparent;
    height: 90px;
    max-width: 90px; }
    .optionsToolbar .optionsToolbarButton {
      background-color: #5A5A58;
      width: 90px;
      height: 90px;
      background-size: auto 40px; }
      .optionsToolbar .optionsToolbarButton.back {
        background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0");
        background-size: 40px;
        outline: none; }
        .optionsToolbar .optionsToolbarButton.back:hover {
          background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
      .optionsToolbar .optionsToolbarButton.cancelEditMode {
        background-image: url("../../images/white/close.svg?v=10.32.12.0"); }
        .optionsToolbar .optionsToolbarButton.cancelEditMode:hover {
          background-image: url("../../images/black/close.svg?v=10.32.12.0"); }
        .optionsToolbar .optionsToolbarButton.cancelEditMode.disabled:hover {
          background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0"); }
    .optionsToolbar .optionsToolbarButton.small {
      width: 40px;
      background-size: 20px 12px; } }
/** END: clOptionsToolbar directive **/

/*# sourceMappingURL=clOptionsToolbar.css.map */

/** START: clPasswordStrength directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.passwordStrength {
  box-sizing: border-box;
  width: 100%;
  height: 23px;
  overflow: hidden; }
  .passwordStrength .passwordStrengthMeter {
    float: left;
    width: 50%;
    height: 23px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px; }
  .passwordStrength .passwordStrengthMeterBar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 10px;
    line-height: 5px;
    color: #fff;
    text-align: center;
    background-color: #2a80b9;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease; }
    .passwordStrength .passwordStrengthMeterBar.strong {
      background-color: #27ae61; }
    .passwordStrength .passwordStrengthMeterBar.good {
      background-color: #2c97dd; }
    .passwordStrength .passwordStrengthMeterBar.fair {
      background-color: #d36a4a; }
    .passwordStrength .passwordStrengthMeterBar.weak {
      background-color: #a63a4c; }
  .passwordStrength .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .passwordStrength .passwordStrengthText {
    float: right;
    box-sizing: border-box;
    width: 50%;
    height: 23px;
    margin: 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000; }

/** END: clPasswordStrength directive **/

/*# sourceMappingURL=clPasswordStrength.css.map */

/** START: Profiler toolbar **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.profilerToolbarDirective {
  display: inline-block;
  float: right;
  color: #ffffff;
  font-size: 12px;
  padding: 10px;
  line-height: 25px; }

/*# sourceMappingURL=clProfilerToolbar.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.progressBar {
  position: absolute;
  margin-top: 45px;
  width: 100%;
  height: 3px;
  background-color: #282828; }
  .progressBar::-webkit-progress-value {
    background: #F2F2F2; }
  .progressBar::-moz-progress-bar {
    background: #F2F2F2; }

/*# sourceMappingURL=clProgressBar.css.map */

/** START: clResponseMessage directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.modalResponseMessage {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2060;
  opacity: 1;
  transition: opacity 0.3s ease-in; }
  .modalResponseMessage.modalResponseMessageShow {
    display: block;
    animation: fadein 0.3s;
    -moz-animation: fadein 0.3s;
    -webkit-animation: fadein 0.3s;
    -o-animation: fadein 0.3s; }
  .modalResponseMessage.modalResponseMessageHide {
    display: block;
    opacity: 0; }

.modalResponseMessageOverlay {
  position: absolute;
  z-index: 24;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4b4b49;
  opacity: 0.5; }

.modalResponseMessageDialog {
  position: relative;
  z-index: 25;
  width: 570px;
  height: auto;
  text-align: left;
  max-height: calc(100% - 20px);
  overflow: hidden;
  color: #282828;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  left: 50%;
  transform: translate(-50%);
  top: 95px;
  border-radius: 4px;
  /* Center the dialog */ }
  .modalResponseMessageDialog button {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    height: 30px;
    margin-right: 13px;
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .modalResponseMessageDialog button:hover {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
      filter: brightness(85%); }
    .modalResponseMessageDialog button:active {
      -ms-transform: scale(0.95, 0.95);
      /* IE 9 */
      -webkit-transform: scale(0.95, 0.95);
      /* Chrome, Safari, Opera */
      transform: scale(0.95, 0.95); }
    .modalResponseMessageDialog button.confirm {
      background: #007FD3;
      margin-right: 0px;
      margin-top: 15px; }
    .modalResponseMessageDialog button.confirmAll {
      background: #007FD3;
      margin-left: 15px;
      margin-top: 15px; }
    .modalResponseMessageDialog button.cancel {
      background: #FFF; }
    .modalResponseMessageDialog button.cancelButton {
      margin-top: 15px; }
    .modalResponseMessageDialog button.no {
      background: #FFF;
      margin-top: 15px;
      color: #007FD3;
      border: 1px solid #007FD3; }
    .modalResponseMessageDialog button.cancelCall {
      background: #bdbdbd;
      width: 536px;
      margin: 14px 0 14px 16px;
      text-align: center; }
    .modalResponseMessageDialog button:last-of-type {
      margin-right: 0px; }
  .modalResponseMessageDialog .modalResponseHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    justify-content: space-between;
    cursor: move; }
    .modalResponseMessageDialog .modalResponseHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .modalResponseMessageDialog .modalResponseHeader .modalIcons {
      display: flex; }
      .modalResponseMessageDialog .modalResponseHeader .modalIcons .activeToggle {
        height: 45px;
        width: 45px;
        text-align: center;
        line-height: 48px;
        cursor: pointer; }
        .modalResponseMessageDialog .modalResponseHeader .modalIcons .activeToggle::after {
          content: "\E96D";
          font-size: 15px;
          font-family: "fabric-icons", "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
      .modalResponseMessageDialog .modalResponseHeader .modalIcons .inactiveToggle {
        height: 45px;
        width: 45px;
        text-align: center;
        line-height: 48px;
        cursor: pointer; }
        .modalResponseMessageDialog .modalResponseHeader .modalIcons .inactiveToggle::after {
          content: "\E96E";
          font-size: 15px;
          font-family: "fabric-icons", "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
  .modalResponseMessageDialog .modalLeftHeader {
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px; }
  .modalResponseMessageDialog .busyLeftHeader {
    float: right;
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #585858; }
    .modalResponseMessageDialog .busyLeftHeader:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  .modalResponseMessageDialog .closeResponseDialog {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    background: url("../../images/black/close.svg?v=10.32.12.0") no-repeat center;
    background-size: 15px 15px;
    cursor: pointer;
    float: right; }
    .modalResponseMessageDialog .closeResponseDialog:hover {
      background-color: #4b4b49; }
  .modalResponseMessageDialog .saveAsTextResponseDialog {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    float: right; }
    .modalResponseMessageDialog .saveAsTextResponseDialog:hover {
      background-color: #4b4b49; }

.modalResponseContainer {
  position: relative; }
  .modalResponseContainer.white {
    background-color: #ffffff;
    color: #282828;
    padding: 15px; }
  .modalResponseContainer.grey {
    background-color: #fff;
    color: #ffffff;
    padding: 0; }
  .modalResponseContainer .responseModalMessage {
    font-size: 12px; }
    .modalResponseContainer .responseModalMessage.preformattedMessage {
      white-space: pre; }
  .modalResponseContainer .responseModalDetailMessage {
    font-size: 12px;
    margin-top: 20px; }
    .modalResponseContainer .responseModalDetailMessage.preformattedDetailMessage::before {
      content: "Details:\a";
      font-weight: bold; }
    .modalResponseContainer .responseModalDetailMessage .customize-message::before {
      content: "\a\a";
      white-space: pre; }

.blockingObjects {
  box-sizing: border-box;
  padding: 0px 0px 5px 0px !important; }

.invariantsContainer {
  padding: 14px 14px 0px 14px;
  background: white;
  color: #282828;
  font-size: 12px; }
  .invariantsContainer .questionDialog {
    padding: 14px 14px 0px 14px; }
  .invariantsContainer .needConfirmationFooter {
    padding: 0px 14px 14px 14px; }

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 0;
  margin-left: auto;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes fadeout {
  /* Firefox */
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes fadeout {
  /* Safari and Chrome */
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes fadeout {
  /* Opera */
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.progressDialog .progressText {
  color: #282828; }
.progressDialog .progressHeader {
  height: 40px;
  font-size: 14px;
  color: #282828;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DDDDDD;
  /*    progress::-webkit-progress-value {
        background: -webkit-linear-gradient(white, white);
        background: -o-linear-gradient(white, white);
        background: -moz-linear-gradient(white, white);
        background: linear-gradient(white, white);
        border: 0;
      }*/ }
  .progressDialog .progressHeader canvas {
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 480px;
    border: none;
    margin-bottom: 10px;
    height: 8px; }
  .progressDialog .progressHeader .progressText {
    position: absolute;
    padding: 0;
    float: left;
    margin: 16px 0 0 16px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #282828; }
  .progressDialog .progressHeader .progressToggle.up {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    background: url("../../images/black/arrow_up.svg?v=10.32.12.0") no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    float: right; }
    .progressDialog .progressHeader .progressToggle.up:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  .progressDialog .progressHeader .progressToggle.down {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    background: url("../../images/black/arrow_down.svg?v=10.32.12.0") no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    float: right; }
    .progressDialog .progressHeader .progressToggle.down:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  .progressDialog .progressHeader .activeToggle {
    margin: auto;
    margin-right: 3%;
    margin-top: 2.5%;
    cursor: pointer; }
    .progressDialog .progressHeader .activeToggle::after {
      content: "\E96D";
      font-size: 15px;
      font-family: "fabric-icons", "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
  .progressDialog .progressHeader .inactiveToggle {
    margin: auto;
    margin-right: 3%;
    margin-top: 2.5%;
    cursor: pointer; }
    .progressDialog .progressHeader .inactiveToggle::after {
      content: "\E96E";
      font-size: 15px;
      font-family: "fabric-icons", "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
.progressDialog .progressBox {
  background-color: #ffffff;
  font-size: 12px; }
.progressDialog .progressOnError {
  position: relative;
  border-top: 1px solid #bdbdbd;
  color: #282828;
  padding: 12px 15px 25px 16px; }
  .progressDialog .progressOnError span {
    display: inline-block;
    width: 447px; }
  .progressDialog .progressOnError div {
    display: inline-block; }

.needConfirmationFooter {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0;
  text-align: center; }

.invariantsFooter {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0; }
  .invariantsFooter input {
    background-color: #f5f5f5;
    border: 0 !important;
    margin: 10px 0px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box; }
    .invariantsFooter input:first-of-type {
      margin-top: 13px; }
    .invariantsFooter input:last-of-type {
      margin-bottom: 0px; }

.summaryContainer.slideDown {
  max-height: 450px;
  overflow: auto; }

.summaryContainer {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  transition: max-height 0.3s; }

.responseSummaryMessageContainer {
  max-height: inherit;
  overflow-y: auto; }

.responseSummaryMessage {
  padding: 5px 0px 5px 0px;
  line-height: 20px;
  font-size: 12px; }
  .responseSummaryMessage:last-of-type {
    padding-bottom: 0px; }
  .responseSummaryMessage:first-of-type {
    padding-top: 0px; }

.responseSummaryMessageTitle {
  line-height: 26px;
  font-size: 14px;
  display: inline; }
  .responseSummaryMessageTitle span {
    font-weight: 700; }

.busyContainer {
  position: relative;
  height: 97px;
  font-size: 14px; }
  .busyContainer .header {
    font-size: 14px;
    color: #282828;
    padding-left: 16px;
    border-bottom: 1px solid #DDDDDD;
    line-height: 45px; }
  .busyContainer .loaderContainer {
    background: #DDDDDD;
    text-align: right;
    height: 3px;
    width: 94%;
    overflow: hidden;
    color: #282828;
    border-radius: 6px;
    margin-left: 16px;
    margin-top: 23px;
    top: 18px; }
  .busyContainer .loaderIndicator {
    background: #007FD3 0% 0% no-repeat padding-box;
    padding: 0px 0px 0px 50px;
    width: 50px;
    height: 3px;
    -webkit-animation: loading 1.5s linear 0s infinite;
    /* Chrome, Safari, Opera */
    animation: loading 1.5s linear 0s infinite;
    /* Standard syntax */
    color: #007FD3;
    border-radius: 6px; }

.responseAttachmentsSection {
  margin-top: 10px; }

.responseAttachmentsSectionTitle {
  position: relative;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #006890;
  outline: none; }

.responseAttachment {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 25px; }
  .responseAttachment .attachmentInfo {
    position: relative;
    clear: both;
    width: auto;
    height: auto;
    padding: 0; }
    .responseAttachment .attachmentInfo.filename {
      font-size: 12px;
      text-decoration: underline;
      cursor: pointer; }
    .responseAttachment .attachmentInfo.date, .responseAttachment .attachmentInfo.size {
      font-size: 12px;
      color: #000000; }
  .responseAttachment .attachmentDelete {
    margin-left: 20px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #000000;
    cursor: pointer; }
    .responseAttachment .attachmentDelete:hover {
      color: #585858; }

.responseReportsSection {
  margin-top: 10px;
  max-height: 400px;
  overflow: auto; }

.responseReportsSectionTitle {
  position: relative;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #006890;
  outline: none; }

.responseReport {
  padding: 0 7px; }
  .responseReport a {
    color: #282828;
    font-size: 12px;
    line-height: 23px;
    text-decoration: none;
    cursor: pointer; }
  .responseReport a:hover {
    text-decoration: underline; }

.modalConfirmationDialog.slideDown {
  max-height: 710px; }

.modalConfirmationDialog {
  max-height: 0;
  background-color: #ffffff;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  transition: max-height 0.3s; }
  .modalConfirmationDialog .needConfirmationContainer {
    padding: 15px;
    font-size: 12px;
    max-height: 710px; }
    .modalConfirmationDialog .needConfirmationContainer .confirmationMessage {
      overflow-y: auto;
      max-height: 600px; }
    .modalConfirmationDialog .needConfirmationContainer .questionDialog {
      margin-top: 15px;
      font-weight: 600; }
    .modalConfirmationDialog .needConfirmationContainer .confirmationOptionsSelect {
      height: 23px;
      border: 1px solid #96bfdd;
      font-size: 12px;
      color: #006890; }
    .modalConfirmationDialog .needConfirmationContainer .responseModalDetailMessage {
      font-size: 12px;
      margin-top: 20px; }
      .modalConfirmationDialog .needConfirmationContainer .responseModalDetailMessage.preformattedDetailMessage::before {
        content: "Details:\a";
        font-weight: bold; }
      .modalConfirmationDialog .needConfirmationContainer .responseModalDetailMessage .customize-message::before {
        content: "\a\a";
        white-space: pre; }

/** END: clResponseMessage directive **/

/*# sourceMappingURL=clResponseMessage.css.map */

/** START: clResponseMessage directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
@media only screen and (max-width: 768px) {
  .modalResponseMessageDialog {
    width: 95%; }
    .modalResponseMessageDialog button {
      height: 60px;
      font-size: 24px;
      line-height: normal; }
    .modalResponseMessageDialog .modalResponseHeader {
      height: 90px; }
      .modalResponseMessageDialog .modalResponseHeader .headerTitle {
        font-size: 24px;
        line-height: 90px; }
    .modalResponseMessageDialog .closeResponseDialog {
      width: 90px;
      height: 90px;
      background-size: 30px 30px; }
    .modalResponseMessageDialog .modalResponseContainer .responseModalMessage {
      font-size: 20px; }
    .modalResponseMessageDialog .modalLeftHeader {
      background-size: 40px 40px; }

  .busyContainer {
    height: 90px;
    font-size: 24px; }
    .busyContainer .header {
      padding-bottom: 10px;
      padding-top: 20px;
      font-size: 24px;
      color: #282828; }
    .busyContainer .loaderContainer {
      width: 80%;
      color: #282828; } }

/*# sourceMappingURL=clResponseMessage_mobile.css.map */

/** START: clRtf directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.cke {
  box-shadow: none !important;
  box-sizing: border-box;
  opacity: 0; }
  .cke.cke.ng-invalid {
    border: 2px solid red !important; }

.cke_inner:not(.cke_maximized) {
  height: calc(100%) !important; }
  .cke_inner:not(.cke_maximized) .cke_contents {
    min-height: calc(100% - 96px); }

.cke_combo__font .cke_combo_text {
  width: 200px !important; }

.cke_combopanel__font {
  width: 250px !important; }

.cke_wysiwyg_frame {
  position: static !important; }

/** END: clRtf directive **/

/*# sourceMappingURL=clRtf.css.map */

/** START: clSearchToolbar directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.searchToolbar {
  width: 330px;
  height: 45px;
  float: right;
  outline: none; }

.searchResultLoader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 25; }
  .searchResultLoader.grey {
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    background: #cccccc url("../../images/shared/loader.gif?v=10.32.12.0") no-repeat center; }

.searchResultItemNameCanvas {
  display: none; }

.searchBox input::-ms-clear {
  display: none; }

.searchBox {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 10px;
  z-index: 51; }
  .searchBox.active {
    background: #ffffff; }
  .searchBox .searchIcon {
    position: absolute;
    transform: scaleX(-1);
    font-size: 12px;
    height: 12px;
    margin-left: 11px;
    margin-top: 7px;
    color: #CBCBCB; }
  .searchBox input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    padding: 0 18px 0px 28px;
    font-size: 12px;
    color: #282828;
    outline: none;
    border: 1px solid #CBCBCB;
    text-overflow: ellipsis;
    background-size: 12px 12px;
    opacity: 1;
    letter-spacing: 0px;
    border-radius: 4px; }
    .searchBox input.hasClear {
      background: #ffffff url("../../images/grey/close.svg?v=10.32.12.0") no-repeat right 5px center !important;
      background-size: 12px 12px !important; }
    .searchBox input:focus {
      outline-offset: 0; }
      .searchBox input:focus::placeholder {
        color: #A3A3A3; }
    .searchBox input::placeholder {
      color: #A3A3A3; }
  .searchBox .closeBtn {
    position: absolute;
    width: 15px;
    height: 15px;
    cursor: pointer;
    top: 15px;
    right: 15px;
    display: none; }
  .searchBox .visible {
    display: block !important; }

.searchButton {
  display: none;
  width: 90px;
  height: 90px;
  background-color: transparent;
  background-image: url("../../images/white/search.svg?v=10.32.12.0");
  background-size: auto 40px;
  background-position: 25px 25px;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  outline: none;
  cursor: pointer; }

/** START: searchDropdown **/
.searchDropdown {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 45px;
  right: 0;
  width: 100%;
  max-width: 330px;
  height: 0;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: Nunito, Tahoma, Arial, Helvetica, sans-serif;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  background: #ffffff;
  opacity: 0;
  z-index: 50;
  -webkit-transition: height 0.35s ease-in, opacity 0s 0.35s ease-in;
  -ms-transition: height 0.35s ease-in, opacity 0s 0.35s ease-in;
  transition: height 0.35s ease-in, opacity 0s 0.35s ease-in; }
  .modern-toolbar-layout .searchDropdown {
    max-width: 420px; }
  .searchDropdown .searchBoxMobile {
    display: none;
    width: 100%;
    height: auto;
    padding: 20px 20px 4px 20px;
    border: none; }
  .searchDropdown.active {
    height: 100%;
    max-height: calc(100% - 45px);
    -ms-transition-delay: 0s !important;
    transition-delay: 0s !important;
    opacity: 1; }
  .searchDropdown .searchDropdownContent {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
    .searchDropdown .searchDropdownContent .dropdownSection {
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      width: 100%;
      background: #ffffff;
      overflow: hidden; }
      .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult {
        display: flex;
        width: 100%;
        padding: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 16px;
        font-size: 14px;
        color: #282828;
        font-weight: 600;
        cursor: pointer;
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 12px 12px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.active {
          background-color: #eaf1f6; }
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.active .functionId,
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.active .navigationAction,
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.active .actionTitle {
            color: #007fd3; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.lastItem {
          border-bottom: 0 !important; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.category {
          padding: 24px 16px 16px;
          font-weight: bold;
          font-size: 21px;
          margin: 0; }
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.category.active {
            background-color: #ffffff; }
            .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.category.active:not(.lastItem) {
              cursor: unset; }
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.category .functionId {
            width: auto; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.inactive {
          cursor: default; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .actionTitle {
          flex-grow: 1; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .quickAddButton {
          display: none;
          width: 30px;
          background-image: url("../../images/blue/add.svg");
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 15px 15px; }
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .quickAddButton:hover {
            background-image: url("../../images/black/add.svg"); }
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .quickAddButton.active {
            display: block; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .navigationAction {
          float: left;
          clear: right;
          width: calc(100% - 100px);
          line-height: 16px;
          font-size: 14px;
          color: #282828;
          font-weight: 600;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .functionId {
          min-width: 70px;
          max-width: 70px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 14px;
          color: #a3a3a3;
          text-align: right;
          line-height: 15px; }
          .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .functionId:after {
            display: inline-block;
            padding: 0 3px;
            font-size: 12px;
            content: "-"; }

/** Media queries **/
@media all and (max-width: 750px) {
  .searchToolbar {
    display: inline-block;
    width: auto;
    height: auto; }

  .searchBox {
    display: none; }
    .searchBox input {
      height: 50px;
      font-size: 20px; }
      .searchBox input.hasClear {
        background: #ffffff url("../../images/grey/close.svg?v=10.32.12.0") no-repeat right 15px center !important;
        background-size: 20px !important; }
    .searchBox .closeBtn {
      top: 32px;
      right: 34px;
      width: 25px;
      height: 25px; }

  .searchButton {
    display: block; }

  .searchDropdown {
    max-width: 100%;
    top: 0;
    padding: 0; }
    .searchDropdown.active {
      max-height: 100%; }
    .searchDropdown .searchBoxMobile {
      display: block; }
    .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult {
      padding-left: 70px;
      height: 60px;
      line-height: 60px;
      font-size: 22px;
      background-size: 20px 20px;
      background-position: 16px 18px; }
      .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.category {
        padding: 0 10px 0 50px;
        font-weight: 700;
        color: #282828;
        border-top: 1px solid #e6e6e6; }
      .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .quickAddButton {
        position: absolute;
        display: block;
        width: 60px;
        height: 58px;
        top: 0;
        right: 10px;
        background-image: url("../../images/blue/add.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-color: #fff; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .quickAddButton:hover {
          background-image: url("../../images/black/add.svg"); }
      .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .navigationAction {
        width: calc(100% - 120px);
        line-height: inherit; }
      .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .functionId {
        width: 70px;
        max-width: 70px;
        font-size: 20px; }
        .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult .functionId:after {
          font-size: 22px; }
      .searchDropdown .searchDropdownContent .dropdownSection .dropdownResult.active .quickAddButton {
        background-color: #f7f7f7; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .searchDropdown .searchDropdownContent .dropdownSection .category.dropdownResult {
    font-weight: normal;
    text-shadow: 0.5px 0 0 #282828; } }
/** END: clSearchToolbar **/

/*# sourceMappingURL=clSearchToolbar.css.map */

/** START: clSectionsDropdownMenu directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.sectionsDropdownMenu {
  position: absolute;
  display: none;
  width: 240px;
  height: auto;
  max-height: calc(100% - 60px);
  overflow-y: auto;
  margin: 0;
  padding: 0;
  outline: none;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  border-top: 0 solid #000000;
  transition: opacity 0.2s ease-in;
  list-style: none;
  z-index: 1050; }
  .sectionsDropdownMenu.active {
    display: block; }
  .sectionsDropdownMenu > li {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin: 0;
    padding: 0 10px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #282828;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    outline: none;
    cursor: pointer; }
    .sectionsDropdownMenu > li.disabled {
      opacity: 0.4;
      cursor: default; }
    .sectionsDropdownMenu > li.selected {
      border-top: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      background-color: #f7f7f7; }
    .sectionsDropdownMenu > li:first-child {
      border-top: none; }
      .sectionsDropdownMenu > li:first-child:hover {
        border-top: none; }
    .sectionsDropdownMenu > li:last-child {
      border-bottom: none; }
      .sectionsDropdownMenu > li:last-child:hover {
        border-bottom: none; }

/*.sectionsDropdownMenu li.selected {
  color: #ffffff;
  background-color: #74b3cc;
}*/
/** END: clSectionsDropdownMenu directive **/

/*# sourceMappingURL=clSectionsDropdownMenu.css.map */

/** START: cl-table ag-grid **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.tableDirective {
  /** EDITABLE GRIDS **/ }
  .tableDirective .isPivot .ag-group-child-count {
    line-height: 29px;
    display: inline-block;
    position: unset;
    top: unset;
    padding-left: 7px; }
  .tableDirective .ag-header .ag-header-cell {
    background-position: bottom left;
    background-image: url("../../images/0dd/1x28_d4d4d4.svg?v=10.32.12.0");
    background-size: 1px 25px; }
  .tableDirective .ag-floating-filter-full-body {
    top: unset;
    background-image: unset; }
  .tableDirective .wrapperColumnFilter {
    height: 25px; }
  .tableDirective .ag-cell-wrapper.ag-row-group {
    align-items: center; }
  .tableDirective .ag-horizontal-left-spacer,
  .tableDirective .ag-horizontal-right-spacer {
    overflow-x: auto; }
  .tableDirective .ag-pinned-left-cols-container .ag-row .ag-cell {
    background-color: #fafafa !important; }
  .tableDirective .ag-body-viewport .ag-row .formatAlert {
    background-color: unset !important; }
  .tableDirective .ag-body-viewport .ag-row .ag-cell {
    border-right: 1px solid #eaeaea !important;
    border-bottom: 1px solid #e1e1e1 !important;
    box-sizing: border-box; }
    .tableDirective .ag-body-viewport .ag-row .ag-cell > .ag-cell-contents {
      border: 1px solid transparent; }
  .tableDirective .ag-body-viewport .ag-row .ag-cell-range-selected {
    background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0") !important;
    background-repeat: repeat;
    background-position: left bottom; }
  .tableDirective .ag-body-viewport .ag-row .ag-cell-focus {
    outline: none; }
    .tableDirective .ag-body-viewport .ag-row .ag-cell-focus.ag-cell-popup-editing > .ag-cell-contents {
      border: unset !important; }
    .tableDirective .ag-body-viewport .ag-row .ag-cell-focus .ag-cell-contents {
      border: 1px solid #006890 !important; }
    .tableDirective .ag-body-viewport .ag-row .ag-cell-focus.ag-cell-inline-editing, .tableDirective .ag-body-viewport .ag-row .ag-cell-focus[col-id="clSelectColumn"], .tableDirective .ag-body-viewport .ag-row .ag-cell-focus[col-id="clNavigateColumn"], .tableDirective .ag-body-viewport .ag-row .ag-cell-focus[col-id="clPickColumn"] {
      outline: none; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-odd.row-alternate-color-enabled {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #fafafa; }
    .tableDirective .ag-body-viewport .ag-row.ag-row-odd.row-alternate-color-enabled .ag-cell {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0") !important;
      background-repeat: repeat;
      background-position: left top;
      background-color: #fafafa; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-odd.ag-row-selected .ag-cell {
    background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
    background-repeat: repeat; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-selected .ag-cell {
    background-repeat: repeat; }
    .tableDirective .ag-body-viewport .ag-row.ag-row-selected .ag-cell .ag-cell-contents {
      background-image: url("../../images/0dd/1x28_multicellselectionbg.png?v=10.32.12.0") !important; }
    .tableDirective .ag-body-viewport .ag-row.ag-row-selected .ag-cell .ag-cell-contents-wrapper {
      background-image: url("../../images/0dd/1x28_multicellselectionbg.png?v=10.32.12.0");
      background-position: left bottom; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-focus .ag-cell {
    background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
    background-repeat: repeat;
    background-color: #fff;
    background-position: left top !important; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-changed .ag-cell {
    background-color: #F7FBFD;
    border-top: 1px solid #4ea2cc;
    border-bottom: 1px solid #4ea2cc; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-changed .ag-cell-changed {
    color: #4ea2cc; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-deleted .ag-cell {
    text-decoration: line-through;
    color: #4ea2cc; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-invalid .ag-cell {
    background-color: #FCF8F8;
    border-top: 1px solid #9c1f1f;
    border-bottom: 1px solid #9c1f1f; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-highlight-custom-menu .ag-cell {
    background-color: #cbe6f4 !important; }
  .tableDirective .ag-body-viewport .ag-row.ag-row-highlight-custom-menu-error .ag-cell {
    background-color: #ebd2d2 !important; }
  .tableDirective .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
    border-bottom-color: #c3c3c3; }
  .tableDirective .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
    border-right-color: #c3c3c3; }
  .tableDirective .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
    border-top-color: #c3c3c3; }
  .tableDirective .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
    border-left-color: #c3c3c3; }
  .tableDirective .ag-tabs-header {
    display: none; }
  .tableDirective .ag-menu-option:focus {
    outline: none; }
  .tableDirective .ag-menu {
    z-index: 9999;
    background: white; }
  .tableDirective .hidden-columns-menu {
    height: 100%;
    background-color: white; }
    .tableDirective .hidden-columns-menu.ag-tabs {
      min-height: 90px;
      max-height: 100%;
      top: 0 !important; }
    .tableDirective .hidden-columns-menu.ag-menu {
      max-height: 80%;
      background-color: white; }
    .tableDirective .hidden-columns-menu .ag-tabs-body {
      height: 100%; }
    .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper {
      display: block;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #282828;
      background: #ffffff;
      height: 100%;
      width: 260px; }
      .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-column-select {
        height: 100%; }
      .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-column-select-header {
        outline: 0;
        border: 0;
        border-bottom: 1px solid #e6e6e6; }
        .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-column-select-header .ag-column-select-header-checkbox {
          display: none; }
      .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-input-field-input {
        border: 0;
        outline: none;
        padding: 2px 12px;
        width: auto;
        font-size: 12px;
        min-height: 26px; }
        .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-input-field-input.ag-checkbox-input {
          width: 0;
          height: 0;
          margin-right: 30px; }
          .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-input-field-input.ag-checkbox-input::after {
            display: block;
            content: " ";
            position: relative;
            width: 30px;
            height: 30px;
            cursor: pointer;
            background: transparent url("../../images/0dd/selection_box_lightgrey.svg?v=10.32.12.0") no-repeat center;
            background-size: 10px 10px; }
          .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-input-field-input.ag-checkbox-input:checked::after {
            background: transparent url("../../images/0dd/selection_box_blue.svg?v=10.32.12.0") no-repeat center; }
      .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-column-select-list {
        outline: 0;
        border: 0; }
        .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-column-select-list .ag-column-select-column {
          margin: 0;
          padding: 0;
          position: relative;
          box-sizing: border-box;
          min-width: 100%;
          height: 30px;
          font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 12px;
          font-weight: 400;
          color: #282828;
          white-space: nowrap;
          line-height: 29px;
          text-align: left;
          border: none;
          border-top: 1px solid #ffffff;
          border-bottom: 1px solid #ffffff;
          background: transparent;
          cursor: pointer;
          outline: 0; }
          .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-column-select-list .ag-column-select-column:hover {
            border-top-color: #e6e6e6;
            border-bottom-color: #e6e6e6;
            background-color: #f7f7f7;
            outline-style: none; }
          .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .ag-column-select-list .ag-column-select-column .ag-column-select-column-label {
            flex: 1; }
      .tableDirective .hidden-columns-menu .ag-menu-column-select-wrapper .apply-button {
        background-color: #006890;
        color: white;
        font-size: 12px;
        min-height: 30px;
        border: 1px solid #3c7db7;
        cursor: pointer; }
  .tableDirective .ag-floating-filter-input:read-only {
    background-color: white; }
  .tableDirective .ag-floating-filter-input .ag-input-field-input {
    border: 1px solid #e6e6e6;
    outline: none; }
  .tableDirective .ag-floating-filter-body {
    margin-left: 5px;
    margin-right: 5px; }
    .tableDirective .ag-floating-filter-body input {
      height: 14px; }
  .tableDirective .ag-floating-filter-button {
    margin-right: 5px; }
    .tableDirective .ag-floating-filter-button .ag-icon-filter:before {
      content: ""; }
  .tableDirective .ag-filter-body-wrapper {
    background-color: white;
    padding: 10px; }
    .tableDirective .ag-filter-body-wrapper .ag-filter-select {
      width: 100%;
      height: 25px;
      margin: 5px 0;
      padding: 0 3px;
      box-sizing: border-box;
      border: 1px solid #e6e6e6;
      outline: none; }
      .tableDirective .ag-filter-body-wrapper .ag-filter-select .ag-icon-small-down:before {
        content: ""; }
    .tableDirective .ag-filter-body-wrapper .ag-input-field-input {
      border: 1px solid #e6e6e6;
      outline: none;
      font-size: 12px;
      padding: 4px; }
    .tableDirective .ag-filter-body-wrapper .ag-picker-field-wrapper {
      outline: none; }
    .tableDirective .ag-filter-body-wrapper .ag-virtual-list-item {
      outline: none; }
    .tableDirective .ag-filter-body-wrapper .ag-set-filter-select-all {
      border-bottom: 1px solid #e6e6e6;
      margin-bottom: 10px; }
    .tableDirective .ag-filter-body-wrapper .ag-filter-no-matches {
      padding: 5px 0; }
    .tableDirective .ag-filter-body-wrapper .ag-checkbox-input-wrapper {
      width: 15px; }
      .tableDirective .ag-filter-body-wrapper .ag-checkbox-input-wrapper .ag-checkbox-input {
        width: 30px;
        height: 30px;
        margin-right: 30px; }
        .tableDirective .ag-filter-body-wrapper .ag-checkbox-input-wrapper .ag-checkbox-input::after {
          content: " ";
          cursor: pointer;
          display: block;
          width: 10px;
          height: 30px;
          position: relative;
          left: -4px;
          background: transparent url("../../images/0dd/selection_box_lightgrey.svg?v=10.32.12.0") no-repeat center;
          background-size: 10px 10px; }
        .tableDirective .ag-filter-body-wrapper .ag-checkbox-input-wrapper .ag-checkbox-input:checked::after {
          background: transparent url("../../images/0dd/selection_box_blue.svg?v=10.32.12.0") no-repeat center; }
  .tableDirective .listWrapper.onDemandDataActionContainer .ag-body-viewport {
    margin-top: 30px; }
  .tableDirective .ag-popup-editor > .ag-cell-contents form {
    height: 30px !important; }
    .tableDirective .ag-popup-editor > .ag-cell-contents form .ag-cell-edit-input {
      height: 100%; }
  .tableDirective .ag-root {
    z-index: 1; }

.ag-select-list {
  background-color: white;
  border: 1px solid #e6e6e6; }
  .ag-select-list .ag-select-list-item {
    outline: none;
    padding: 2px 5px;
    border: 1px solid transparent; }
    .ag-select-list .ag-select-list-item.ag-active-item {
      border: 1px solid #e6e6e6; }

.listDirective:not(.tableDirective) .ag-header,
.listDirective:not(.tableDirective) .ag-floating-bottom {
  display: block; }
.listDirective:not(.tableDirective) .ag-body-viewport {
  overflow: auto; }
.listDirective:not(.tableDirective) .ag-header-cell {
  display: inline-block; }

/** END: cl-table ag-grid **/

/*# sourceMappingURL=clTable.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.schedulerContainer {
  height: 100%; }
  .schedulerContainer .dayPilotWrapper {
    height: calc(100% - 31px); }
    .schedulerContainer .dayPilotWrapper .statusScheduler {
      position: absolute;
      inset: 1px;
      overflow: hidden;
      background: #e5f5ff;
      border: 1px solid #cbcbcb;
      padding: 3px 10px;
      color: #000000;
      border-radius: 4px; }
      .schedulerContainer .dayPilotWrapper .statusScheduler.itemindicator.new {
        color: #006890;
        background-color: #c8e1ea;
        border-left: 4px solid #006890; }
      .schedulerContainer .dayPilotWrapper .statusScheduler.itemindicator.modified {
        color: #008700;
        background-color: #d0e8cc;
        border-left: 4px solid #008700; }
      .schedulerContainer .dayPilotWrapper .statusScheduler.itemindicator.recentHot, .schedulerContainer .dayPilotWrapper .statusScheduler.itemindicator.recent {
        color: #ff0000;
        background-color: #ffffff;
        border-left: 4px solid #ff0000; }
      .schedulerContainer .dayPilotWrapper .statusScheduler.itemindicator.error {
        color: #a73939;
        background-color: #e9cdd6;
        border-left: 4px solid #a73939; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_event {
      font-size: 12px;
      color: black; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_event .scheduler_default_event_inner {
        padding: 0 !important;
        border: 0 !important;
        background: transparent;
        margin: 2px 4px 2px 3px; }
        .schedulerContainer .dayPilotWrapper .scheduler_default_event .scheduler_default_event_inner b,
        .schedulerContainer .dayPilotWrapper .scheduler_default_event .scheduler_default_event_inner strong {
          color: #707070 !important; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_event_float {
      margin: 2px 4px 2px 3px; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_event_float .scheduler_default_event_float_inner {
        padding: 8px 2px 2px 8px; }
        .schedulerContainer .dayPilotWrapper .scheduler_default_event_float .scheduler_default_event_float_inner .statusScheduler {
          border-left: unset;
          border-top-left-radius: unset;
          border-bottom-left-radius: unset; }
        .schedulerContainer .dayPilotWrapper .scheduler_default_event_float .scheduler_default_event_float_inner::after {
          content: "";
          border-color: transparent #666666 transparent transparent;
          border-style: solid;
          border-width: 5px;
          width: 0px;
          height: 0px;
          position: absolute;
          top: 10px;
          left: -4px;
          top: 10px; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_event_bar {
      top: 0px;
      left: 0px;
      right: 0px;
      height: 0px;
      background-color: rgba(0, 127, 211, 0);
      background-color: rgba(0, 127, 211, 0);
      background-color: #007fd3;
      height: 0px; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_event_bar_inner {
      position: absolute;
      height: 0;
      background-color: #1066a8; }
    .schedulerContainer .dayPilotWrapper .cornerTopLeft .dateAction .dateActionForm .clDate .clDateInput {
      color: #005288; }
    .schedulerContainer .dayPilotWrapper .cornerTopLeft .dateAction .dateActionForm .clDate .clDateInput {
      width: 80px;
      font-size: 12px; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_rowheader_inner {
      padding-top: 7px !important;
      font-weight: 500; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_rowheader_inner div {
        height: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand {
        background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0") !important;
        width: 26px !important;
        height: 26px !important;
        position: relative !important;
        float: right !important;
        background-repeat: no-repeat !important;
        background-size: 12px 12px;
        background-position: calc(100% - 9px) calc(100% - 6px);
        top: -5px !important;
        left: 2px !important; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse {
        background-image: url("../../images/grey/arrow_up.svg?v=10.32.12.0") !important;
        width: 26px !important;
        height: 26px !important;
        position: relative !important;
        float: right !important;
        background-repeat: no-repeat !important;
        background-size: 12px 12px;
        background-position: calc(100% - 9px) calc(100% - 6px);
        top: -5px !important;
        left: 2px !important; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children {
        display: none;
        background-image: none !important; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_tree_image_collapse {
      background-image: url("../../images/black/arrow_up.svg?v=10.27.1.0") !important;
      float: left !important;
      background-position: calc(100% - 9px) calc(100% - 8px); }
    .schedulerContainer .dayPilotWrapper .scheduler_default_timeheadercol {
      padding: 0 !important; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_timeheadercol .scheduler_default_timeheadercol_inner {
        text-align: left !important;
        padding: 0 7px !important;
        font-weight: 600;
        text-transform: capitalize;
        border-color: #cbcbcb !important; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_rowheader,
    .schedulerContainer .dayPilotWrapper .scheduler_default_corner {
      color: black;
      background: #f3f3f3;
      color: black; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_main {
      font-size: 12px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      line-height: 1.2; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_timeheadergroup {
      line-height: 30px;
      text-transform: capitalize;
      font-weight: 600; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_timeheadergroup,
    .schedulerContainer .dayPilotWrapper .scheduler_default_timeheadercol {
      color: #333333;
      background: #f3f3f3; }
      .schedulerContainer .dayPilotWrapper .scheduler_default_timeheadergroup .scheduler_default_timeheader_float_inner,
      .schedulerContainer .dayPilotWrapper .scheduler_default_timeheadercol .scheduler_default_timeheader_float_inner {
        padding: 0 12px;
        font-weight: 600;
        text-transform: capitalize;
        line-height: 28px; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_rowheader_scroll .scheduler_default_rowheader {
      background: #fff !important; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_corner_inner {
      background: #fafafa !important; }
    .schedulerContainer .dayPilotWrapper .scheduler_default_divider.scheduler_default_splitter,
    .schedulerContainer .dayPilotWrapper .scheduler_default_resourcedivider,
    .schedulerContainer .dayPilotWrapper .scheduler_default_matrix_horizontal_line,
    .schedulerContainer .dayPilotWrapper .scheduler_default_matrix_vertical_line {
      background-color: #cbcbcb !important; }
  .schedulerContainer .cornerTopLeft {
    display: flex;
    height: 30px;
    background: #fafafa;
    border: 1px solid silver;
    border-bottom: 0; }
    .schedulerContainer .cornerTopLeft .navigation {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: flex;
      flex: 0;
      align-items: center;
      padding: 0px 4px; }
      .schedulerContainer .cornerTopLeft .navigation button.nActionFirst,
      .schedulerContainer .cornerTopLeft .navigation button.nActionPrev,
      .schedulerContainer .cornerTopLeft .navigation button.nActionNext,
      .schedulerContainer .cornerTopLeft .navigation button.nActionLast {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 18px;
        height: 18px;
        border: none;
        outline: none;
        cursor: pointer;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px 14px;
        background-color: transparent; }
        .schedulerContainer .cornerTopLeft .navigation button.nActionFirst:last-of-type,
        .schedulerContainer .cornerTopLeft .navigation button.nActionPrev:last-of-type,
        .schedulerContainer .cornerTopLeft .navigation button.nActionNext:last-of-type,
        .schedulerContainer .cornerTopLeft .navigation button.nActionLast:last-of-type {
          margin-right: 0; }
        .schedulerContainer .cornerTopLeft .navigation button.nActionFirst.nActionFirst,
        .schedulerContainer .cornerTopLeft .navigation button.nActionPrev.nActionFirst,
        .schedulerContainer .cornerTopLeft .navigation button.nActionNext.nActionFirst,
        .schedulerContainer .cornerTopLeft .navigation button.nActionLast.nActionFirst {
          background-image: url("../../images/shared/first_blue.png?v=10.32.12.0"); }
        .schedulerContainer .cornerTopLeft .navigation button.nActionFirst.nActionPrev,
        .schedulerContainer .cornerTopLeft .navigation button.nActionPrev.nActionPrev,
        .schedulerContainer .cornerTopLeft .navigation button.nActionNext.nActionPrev,
        .schedulerContainer .cornerTopLeft .navigation button.nActionLast.nActionPrev {
          background-image: url("../../images/blue/arrow_left.svg?v=10.32.12.0");
          background-size: 12px 12px; }
        .schedulerContainer .cornerTopLeft .navigation button.nActionFirst.nActionNext,
        .schedulerContainer .cornerTopLeft .navigation button.nActionPrev.nActionNext,
        .schedulerContainer .cornerTopLeft .navigation button.nActionNext.nActionNext,
        .schedulerContainer .cornerTopLeft .navigation button.nActionLast.nActionNext {
          background-image: url("../../images/blue/arrow_right.svg?v=10.32.12.0");
          background-size: 12px 12px;
          margin-left: 91px; }
        .schedulerContainer .cornerTopLeft .navigation button.nActionFirst.nActionLast,
        .schedulerContainer .cornerTopLeft .navigation button.nActionPrev.nActionLast,
        .schedulerContainer .cornerTopLeft .navigation button.nActionNext.nActionLast,
        .schedulerContainer .cornerTopLeft .navigation button.nActionLast.nActionLast {
          background-image: url("../../images/shared/last_blue.png?v=10.32.12.0"); }
    .schedulerContainer .cornerTopLeft .dateAction {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100px;
      height: 27px;
      overflow: visible;
      position: absolute;
      top: 3px;
      left: 55px; }
      .schedulerContainer .cornerTopLeft .dateAction .dateActionForm {
        display: inline-block;
        float: left;
        height: 28px; }
        .schedulerContainer .cornerTopLeft .dateAction .dateActionForm .clDate {
          display: inline-block;
          max-width: 100px;
          height: 100%;
          float: left; }
          .schedulerContainer .cornerTopLeft .dateAction .dateActionForm .clDate .clDateInput {
            display: inline-block;
            background: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 70px;
            height: 28px;
            line-height: 28px;
            font-size: 10px;
            font-weight: 600;
            color: #006890;
            text-align: center;
            border: none;
            outline: none; }
        .schedulerContainer .cornerTopLeft .dateAction .dateActionForm .controlButtonsBar {
          display: inline-block;
          float: left;
          margin-top: 2px; }
    .schedulerContainer .cornerTopLeft .schedulerFilter {
      display: flex;
      align-items: center;
      width: 187px;
      position: relative; }
      .schedulerContainer .cornerTopLeft .schedulerFilter input {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 22px;
        padding: 0 20px 0 10px;
        font-size: 12px;
        color: #585858;
        outline: none;
        border: 1px solid #96bfdd;
        background: white url(../../images/grey/search.svg?v=4.4.99.2) no-repeat right 5px center;
        background-size: 12px 12px; }
        .schedulerContainer .cornerTopLeft .schedulerFilter input.hasClear {
          background: white url(../../images/grey/close.svg?v=4.4.99.2) no-repeat right 5px center;
          background-size: 12px 12px; }
      .schedulerContainer .cornerTopLeft .schedulerFilter .clearSchedulerFilter {
        height: 20px;
        width: 20px;
        position: absolute;
        top: 5px;
        right: 1px;
        cursor: pointer; }
    .schedulerContainer .cornerTopLeft .schedulerShowNonEmptyResources {
      display: flex;
      align-items: center;
      margin-left: 20px; }
      .schedulerContainer .cornerTopLeft .schedulerShowNonEmptyResources label {
        font-size: 12px; }
      .schedulerContainer .cornerTopLeft .schedulerShowNonEmptyResources .onOffWrap {
        position: relative; }
  .schedulerContainer .scheduler_default_columnheader_cell_inner {
    padding: 2px 4px !important; }

.clickable {
  cursor: pointer; }

.menu_default_main {
  min-width: 215px;
  background-image: unset !important;
  border: 1px solid #bfbfbf !important;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .menu_default_main .menu_default_item {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .menu_default_main .menu_default_item:has(.menu_default_item_disabled) {
      opacity: 0.4; }
    .menu_default_main .menu_default_item a {
      padding: 2px 2px 2px 27px;
      display: flex !important;
      align-items: center;
      height: 29px;
      cursor: pointer; }
      .menu_default_main .menu_default_item a::before {
        border-width: 4px;
        margin-top: 1px; }
    .menu_default_main .menu_default_item .menu_default_item_icon {
      padding: 9px 2px 1px 8px; }
    .menu_default_main .menu_default_item:hover {
      border-top: 1px solid #4ea2cc;
      border-bottom: 1px solid #4ea2cc;
      outline-style: none; }
      .menu_default_main .menu_default_item:hover a {
        background-color: #cbe6f4; }

.schedulerStatus_deleted {
  color: #4ea2cc !important;
  text-decoration: line-through !important; }

.schedulerStatus_new {
  color: #4ea2cc; }

.schedulerStatus_edit {
  color: #4ea2cc; }

.schedulerHeaderComponent {
  float: left;
  margin-right: 60px;
  line-height: 28px; }

.schedulerHeaderComponent a {
  margin-right: 10px;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none; }

.schedulerHeaderComponent a.schedulerAdd {
  color: #006890;
  background-image: url("../../images/blue/add.svg?v=10.32.12.0");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 12px;
  background-size: 9px; }

.schedulerHeaderComponent a.schedulerCancel {
  color: #a73939;
  background-image: url("../../images/red/undo.svg?v=10.32.12.0");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 12px;
  background-size: 9px; }
  .schedulerHeaderComponent a.schedulerCancel.disabled {
    opacity: 0.4; }

.schedulerHeaderComponent a.schedulerSave {
  color: #006890;
  background-image: url("../../images/blue/save.svg?v=10.32.12.0");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 12px;
  background-size: 9px; }
  .schedulerHeaderComponent a.schedulerSave.disabled {
    opacity: 0.4; }

.schedulerEventText {
  float: left;
  width: 85%;
  padding-left: 2px;
  height: 100%;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px; }

.groupClass {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #282828;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.groupSecondClass {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #282828; }

.groupThirdClass {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #585858; }

.customClassGreen {
  width: calc(100% - 3px);
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #158a00;
  text-align: center;
  background-color: #d3e7cd; }

.groupClassCustom,
.groupClassCustom0,
.groupClassCustom1,
.groupClassCustom2,
.groupClassCustom3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #282828; }
  .groupClassCustom.groupClassCustom0,
  .groupClassCustom0.groupClassCustom0,
  .groupClassCustom1.groupClassCustom0,
  .groupClassCustom2.groupClassCustom0,
  .groupClassCustom3.groupClassCustom0 {
    color: red; }
  .groupClassCustom.groupClassCustom1,
  .groupClassCustom0.groupClassCustom1,
  .groupClassCustom1.groupClassCustom1,
  .groupClassCustom2.groupClassCustom1,
  .groupClassCustom3.groupClassCustom1 {
    color: orange; }
  .groupClassCustom.groupClassCustom2,
  .groupClassCustom0.groupClassCustom2,
  .groupClassCustom1.groupClassCustom2,
  .groupClassCustom2.groupClassCustom2,
  .groupClassCustom3.groupClassCustom2 {
    color: green; }
  .groupClassCustom.groupClassCustom3,
  .groupClassCustom0.groupClassCustom3,
  .groupClassCustom1.groupClassCustom3,
  .groupClassCustom2.groupClassCustom3,
  .groupClassCustom3.groupClassCustom3 {
    color: #282828; }

.groupLink {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #585858;
  text-decoration: none;
  cursor: pointer; }

.statusSchedulerDay0,
.statusSchedulerDay1,
.statusSchedulerDay2,
.statusSchedulerDay3 {
  width: 33%;
  height: 27px;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: #fff;
  display: inline-block;
  border-right: 2px solid #fff; }
  .statusSchedulerDay0.statusSchedulerDay1,
  .statusSchedulerDay1.statusSchedulerDay1,
  .statusSchedulerDay2.statusSchedulerDay1,
  .statusSchedulerDay3.statusSchedulerDay1 {
    background-color: #52be80; }
  .statusSchedulerDay0.statusSchedulerDay2,
  .statusSchedulerDay1.statusSchedulerDay2,
  .statusSchedulerDay2.statusSchedulerDay2,
  .statusSchedulerDay3.statusSchedulerDay2 {
    background-color: #b7616f; }
  .statusSchedulerDay0.statusSchedulerDay3,
  .statusSchedulerDay1.statusSchedulerDay3,
  .statusSchedulerDay2.statusSchedulerDay3,
  .statusSchedulerDay3.statusSchedulerDay3 {
    background-color: #dbdbdb; }

.statusEvening0,
.statusEvening1,
.statusEvening2,
.statusEvening3 {
  width: 20%;
  height: 27px;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: #fff;
  display: inline-block;
  border-right: 2px solid #fff; }
  .statusEvening0.statusEvening1,
  .statusEvening1.statusEvening1,
  .statusEvening2.statusEvening1,
  .statusEvening3.statusEvening1 {
    background-color: #52be80; }
  .statusEvening0.statusEvening2,
  .statusEvening1.statusEvening2,
  .statusEvening2.statusEvening2,
  .statusEvening3.statusEvening2 {
    background-color: #b7616f; }
  .statusEvening0.statusEvening3,
  .statusEvening1.statusEvening3,
  .statusEvening2.statusEvening3,
  .statusEvening3.statusEvening3 {
    background-color: #dbdbdb; }

/*# sourceMappingURL=scheduler-changes.css.map */

/** START: test case generator assert popup **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.tcgAssertContainer {
  position: absolute;
  width: auto;
  height: 50px;
  top: 0;
  left: 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999999;
  overflow: hidden; }
  .tcgAssertContainer .tcgAssertInput {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 0 3px;
    font-size: 12px;
    font-weight: 400;
    color: #006890;
    border: 1px solid #96bfdd;
    background: #ffffff;
    outline: none; }
  .tcgAssertContainer button {
    display: inline-block;
    position: relative;
    width: auto;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 1;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .tcgAssertContainer button:active {
      -ms-transform: scale(0.95, 0.95);
      /* IE 9 */
      -webkit-transform: scale(0.95, 0.95);
      /* Chrome, Safari, Opera */
      transform: scale(0.95, 0.95); }
    .tcgAssertContainer button.confirm {
      background: #4a9521; }
    .tcgAssertContainer button.cancel {
      background: #bfbfbf; }

.tcgOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: rgba(0, 0, 0, 0.5); }

.tcgHighlighted {
  background: rgba(43, 87, 154, 0.5) !important; }

/*# sourceMappingURL=clTcgAssertPopup.css.map */

/** START: test case generator step **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.tcgStepContainer {
  display: inline-block;
  float: right;
  padding-top: 10px;
  color: #fff; }
  .tcgStepContainer input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
    padding: 0 20px 0 10px;
    font-size: 12px;
    color: #585858;
    outline: none;
    border: 1px solid #e5e5e5;
    background: #ffffff; }
  .tcgStepContainer label {
    font-size: 12px;
    padding-right: 5px; }
  .tcgStepContainer button {
    display: inline-block;
    position: relative;
    width: auto;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 1;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    outline: none; }
    .tcgStepContainer button.confirm {
      background: #2a80b9;
      height: 25px;
      width: 45px;
      padding: 0; }
    .tcgStepContainer button:hover {
      opacity: 0.75;
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); }

/*# sourceMappingURL=clTcgStep.css.map */

/** START: toast notifications **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.cl-toast-notifications-wrapper {
  position: absolute;
  right: 3%;
  top: 50%;
  width: 310px;
  z-index: 45;
  opacity: 1;
  max-height: calc(100% - 75px);
  overflow: auto;
  background-color: #fff;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .cl-toast-notifications-wrapper .cl-toast-notification {
    position: relative;
    width: 100%;
    color: #282828;
    margin-bottom: 10px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
    .cl-toast-notifications-wrapper .cl-toast-notification.show {
      opacity: 1;
      pointer-events: auto; }
  .cl-toast-notifications-wrapper .cl-toast-notification-content {
    position: relative;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 25px;
    border: 1px solid #006890;
    border-radius: 2px; }
  .cl-toast-notifications-wrapper .cl-toast-notification-text {
    width: 100%;
    font-size: 14px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    overflow: hidden;
    line-height: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .cl-toast-notifications-wrapper .cl-toast-notification-remove {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    background-size: 15px 15px; }
    .cl-toast-notifications-wrapper .cl-toast-notification-remove:hover {
      background-color: #4b4b49; }
  .cl-toast-notifications-wrapper .progress {
    position: relative;
    height: 5px;
    margin: 25px 0 0 0;
    display: block;
    /* Important Thing */
    -webkit-appearance: none;
    border: none;
    width: 100%; }
  .cl-toast-notifications-wrapper .progress::-webkit-progress-bar {
    height: 5px;
    background: #696968;
    position: absolute;
    bottom: 5px; }
  .cl-toast-notifications-wrapper .progress::-webkit-progress-value {
    background-color: #fff; }

/*# sourceMappingURL=clToastNotifications.css.map */

/** START: clToolbarDropdownMenu directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.toolbarDropdownMenu {
  position: absolute;
  display: none;
  width: 240px;
  height: auto;
  max-height: calc(100% - 60px);
  overflow-y: auto;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  transition: opacity 0.2s ease-in;
  list-style: none;
  outline: none;
  z-index: 50; }
  .toolbarDropdownMenu.active {
    display: block; }
  .toolbarDropdownMenu > li {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin: 0;
    padding: 0 10px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #282828;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    outline: none;
    cursor: pointer; }
    .toolbarDropdownMenu > li.disabled {
      opacity: 0.4;
      cursor: default; }
    .toolbarDropdownMenu > li:focus {
      border-top: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      background-color: #f7f7f7; }
    .toolbarDropdownMenu > li:first-child {
      border-top: none; }
      .toolbarDropdownMenu > li:first-child:hover {
        border-top: none; }
    .toolbarDropdownMenu > li:last-child {
      border-bottom: none; }
      .toolbarDropdownMenu > li:last-child:hover {
        border-bottom: none; }

/** END: clToolbarDropdownMenu directive **/

/*# sourceMappingURL=clToolbarDropdownMenu.css.map */

/** START: clTooltip directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.cl-tooltip {
  position: absolute;
  box-sizing: border-box;
  width: 450px;
  min-width: 200px;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #919191;
  border: 0;
  background: #ffffff;
  -webkit-transition: top 100ms linear, left 100ms linear;
  transition: top 100ms linear, left 100ms linear;
  z-index: 2051; }
  .cl-tooltip.tooltipArrowTop:before {
    position: absolute;
    top: 8px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    content: " ";
    pointer-events: none;
    border: 7px solid transparent; }
  .cl-tooltip.tooltipArrowBottom:before {
    position: absolute;
    bottom: 8px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    content: " ";
    pointer-events: none;
    border: 7px solid transparent; }
  .cl-tooltip.tooltipArrowOnBottom:before {
    position: absolute;
    left: 8px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    content: " ";
    pointer-events: none;
    border: 7px solid transparent;
    transform: rotate(90deg); }
  .cl-tooltip.right:before {
    right: 100%;
    border-right-color: #595957; }
  .cl-tooltip.right.cl-tooltip-error:before {
    border-right-color: #af1010; }
  .cl-tooltip.left:before {
    left: 100%;
    border-left-color: #595957; }
  .cl-tooltip.left.cl-tooltip-error:before {
    border-left-color: #af1010; }
  .cl-tooltip.bottom:before {
    top: 100%;
    border-left-color: #595957; }
  .cl-tooltip.bottom.cl-tooltip-error:before {
    border-left-color: #af1010; }
  .cl-tooltip .tooltipHeader {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    background-color: #595957; }
    .cl-tooltip .tooltipHeader .tooltipIcon {
      position: relative;
      float: left;
      width: 30px;
      height: 30px;
      margin: 0;
      padding: 0;
      background: url("../../images/white/question_circle.svg?v=10.32.12.0") no-repeat center;
      background-size: 15px 15px; }
    .cl-tooltip .tooltipHeader .tooltipTitle {
      position: relative;
      float: left;
      width: auto;
      max-width: 400px;
      height: 30px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 13px;
      line-height: 30px;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #ffffff; }
    .cl-tooltip .tooltipHeader .closeTooltip {
      position: relative;
      float: right;
      width: 30px;
      height: 30px;
      margin: 0;
      padding: 0;
      background: url("../../images/white/close.svg?v=10.32.12.0") no-repeat center;
      background-size: 15px 15px;
      cursor: pointer;
      z-index: 102; }
      .cl-tooltip .tooltipHeader .closeTooltip:hover {
        background-color: rgba(255, 255, 255, 0.1); }
  .cl-tooltip.cl-tooltip-error .tooltipHeader {
    background-color: #af1010; }
    .cl-tooltip.cl-tooltip-error .tooltipHeader .tooltipIcon {
      background-image: url("../../images/white/warning.svg?v=10.32.12.0"); }
  .cl-tooltip ul.tooltipContent {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 6px;
    border: 1px solid #595957;
    border-top: 0;
    list-style-type: none; }
    .cl-tooltip ul.tooltipContent li.tooltipMessage {
      color: #333;
      background-color: #ffffff;
      display: flex;
      flex-direction: column;
      gap: 15px; }
      .cl-tooltip ul.tooltipContent li.tooltipMessage.info {
        font-weight: 700; }
  .cl-tooltip.cl-tooltip-error .tooltipContent {
    border-color: #af1010; }

@media all and (max-width: 750px) {
  .cl-tooltip .tooltipHeader {
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .cl-tooltip .tooltipHeader .tooltipIcon {
      width: 50px;
      height: 50px;
      background-size: 25px; }
    .cl-tooltip .tooltipHeader .tooltipTitle {
      height: 50px;
      line-height: 50px;
      font-size: 24px; }
    .cl-tooltip .tooltipHeader .closeTooltip {
      width: 50px;
      height: 50px;
      background-size: 25px; }
  .cl-tooltip ul.tooltipContent {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .cl-tooltip ul.tooltipContent li {
      font-size: 22px;
      line-height: 28px; } }
/** END: clTooltip directive **/

/*# sourceMappingURL=clTooltip.css.map */

/** START: clUrl directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.urlDisabled {
  position: absolute;
  box-sizing: border-box;
  height: 21px;
  margin: 0;
  padding: 0 3px;
  font-size: 12px;
  line-height: 21px;
  background-color: #e6e6e6; }
  .urlDisabled.hide {
    display: none; }
  .urlDisabled a {
    color: #000000; }

@media all and (max-width: 768px) {
  .urlDisabled {
    position: relative;
    display: block;
    width: 100%;
    min-width: 100%;
    height: 46px;
    top: -45px !important;
    background-color: transparent; }

  .mobileEditEnabled .urlDisabled {
    background-color: #e6e6e6 !important; } }
/** END: clUrl directive **/

/*# sourceMappingURL=clUrlDisabled.css.map */

/** START: clUserInfo directive **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.userInfoToolbar {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: auto;
  height: 60px;
  color: #ffffff; }
  .userInfoToolbar .userPhoto {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 30px;
    height: 30px;
    margin: 15px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain; }
  .userInfoToolbar .userDetails {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 10px 0; }
    .userInfoToolbar .userDetails .userInfoItem {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 20px;
      line-height: 20px;
      font-size: 16px;
      color: #ffffff;
      text-align: left; }

/** END: clUserInfo directive **/

/*# sourceMappingURL=clUserInfo.css.map */

/** START: action after dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.actionAfterDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .actionAfterDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .actionAfterDialog .dialogHeader .headerTitle {
      float: left;
      max-width: 400px;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      color: #282828;
      white-space: nowrap; }
    .actionAfterDialog .dialogHeader .headerIcon {
      position: relative;
      float: left;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      background: url("../../images/white/question_circle.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .actionAfterDialog .dialogHeader .headerButton {
      position: relative;
      float: right;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      cursor: pointer;
      background: url("../../images/white/close.svg?v=10.32.12.0") no-repeat center;
      background-size: 15px 15px; }
      .actionAfterDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .actionAfterDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 15px 16px;
    min-height: 100px;
    font-size: 12px;
    color: #282828;
    background-color: #ffffff;
    /* CSS HERE */ }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .actionAfterDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: action after dialog **/

/*# sourceMappingURL=actionAfterDialog.css.map */

/** START: add new or overwrite template dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.addNewOrOverwriteTemplateDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .addNewOrOverwriteTemplateDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .addNewOrOverwriteTemplateDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .addNewOrOverwriteTemplateDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/question_circle.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .addNewOrOverwriteTemplateDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      background: url("../../images/white/close.svg?v=10.32.12.0") no-repeat center;
      background-size: 15px 15px; }
      .addNewOrOverwriteTemplateDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .addNewOrOverwriteTemplateDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    font-size: 12px;
    color: #282828;
    overflow: auto; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .addNewOrOverwriteTemplateDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: add new or overwrite template dialog **/

/*# sourceMappingURL=addNewOrOverwriteTemplateDialog.css.map */

/** START: add template dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.addTemplateDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .addTemplateDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .addTemplateDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .addTemplateDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/black/template_add.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .addTemplateDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      background: url("../../images/black/close.svg?v=10.32.12.0") no-repeat center;
      background-size: 15px 15px; }
      .addTemplateDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .addTemplateDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    background-color: #ffffff;
    overflow: auto;
    border-radius: 4px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .addTemplateDialog .dialogContent input[type=text] {
      position: relative;
      display: block;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 23px;
      margin: 0 0 7px 0;
      padding: 0 3px;
      border: 1px solid #96bfdd;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      background-color: #ffffff; }
      .addTemplateDialog .dialogContent input[type=text].ng-touched.ng-invalid {
        border: 2px solid #af1010; }
      .addTemplateDialog .dialogContent input[type=text].ng-touched.ng-invalid:focus {
        border: 1px solid #bfbfbf;
        outline-color: #af1010; }
      .addTemplateDialog .dialogContent input[type=text]:disabled, .addTemplateDialog .dialogContent input[type=text].ng-invalid:disabled {
        color: #000000;
        background: #ffffff;
        border: 0;
        border-bottom: 1px solid #dadada; }
    .addTemplateDialog .dialogContent textarea {
      position: relative;
      display: block;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 100px;
      margin: 0;
      padding: 0 3px;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background-color: #ffffff;
      resize: none; }
      .addTemplateDialog .dialogContent textarea.ng-touched.ng-invalid {
        border: 2px solid #af1010; }
      .addTemplateDialog .dialogContent textarea.ng-touched.ng-invalid:focus {
        border: 1px solid #bfbfbf;
        outline-color: #af1010; }
      .addTemplateDialog .dialogContent textarea:disabled, .addTemplateDialog .dialogContent textarea.ng-invalid:disabled {
        color: #000000;
        background: #ffffff;
        border: 0;
        border-bottom: 1px solid #dadada; }
    .addTemplateDialog .dialogContent .ng-submitted .ng-invalid {
      border: 2px solid #af1010; }
    .addTemplateDialog .dialogContent .ng-submitted .ng-invalid:focus {
      border: 1px solid #bfbfbf;
      outline-color: #af1010; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .addTemplateDialog input:focus, .addTemplateDialog textarea:focus, .addTemplateDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: add template dialog **/

/*# sourceMappingURL=addTemplateDialog.css.map */

/** START: confirm dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.authErrorDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none;
  padding: 0px;
  overflow: hidden; }
  .authErrorDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .authErrorDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .authErrorDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background-repeat: no-repeat;
      background-color: transparent;
      background-position: center;
      background-size: 20px 20px; }
    .authErrorDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .authErrorDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .authErrorDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    overflow: auto;
    font-size: 12px;
    color: #ff0000;
    background-color: #ffffff;
    border-radius: 4px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .authErrorDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: confirm dialog **/

/*# sourceMappingURL=authErrorDialog-all.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
@media all and (max-width: 750px) {
  .authErrorDialogWindow .modal-dialog {
    position: absolute;
    top: 90px;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% - 90px);
    margin: 0;
    background-color: #fff; }
    .authErrorDialogWindow .modal-dialog .modal-content {
      margin-top: 0;
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }

  .authErrorDialog {
    width: 100%; }
    .authErrorDialog .dialogHeader {
      display: none; }
    .authErrorDialog .dialogContent {
      display: block;
      width: 100%;
      padding: 5% 40px;
      text-align: center;
      font-size: 22px;
      font-weight: 400;
      line-height: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .authErrorDialog .dialogFooter {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 5%;
      font-size: 0; }
      .authErrorDialog .dialogFooter button {
        display: inline-block;
        width: 48%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 17px 10px;
        text-align: center;
        text-transform: uppercase;
        outline: none;
        border: none; }
        .authErrorDialog .dialogFooter button.cancel {
          margin: 0;
          padding: 0;
          height: 60px;
          font-size: 24px; }
        .authErrorDialog .dialogFooter button.confirm {
          margin: 0;
          padding: 0;
          height: 60px;
          font-size: 22px; }
          .authErrorDialog .dialogFooter button.confirm:hover {
            -webkit-box-shadow: none;
            box-shadow: none; }
        .authErrorDialog .dialogFooter button:first-of-type {
          margin-right: 4%; } }

/*# sourceMappingURL=authErrorDialog-mobile.css.map */

/** START: change password dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.changePasswordDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none; }
  .changePasswordDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .changePasswordDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 400px;
      color: #282828; }
    .changePasswordDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/user.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .changePasswordDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      background: url("../../images/white/close.svg?v=10.32.12.0") no-repeat center;
      background-size: 15px 15px; }
      .changePasswordDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .changePasswordDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    background-color: #ffffff;
    overflow: auto; }
    .changePasswordDialog .dialogContent table {
      position: relative;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      border-spacing: 0;
      border-collapse: collapse; }
      .changePasswordDialog .dialogContent table td {
        padding: 0 0 7px 0; }
        .changePasswordDialog .dialogContent table td.label {
          width: 40%; }
        .changePasswordDialog .dialogContent table td.input {
          width: 60%; }
    .changePasswordDialog .dialogContent label {
      display: block;
      height: 23px;
      overflow: hidden;
      font-size: 12px;
      line-height: 23px;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #000000; }
    .changePasswordDialog .dialogContent input[type=password] {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 23px;
      margin: 0;
      padding: 0 3px;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background: #ffffff; }
      .changePasswordDialog .dialogContent input[type=password].ng-touched.ng-invalid {
        border: 2px solid #af1010; }
      .changePasswordDialog .dialogContent input[type=password].ng-touched.ng-invalid:focus {
        border: 1px solid #bfbfbf;
        outline-color: #af1010; }
    .changePasswordDialog .dialogContent .ng-submitted .ng-invalid {
      border: 2px solid #af1010; }
    .changePasswordDialog .dialogContent .ng-submitted .ng-invalid:focus {
      border: 1px solid #bfbfbf;
      outline-color: #af1010; }

.login .dialogHeader {
  display: none; }
.login .changePasswordDialog {
  width: 314px;
  margin: 0 auto; }
  .login .changePasswordDialog .dialogContent {
    background-color: transparent;
    padding: 0 7px; }
    .login .changePasswordDialog .dialogContent input[type=password] {
      height: 30px;
      font-size: 14px;
      padding: 7px; }
      .login .changePasswordDialog .dialogContent input[type=password]::-webkit-input-placeholder {
        color: #9e9e9e; }
    .login .changePasswordDialog .dialogContent .dialog-row {
      padding-bottom: 15px; }
      .login .changePasswordDialog .dialogContent .dialog-row .input {
        float: none;
        width: 100%; }
        .login .changePasswordDialog .dialogContent .dialog-row .input::-webkit-input-placeholder {
          color: #9e9e9e; }
  .login .changePasswordDialog .dialogFooter {
    padding: 0 7px; }
    .login .changePasswordDialog .dialogFooter .done {
      display: block;
      width: 301px;
      height: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0;
      font-size: 13px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 700;
      text-align: center;
      color: white;
      outline: none;
      cursor: pointer;
      border: 0;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      border-radius: 1px;
      background: #3c7cb5; }
      .login .changePasswordDialog .dialogFooter .done:hover, .login .changePasswordDialog .dialogFooter .done:focus {
        background-color: #74b3cc; }
      .login .changePasswordDialog .dialogFooter .done:active {
        -ms-transform: scale(0.95, 0.95);
        -webkit-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95); }

.errorMessageModal {
  color: red;
  font-size: 12px; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .changePasswordDialog input:focus, .changePasswordDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: change password dialog **/

/*# sourceMappingURL=changePasswordDialog.css.map */

/** START: column filter dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.columnFilterDialogWindow .dialogContent {
  overflow: visible !important; }

.clearFilter {
  cursor: pointer;
  min-width: 120px;
  height: 20px;
  float: left;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: #305e85;
  padding: 5px 0 10px 0;
  margin-left: 5px;
  margin-bottom: 12px; }
  .clearFilter .clearFilterIcon {
    position: absolute;
    width: 10px;
    height: 20px;
    background: url("../../images/blue/close.svg?v=10.32.12.0") no-repeat center;
    background-size: 10px 10px;
    cursor: pointer; }
  .clearFilter .clearFilterContent {
    margin-left: 15px; }
  .clearFilter:hover {
    text-shadow: 0 0 0.01px #305e85; }

.columnFilterDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none; }
  .columnFilterDialog.dropdownStyle {
    width: 100% !important; }
    .columnFilterDialog.dropdownStyle .dialogContent .filterRowsContainer .filterRow select {
      width: 100%; }
    .columnFilterDialog.dropdownStyle .dialogContent .filterRowsContainer .filterRow input {
      width: 100%; }
  .columnFilterDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #DDDDDD;
    background: #ffffff; }
    .columnFilterDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .columnFilterDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/black/filter.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .columnFilterDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .columnFilterDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .columnFilterDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 15px 16px;
    margin: 0;
    min-height: 100px;
    overflow: auto; }
    .columnFilterDialog .dialogContent input[type=text],
    .columnFilterDialog .dialogContent input[type=date],
    .columnFilterDialog .dialogContent input[type=time],
    .columnFilterDialog .dialogContent input[type=datetime],
    .columnFilterDialog .dialogContent input[type=datetime-local],
    .columnFilterDialog .dialogContent input[type=number],
    .columnFilterDialog .dialogContent input[type=email] {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 23px;
      margin: 0;
      padding: 0 3px;
      border: 1px solid #96bfdd;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      background-color: #ffffff;
      border-radius: 4px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .columnFilterDialog .dialogContent input[type=text].ng-touched.ng-invalid,
      .columnFilterDialog .dialogContent input[type=date].ng-touched.ng-invalid,
      .columnFilterDialog .dialogContent input[type=time].ng-touched.ng-invalid,
      .columnFilterDialog .dialogContent input[type=datetime].ng-touched.ng-invalid,
      .columnFilterDialog .dialogContent input[type=datetime-local].ng-touched.ng-invalid,
      .columnFilterDialog .dialogContent input[type=number].ng-touched.ng-invalid,
      .columnFilterDialog .dialogContent input[type=email].ng-touched.ng-invalid {
        border: 2px solid #af1010; }
      .columnFilterDialog .dialogContent input[type=text].ng-touched.ng-invalid:focus,
      .columnFilterDialog .dialogContent input[type=date].ng-touched.ng-invalid:focus,
      .columnFilterDialog .dialogContent input[type=time].ng-touched.ng-invalid:focus,
      .columnFilterDialog .dialogContent input[type=datetime].ng-touched.ng-invalid:focus,
      .columnFilterDialog .dialogContent input[type=datetime-local].ng-touched.ng-invalid:focus,
      .columnFilterDialog .dialogContent input[type=number].ng-touched.ng-invalid:focus,
      .columnFilterDialog .dialogContent input[type=email].ng-touched.ng-invalid:focus {
        border: 1px solid #bfbfbf;
        outline-color: #af1010; }
      .columnFilterDialog .dialogContent input[type=text]:disabled, .columnFilterDialog .dialogContent input[type=text].ng-invalid:disabled,
      .columnFilterDialog .dialogContent input[type=date]:disabled,
      .columnFilterDialog .dialogContent input[type=date].ng-invalid:disabled,
      .columnFilterDialog .dialogContent input[type=time]:disabled,
      .columnFilterDialog .dialogContent input[type=time].ng-invalid:disabled,
      .columnFilterDialog .dialogContent input[type=datetime]:disabled,
      .columnFilterDialog .dialogContent input[type=datetime].ng-invalid:disabled,
      .columnFilterDialog .dialogContent input[type=datetime-local]:disabled,
      .columnFilterDialog .dialogContent input[type=datetime-local].ng-invalid:disabled,
      .columnFilterDialog .dialogContent input[type=number]:disabled,
      .columnFilterDialog .dialogContent input[type=number].ng-invalid:disabled,
      .columnFilterDialog .dialogContent input[type=email]:disabled,
      .columnFilterDialog .dialogContent input[type=email].ng-invalid:disabled {
        color: #000000;
        background: #ffffff;
        border: 0;
        border-bottom: 1px solid #dadada; }
    .columnFilterDialog .dialogContent input[type=checkbox],
    .columnFilterDialog .dialogContent input[type=radio] {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 28px;
      margin: 3px 5px;
      padding: 0 10px;
      border: 1px solid #bfbfbf;
      line-height: 28px; }
    .columnFilterDialog .dialogContent select {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 50%;
      height: 23px;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background-color: #ffffff;
      padding-left: 0;
      border-radius: 4px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .columnFilterDialog .dialogContent select.ng-touched.ng-invalid {
        border: 2px solid #af1010; }
      .columnFilterDialog .dialogContent select.ng-touched.ng-invalid:focus {
        border: 1px solid #bfbfbf;
        outline-color: #af1010; }
      .columnFilterDialog .dialogContent select:disabled, .columnFilterDialog .dialogContent select.ng-invalid:disabled {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-left: 0;
        color: #000000;
        background: #ffffff;
        border: 0;
        border-bottom: 1px solid #dadada; }
    .columnFilterDialog .dialogContent .ng-submitted input.ng-invalid, .columnFilterDialog .dialogContent .ng-submitted select.ng-invalid {
      border: 2px solid #af1010; }
    .columnFilterDialog .dialogContent .ng-submitted input.ng-invalid:focus, .columnFilterDialog .dialogContent .ng-submitted select.ng-invalid:focus {
      border: 1px solid #bfbfbf;
      outline-color: #af1010; }
    .columnFilterDialog .dialogContent .enableFilter {
      position: relative;
      float: right;
      width: 85px;
      margin-right: 3px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .columnFilterDialog .dialogContent .enableFilter .enabledLabel {
        display: block;
        float: left;
        margin-left: 5px;
        font-size: 12px;
        line-height: 23px;
        text-wrap: normal;
        background-color: #ffffff; }
      .columnFilterDialog .dialogContent .enableFilter .enabled-on-off {
        top: 0;
        right: 0; }
    .columnFilterDialog .dialogContent .filterContainer {
      float: left;
      width: 100%; }
    .columnFilterDialog .dialogContent .categoryTitle {
      float: left;
      width: 100%;
      font-size: 14px;
      line-height: 30px;
      color: #282828;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .columnFilterDialog .dialogContent .filterRowsContainer {
      float: left;
      width: 100%; }
      .columnFilterDialog .dialogContent .filterRowsContainer.filterEnumeration {
        overflow: auto;
        max-height: 400px; }
    .columnFilterDialog .dialogContent .filterRow {
      float: left;
      clear: both;
      width: 100%;
      margin-bottom: 7px;
      color: #000000;
      font-size: 12px; }
      .columnFilterDialog .dialogContent .filterRow label {
        float: left;
        overflow: hidden;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .columnFilterDialog .dialogContent .filterRow label.empty {
          font-style: italic;
          text-transform: lowercase; }
      .columnFilterDialog .dialogContent .filterRow input {
        width: 50%; }
        .columnFilterDialog .dialogContent .filterRow input.clDateInput {
          width: 100%; }
        .columnFilterDialog .dialogContent .filterRow input.timeInput {
          width: 50%; }
      .columnFilterDialog .dialogContent .filterRow .clDate {
        float: left;
        width: 50%; }
      .columnFilterDialog .dialogContent .filterRow .clDatetime {
        float: left;
        width: 50%; }
        .columnFilterDialog .dialogContent .filterRow .clDatetime .clDatetimeDate {
          float: left;
          width: calc(60% - 5px); }
          .columnFilterDialog .dialogContent .filterRow .clDatetime .clDatetimeDate .clDateInput {
            width: 100%; }
        .columnFilterDialog .dialogContent .filterRow .clDatetime .clDatetimeTime {
          width: 40%;
          float: right; }
      .columnFilterDialog .dialogContent .filterRow .controlButtonsBar {
        position: relative;
        float: left; }
      .columnFilterDialog .dialogContent .filterRow.oneRow label {
        width: 50%; }
      .columnFilterDialog .dialogContent .filterRow.oneRow .onOffWrap {
        position: relative;
        float: left; }
      .columnFilterDialog .dialogContent .filterRow.noMarginBottom {
        margin-bottom: 0; }
    .columnFilterDialog .dialogContent .absolute .absoluteValue {
      width: 50%;
      float: left; }
    .columnFilterDialog .dialogContent .relative .relativeValue {
      position: relative;
      float: left;
      width: 25%;
      height: 23px;
      margin: 0; }
    .columnFilterDialog .dialogContent .relative select {
      position: relative;
      float: left;
      width: calc(25% - 5px);
      height: 23px;
      margin-left: 5px;
      padding-left: 0; }
    .columnFilterDialog .dialogContent .relative select:last-child {
      margin-right: 0; }
  .columnFilterDialog .dialogFooter.footerNotPopup {
    padding: 0 !important; }

@media all and (max-width: 768px) {
  .columnFilterDialogWindow .modal-dialog {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0; }
    .columnFilterDialogWindow .modal-dialog .modal-content {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      -webkit-box-shadow: 0;
      box-shadow: 0; }
      .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog {
        display: block;
        width: 100%;
        height: 100%; }
        .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile {
          display: block;
          width: 100%;
          height: 90px;
          background-color: #5A5A58;
          font-size: 0; }
          .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .backButton {
            display: inline-block;
            width: 90px;
            height: 90px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0");
            background-size: 40px;
            border: none;
            outline: none; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .backButton:focus {
              background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
          .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .headerTitle {
            display: inline-block;
            width: calc(100% - 90px);
            height: 100%;
            padding: 0px 90px 0px 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            vertical-align: top;
            color: #fff;
            font-size: 32px;
            line-height: 90px; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .headerTitle.filterTitle {
              width: calc(100% - 180px); }
          .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .addButton {
            display: inline-block;
            width: 90px;
            height: 90px;
            margin: 0;
            padding: 0;
            outline: none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 40px;
            background-color: #5A5A58;
            background-image: url("../../images/white/add.svg?v=10.32.12.0");
            border: none; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .addButton:hover, .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .addButton:focus, .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogHeaderMobile .addButton.active {
              background-image: url("../../images/black/add.svg?v=10.32.12.0"); }
        .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent {
          height: calc(100% - 170px);
          padding: 0 0px 20px 0px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          overflow-x: hidden !important;
          overflow-y: auto !important; }
          .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .enableFilter {
            display: block;
            width: 100%;
            height: auto;
            float: none;
            clear: both; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .enableFilter .enabledLabel {
              display: block;
              width: 100%;
              height: 90px;
              margin: 0;
              padding: 0 30px;
              line-height: 90px;
              font-size: 32px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .enableFilter .enabled-on-off {
              position: initial;
              top: auto;
              left: auto; }
              .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .enableFilter .enabled-on-off select {
                display: block;
                width: 100%;
                height: 90px;
                font-size: 32px;
                line-height: 90px;
                padding: 0 90px 0 30px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                border: none;
                outline: none;
                background-color: #fff;
                border-radius: 4px;
                font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
                background-repeat: no-repeat;
                background-position: top 30px right 30px;
                background-size: auto 30px;
                background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0");
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none; }
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .enableFilter .enabled-on-off select:focus {
                  background-color: #eeeeee; }
          .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer {
            display: block;
            width: 100%;
            float: none; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .categoryTitle {
              display: block;
              font-size: 32px;
              font-weight: 600;
              line-height: 90px;
              padding: 0 30px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer {
              display: block;
              width: 100%;
              float: none;
              clear: both; }
              .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow {
                display: block;
                width: 100%;
                min-height: 90px;
                float: none;
                margin: 0;
                padding: 0 15px;
                border-bottom: 1px solid #F2F2F2;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                color: #000;
                font-weight: 400;
                font-size: 32px;
                line-height: 90px;
                overflow: hidden; }
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow label {
                  line-height: 90px;
                  font-size: 32px;
                  padding: 0 30px;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis; }
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=text],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=password],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=date],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=datetime],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=datetime-local],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=email],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=month],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=number],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=tel],
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=week] {
                  display: block;
                  position: relative;
                  width: 100%;
                  height: 90px;
                  padding: 0 30px;
                  font-size: 32px;
                  line-height: 90px;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  outline: none;
                  color: #000;
                  border: 1px solid transparent !important;
                  float: none;
                  clear: both; }
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=text]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=password]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=date]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=datetime]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=datetime-local]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=email]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=month]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=number]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=tel]:disabled,
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow input[type=week]:disabled {
                    border: none;
                    background-color: transparent; }
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow select {
                  display: block;
                  width: 100%;
                  height: 90px;
                  font-size: 32px;
                  line-height: 90px;
                  padding: 0 90px 0 30px;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  border: none;
                  outline: none;
                  background-color: #fff;
                  background-repeat: no-repeat;
                  background-position: top 30px right 30px;
                  background-size: auto 30px;
                  background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0");
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none; }
                  .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow select:focus {
                    background-color: #eeeeee; }
                .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogContent .filterContainer .filterRowsContainer .filterRow.absolute .absoluteValue {
                  display: block;
                  width: 100%;
                  float: none; }
        .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter {
          display: block;
          height: 80px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px 5% 0 5%;
          font-size: 0;
          background-color: #fff; }
          .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter button {
            display: inline-block;
            width: 48%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 17px 10px;
            text-align: center;
            text-transform: uppercase;
            outline: none;
            border: none; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter button.cancel {
              margin: 0;
              padding: 0;
              height: 60px;
              font-size: 24px; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter button.confirm {
              margin: 0;
              padding: 0;
              height: 60px;
              font-size: 22px;
              background-color: #007CC8; }
              .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter button.confirm:hover {
                -webkit-box-shadow: none;
                box-shadow: none; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter button:first-of-type {
              margin-right: 4%; }
          .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter.tripleButton button {
            width: 30%; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter.tripleButton button.no {
              margin: 0;
              padding: 0;
              height: 60px;
              font-size: 24px; }
            .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter.tripleButton button:first-of-type, .columnFilterDialogWindow .modal-dialog .modal-content .columnFilterDialog .dialogFooter.tripleButton button:nth-of-type(2) {
              margin-right: 3%; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .columnFilterDialog input:focus, .columnFilterDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: column filter dialog **/

/*# sourceMappingURL=columnFilterDialog.css.map */

/** START: column totals dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.columnTotalsDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .columnTotalsDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .columnTotalsDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .columnTotalsDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/sum.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .columnTotalsDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .columnTotalsDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .columnTotalsDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    overflow: auto;
    font-size: 12px;
    color: #282828;
    background-color: #ffffff; }
    .columnTotalsDialog .dialogContent .totalsContainer {
      float: left;
      width: 100%; }
    .columnTotalsDialog .dialogContent .categoryTitle {
      float: left;
      width: 100%;
      font-size: 14px;
      line-height: 30px; }
    .columnTotalsDialog .dialogContent select {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 23px;
      padding-left: 0;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background-color: #ffffff; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .columnTotalsDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: column totals dialog **/

/*# sourceMappingURL=columnTotalsDialog.css.map */

/** START: confirm dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.confirmDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none;
  padding: 0px;
  overflow: hidden; }
  .confirmDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .confirmDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .confirmDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background-repeat: no-repeat;
      background-color: transparent;
      background-position: center;
      background-size: 20px 20px; }
      .confirmDialog .dialogHeader .headerIcon.delete {
        background-image: url("../../images/black/delete.svg?v=10.32.12.0"); }
      .confirmDialog .dialogHeader .headerIcon.warning {
        background-image: url("../../images/black/warning.svg?v=10.32.12.0"); }
    .confirmDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .confirmDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .confirmDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    overflow: auto;
    font-size: 12px;
    color: #282828;
    background-color: #ffffff;
    border-radius: 4px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .confirmDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: confirm dialog **/

/*# sourceMappingURL=confirmDialog-all.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
@media all and (max-width: 750px) {
  /*.modal-backdrop {
    background-color: #fff;
  }
  .modal-backdrop.in {
    opacity: 0;
  }*/
  .confirmDialogWindow .modal-dialog {
    position: absolute;
    top: 90px;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% - 90px);
    margin: 0;
    background-color: #fff; }
    .confirmDialogWindow .modal-dialog .modal-content {
      margin-top: 0;
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }

  .confirmDialog {
    width: 100%; }
    .confirmDialog .dialogHeader {
      display: none; }
    .confirmDialog .dialogContent {
      display: block;
      width: 100%;
      padding: 5% 40px;
      text-align: center;
      font-size: 22px;
      font-weight: 400;
      line-height: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .confirmDialog .dialogFooter {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 5%;
      font-size: 0; }
      .confirmDialog .dialogFooter button {
        display: inline-block;
        width: 48%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 17px 10px;
        text-align: center;
        text-transform: uppercase;
        outline: none;
        border: none; }
        .confirmDialog .dialogFooter button.cancel {
          margin: 0;
          padding: 0;
          height: 60px;
          font-size: 24px; }
        .confirmDialog .dialogFooter button.confirm {
          margin: 0;
          padding: 0;
          height: 60px;
          font-size: 22px; }
          .confirmDialog .dialogFooter button.confirm:hover {
            -webkit-box-shadow: none;
            box-shadow: none; }
        .confirmDialog .dialogFooter button:first-of-type {
          margin-right: 4%; } }

/*# sourceMappingURL=confirmDialog-mobile.css.map */

/** START: navigation dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.schedulerPopupLoader {
  position: absolute;
  top: 0;
  left: calc(50% - 150px);
  width: 300px;
  height: 300px;
  z-index: 25; }
  .schedulerPopupLoader.grey {
    filter: alpha(opacity=45);
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    opacity: 0.45;
    background: transparent url("../../images/shared/loader-white.gif?v=10.32.12.0") no-repeat center; }

.detailsScreenDialogWindow .modal-dialog {
  width: 350px; }
.detailsScreenDialogWindow .detailsScreenDialog {
  width: 350px; }

.detailsScreenDialogWindow .detailsDirective > form {
  overflow: visible !important; }
.detailsScreenDialogWindow .commentsSection {
  overflow: visible !important; }
.detailsScreenDialogWindow .detailsContainer {
  overflow: visible !important; }
.detailsScreenDialogWindow .sections {
  overflow: visible !important; }

.detailsScreenDialogWindow .sections {
  float: left;
  padding-left: 0px; }

.detailsScreenDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none; }
  .detailsScreenDialog .detailsDirective {
    height: 100%; }
  .detailsScreenDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #424242; }
    .detailsScreenDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: calc(100% - 135px);
      color: #ffffff; }
    .detailsScreenDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background-size: 20px 20px !important;
      background-repeat: no-repeat !important;
      background-position: center !important; }
    .detailsScreenDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .detailsScreenDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
    .detailsScreenDialog .dialogHeader .popoutButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .detailsScreenDialog .dialogHeader .popoutButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .detailsScreenDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0px;
    height: 100px;
    min-height: 100px;
    transition: height 0.3s;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden; }
    .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-header-cell {
      background-size: 1px 10px; }
    .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-filter-container {
      margin: 4px 100px 4px 5px;
      padding: 0px;
      position: relative;
      box-sizing: border-box; }
    .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-column-menu-button {
      display: none; }
    .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input {
      color: #585858;
      padding-left: 5px !important;
      font-size: 12px;
      /* Firefox 18- */
      /* Firefox 19+ */ }
      .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input::-webkit-input-placeholder {
        color: #999999; }
      .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input:-moz-placeholder {
        color: #999999; }
      .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input::-moz-placeholder {
        color: #999999; }
      .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input:-ms-input-placeholder {
        color: #999999; }
    .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-icon-cancel {
      right: -5px !important; }
    .detailsScreenDialog .dialogContent .objectDetailsGrid .ui-grid-header-cell .ui-grid-cell-contents {
      padding-bottom: 0px; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .detailsScreenDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: navigation dialog **/

/*# sourceMappingURL=detailsScreenDialog.css.map */

/** START: excel import dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.excelImportDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .excelImportDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .excelImportDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .excelImportDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/excel.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .excelImportDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .excelImportDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .excelImportDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    font-size: 12px;
    color: #282828;
    overflow: auto;
    /* Create the upload loading effect */ }
    .excelImportDialog .dialogContent .downloadTemplateButton {
      display: inline-block;
      height: 15px;
      width: 15px;
      margin: 5px;
      cursor: pointer;
      background: url("../../images/blue/save.svg?v=10.32.12.0") no-repeat center; }
    .excelImportDialog .dialogContent .templateLabel {
      position: absolute;
      padding-top: 5px; }
    .excelImportDialog .dialogContent .attachmentWrapper {
      float: left;
      -moz-box-sizing: border-box;
      width: 100%;
      box-sizing: border-box;
      overflow-y: auto; }
    .excelImportDialog .dialogContent .attachment {
      position: relative;
      float: left;
      clear: both;
      width: 100%;
      height: auto;
      min-width: 300px;
      overflow: auto;
      margin: 0 0 10px 0;
      background-repeat: no-repeat;
      background-color: transparent; }
      .excelImportDialog .dialogContent .attachment .attachmentContent {
        float: left; }
        .excelImportDialog .dialogContent .attachment .attachmentContent .attachmentImg {
          border: none !important; }
      .excelImportDialog .dialogContent .attachment .attachmentInfo {
        position: relative;
        float: left;
        clear: both;
        width: auto;
        height: auto;
        margin: 0 0 5px 5px;
        padding: 0; }
        .excelImportDialog .dialogContent .attachment .attachmentInfo.filename {
          font-size: 14px;
          cursor: pointer;
          max-width: 450px;
          margin: 0 30px 5px 5px; }
        .excelImportDialog .dialogContent .attachment .attachmentInfo.date, .excelImportDialog .dialogContent .attachment .attachmentInfo.size {
          font-size: 12px;
          color: #cccccc;
          margin-left: 5px; }
      .excelImportDialog .dialogContent .attachment .attachmentDelete {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        font-size: 14px;
        color: #cccccc;
        cursor: pointer; }
        .excelImportDialog .dialogContent .attachment .attachmentDelete:hover {
          color: #585858; }
    .excelImportDialog .dialogContent .upload {
      float: left;
      width: 100%;
      overflow: hidden; }
      .excelImportDialog .dialogContent .upload .dragArea {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(100% - 50px);
        max-width: 648px;
        height: 45px;
        float: left;
        font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 400;
        resize: none;
        border: 1px dashed #cccccc;
        color: #cccccc;
        text-align: center;
        line-height: 45px; }
      .excelImportDialog .dialogContent .upload .attachmentButton {
        float: right;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 45px;
        height: 45px;
        z-index: 1;
        border: 1px solid #006890;
        background: url("../../images/blue/excel.svg?v=10.32.12.0") no-repeat center;
        cursor: pointer;
        background-size: 20px 20px; }
      .excelImportDialog .dialogContent .upload .attachmentInput {
        float: left;
        width: 45px;
        height: 45px;
        z-index: 2;
        cursor: pointer;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        opacity: 0; }
        .excelImportDialog .dialogContent .upload .attachmentInput::-webkit-file-upload-button {
          visibility: hidden;
          height: 44px;
          width: 44px; }
    .excelImportDialog .dialogContent .progress {
      height: 14px;
      margin: 30px auto 0px auto;
      display: block;
      /* Important Thing */
      -webkit-appearance: none;
      border: none; }
    .excelImportDialog .dialogContent .progress::-webkit-progress-bar {
      background: #cccccc;
      border-radius: 50px;
      padding: 2px;
      box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2); }
    .excelImportDialog .dialogContent .progress::-webkit-progress-value {
      border-radius: 50px;
      box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
      background: -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #09c, #04c);
      background-size: 25px 14px, 100% 100%, 100% 100%;
      -webkit-animation: move 5s linear 0 infinite; }

@-webkit-keyframes move {
  0% {
    background-position: 0px 0px, 0 0, 0 0; }
  100% {
    background-position: -100px 0px, 0 0, 0 0; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .excelImportDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: excel import dialog **/

/*# sourceMappingURL=excelImportDialog.css.map */

/** START: excel many dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.excelManyDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .excelManyDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .excelManyDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .excelManyDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/excel.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .excelManyDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .excelManyDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .excelManyDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 45px);
    overflow: auto;
    border-top: 0;
    padding: 15px 16px;
    font-size: 12px;
    font-weight: 400;
    color: #282828;
    background-color: #ffffff; }
    .excelManyDialog .dialogContent label {
      position: relative;
      float: left;
      width: 40%;
      height: 23px;
      overflow: hidden;
      line-height: 23px;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #000000; }
    .excelManyDialog .dialogContent select {
      position: relative;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: right;
      width: calc(60% - 10px);
      height: 23px;
      padding-left: 0;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background-color: #ffffff;
      border-radius: 4px; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .excelManyDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: excel many dialog **/

/*# sourceMappingURL=excelManyDialog.css.map */

/** START: filter dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.filterDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none;
  padding: 0px; }
  .filterDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .filterDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .filterDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/black/filter.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .filterDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .filterDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .filterDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    background-color: #ffffff;
    overflow: auto; }
    .filterDialog .dialogContent .enableFilter {
      position: relative;
      float: right;
      width: 85px;
      margin-right: 3px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .filterDialog .dialogContent .enableFilter .enabledLabel {
        display: block;
        float: left;
        margin-left: 5px;
        font-size: 12px;
        line-height: 23px;
        text-wrap: normal;
        background-color: #ffffff; }
      .filterDialog .dialogContent .enableFilter .enabled-on-off {
        top: 0;
        right: 0; }
    .filterDialog .dialogContent .filterContainer {
      float: left;
      clear: both;
      width: 100%; }
    .filterDialog .dialogContent .categoryTitle {
      float: left;
      width: 100%;
      font-size: 14px;
      line-height: 30px;
      color: #282828;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .filterDialog .dialogContent .filterRow {
      float: left;
      clear: both;
      width: 100%;
      color: #000000;
      font-size: 12px; }
    .filterDialog .dialogContent input[type=text] {
      position: relative;
      display: block;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 50%;
      height: 23px;
      margin: 0;
      padding: 0 3px;
      border: 1px solid #96bfdd;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      background-color: #ffffff;
      border-radius: 4px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .filterDialog .dialogContent input[type=text].ng-touched.ng-invalid {
        border: 2px solid #af1010; }
      .filterDialog .dialogContent input[type=text].ng-touched.ng-invalid:focus {
        border: 1px solid #bfbfbf;
        outline-color: #af1010; }
      .filterDialog .dialogContent input[type=text]:disabled, .filterDialog .dialogContent input[type=text].ng-invalid:disabled {
        color: #000000;
        background: #ffffff;
        border: 0;
        border-bottom: 1px solid #dadada; }
    .filterDialog .dialogContent .ng-submitted .ng-invalid {
      border: 2px solid #af1010; }
    .filterDialog .dialogContent .ng-submitted .ng-invalid:focus {
      border: 1px solid #bfbfbf;
      outline-color: #af1010; }

@media all and (max-width: 768px) {
  .filterDialogWindow .modal-dialog {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0; }
    .filterDialogWindow .modal-dialog .modal-content {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      -webkit-box-shadow: 0;
      box-shadow: 0; }
      .filterDialogWindow .modal-dialog .modal-content .filterDialog {
        display: block;
        width: 100%;
        height: 100%; }
        .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile {
          display: block;
          width: 100%;
          height: 90px;
          background-color: #5A5A58;
          font-size: 0; }
          .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .backButton {
            display: inline-block;
            width: 90px;
            height: 90px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../../images/white/arrow_left.svg?v=10.32.12.0");
            background-size: 40px;
            border: none;
            outline: none; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .backButton:focus {
              background-image: url("../../images/black/arrow_left.svg?v=10.32.12.0"); }
          .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .headerTitle {
            display: inline-block;
            width: calc(100% - 90px);
            height: 100%;
            padding: 0px 90px 0px 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            vertical-align: top;
            color: #fff;
            font-size: 32px;
            line-height: 90px; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .headerTitle.filterTitle {
              width: calc(100% - 180px); }
          .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .addButton {
            display: inline-block;
            width: 90px;
            height: 90px;
            margin: 0;
            padding: 0;
            outline: none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 40px;
            background-color: #5A5A58;
            background-image: url("../../images/white/add.svg?v=10.32.12.0");
            border: none; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .addButton:hover, .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .addButton:focus, .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogHeaderMobile .addButton.active {
              background-image: url("../../images/black/add.svg?v=10.32.12.0"); }
        .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent {
          height: calc(100% - 170px);
          padding: 0 0px 20px 0px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          overflow-x: hidden !important;
          overflow-y: auto !important; }
          .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .enableFilter {
            display: block;
            width: 100%;
            height: auto;
            float: none;
            clear: both; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .enableFilter .enabledLabel {
              display: block;
              width: 100%;
              height: 90px;
              margin: 0;
              padding: 0 30px;
              line-height: 90px;
              font-size: 32px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .enableFilter .enabled-on-off {
              position: initial;
              top: auto;
              left: auto; }
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .enableFilter .enabled-on-off select {
                display: block;
                width: 100%;
                height: 90px;
                font-size: 32px;
                line-height: 90px;
                padding: 0 90px 0 30px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                border: none;
                outline: none;
                background-color: #fff;
                border-radius: 4px;
                font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
                background-repeat: no-repeat;
                background-position: top 30px right 30px;
                background-size: auto 30px;
                background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0");
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none; }
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .enableFilter .enabled-on-off select:focus {
                  background-color: #eeeeee; }
          .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer {
            display: block;
            width: 100%;
            float: none; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .categoryTitle {
              display: block;
              float: none;
              font-size: 32px;
              font-weight: 600;
              line-height: 90px;
              padding: 0 30px;
              font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRowsContainer {
              display: block;
              width: 100%;
              float: none;
              clear: both; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow {
              display: block;
              width: 100%;
              min-height: 90px;
              float: none;
              margin: 0;
              padding: 0 15px;
              border-bottom: 1px solid #F2F2F2;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              color: #000;
              font-weight: 400;
              font-size: 32px;
              line-height: 90px;
              overflow: hidden; }
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow label {
                line-height: 90px;
                font-size: 32px;
                padding: 0 30px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=text],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=password],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=date],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=datetime],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=datetime-local],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=email],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=month],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=number],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=tel],
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=week] {
                display: block;
                position: relative;
                width: 100%;
                height: 90px;
                padding: 0 30px;
                font-size: 32px;
                line-height: 90px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                outline: none;
                color: #000;
                border: 1px solid transparent !important;
                float: none;
                clear: both; }
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=text]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=password]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=date]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=datetime]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=datetime-local]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=email]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=month]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=number]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=tel]:disabled,
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow input[type=week]:disabled {
                  border: none;
                  background-color: transparent; }
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow select {
                display: block;
                width: 100%;
                height: 90px;
                font-size: 32px;
                line-height: 90px;
                padding: 0 90px 0 30px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                border: none;
                outline: none;
                background-color: #fff;
                background-repeat: no-repeat;
                background-position: top 30px right 30px;
                background-size: auto 30px;
                background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0");
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none; }
                .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow select:focus {
                  background-color: #eeeeee; }
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogContent .filterContainer .filterRow.absolute .absoluteValue {
                display: block;
                width: 100%;
                float: none; }
        .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter {
          display: block;
          height: 80px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px 5% 0 5%;
          font-size: 0;
          background-color: #fff; }
          .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter button {
            display: inline-block;
            width: 48%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 17px 10px;
            text-align: center;
            text-transform: uppercase;
            outline: none;
            border: none; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter button.cancel {
              margin: 0;
              padding: 0;
              height: 60px;
              font-size: 24px; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter button.confirm {
              margin: 0;
              padding: 0;
              height: 60px;
              font-size: 22px;
              background-color: #007CC8; }
              .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter button.confirm:hover {
                -webkit-box-shadow: none;
                box-shadow: none; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter button:first-of-type {
              margin-right: 4%; }
          .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter.tripleButton button {
            width: 30%; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter.tripleButton button.delete {
              margin: 0;
              padding: 0;
              height: 60px;
              font-size: 24px; }
            .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter.tripleButton button:first-of-type, .filterDialogWindow .modal-dialog .modal-content .filterDialog .dialogFooter.tripleButton button:nth-of-type(2) {
              margin-right: 3%; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .filterDialog input:focus, .filterDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: filter dialog **/

/*# sourceMappingURL=filterDialog.css.map */

/** START: helptext dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.helpTextDialogWindow .modal-dialog {
  width: 700px; }

.helpTextDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 700px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none;
  padding: 0px; }
  .helpTextDialog .dialogFooter {
    width: calc(100% - 510px);
    margin-right: 0;
    margin-left: auto; }
  .helpTextDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #DDDDDD;
    background: #ffffff; }
    .helpTextDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .helpTextDialog .dialogHeader .headerHelpTextNumber {
      float: left;
      color: #ffffff;
      line-height: 45px;
      height: 45px;
      padding-left: 5px;
      font-size: 14px;
      font-weight: 100;
      top: 1px; }
    .helpTextDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/black/question_circle.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .helpTextDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .helpTextDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .helpTextDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 45px);
    overflow: auto;
    border-top: 0;
    padding: 15px 16px;
    font-size: 12px;
    color: #282828;
    background-color: #ffffff;
    border-radius: 4px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    overflow-x: hidden; }
    .helpTextDialog .dialogContent.isLoading {
      min-height: 100px !important; }
  .helpTextDialog .dialogLoader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25; }
    .helpTextDialog .dialogLoader.grey {
      filter: alpha(opacity=25);
      -moz-opacity: 0.25;
      -khtml-opacity: 0.25;
      opacity: 0.25;
      background: #cccccc url("../../images/shared/loader.gif?v=10.32.12.0") no-repeat center; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .helpTextDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: helptext dialog **/

/*# sourceMappingURL=helpTextDialog.css.map */

/** START: info dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.infoDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none;
  padding: 0px; }
  .infoDialog .dialogFooter {
    width: calc(100% - 380px);
    margin-right: 0;
    margin-left: auto; }
  .infoDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .infoDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .infoDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/black/clipboard_list_edit.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .infoDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .infoDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .infoDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 45px);
    overflow: auto;
    border-top: 0;
    padding: 15px 16px;
    color: #282828;
    background-color: #ffffff; }
    .infoDialog .dialogContent .destroyDb {
      position: relative;
      box-sizing: border-box;
      float: left;
      width: 100%;
      margin: 7px 0 0 0;
      padding: 0;
      line-height: 20px;
      font-size: 12px;
      text-align: left; }
      .infoDialog .dialogContent .destroyDb .destroyDbLink {
        cursor: pointer;
        margin-top: 5px;
        text-decoration: underline; }
      .infoDialog .dialogContent .destroyDb .destroyDbInfo {
        font-size: 12px;
        margin-top: 5px; }
    .infoDialog .dialogContent .versionInfo {
      position: relative;
      box-sizing: border-box;
      float: left;
      width: 100%;
      margin: 0;
      padding: 0;
      line-height: 20px;
      font-size: 12px;
      text-align: left; }
      .infoDialog .dialogContent .versionInfo .versionName {
        position: relative;
        box-sizing: border-box;
        float: left;
        width: 150px;
        font-weight: 700; }
      .infoDialog .dialogContent .versionInfo .versionNumber {
        position: relative;
        box-sizing: border-box;
        float: left;
        text-align: left;
        padding: 0 0 0 10px; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .infoDialog .dialogContent .versionInfo .versionName {
    font-weight: normal;
    text-shadow: 0.5px 0 0 #282828; }

  .infoDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: info dialog **/

/*# sourceMappingURL=infoDialog.css.map */

/** START: info dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.keyboardShortcutsDialogWindow .modal-dialog {
  width: 700px; }

.keyboardShortcutsDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 700px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .keyboardShortcutsDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .keyboardShortcutsDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .keyboardShortcutsDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/keyboard.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .keyboardShortcutsDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .keyboardShortcutsDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .keyboardShortcutsDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 45px);
    max-height: 400px;
    overflow: auto;
    border-top: 0;
    padding: 15px 16px;
    color: #282828;
    background-color: #ffffff; }
    .keyboardShortcutsDialog .dialogContent table {
      border-collapse: collapse;
      border: 1px solid #e6e6e6;
      width: 100%; }
      .keyboardShortcutsDialog .dialogContent table th {
        font-size: 14px;
        border: 1px solid #e6e6e6;
        color: #282828;
        text-align: left;
        padding: 0 5px; }
      .keyboardShortcutsDialog .dialogContent table td {
        border: 1px solid #e6e6e6;
        text-align: left;
        padding: 2px 5px;
        line-height: 20px;
        font-size: 12px; }
        .keyboardShortcutsDialog .dialogContent table td.shortcut-key {
          min-width: 130px; }
        .keyboardShortcutsDialog .dialogContent table td.context {
          text-align: center; }
      .keyboardShortcutsDialog .dialogContent table tr:nth-child(even) {
        background-color: #f2f2f2; }
  .keyboardShortcutsDialog .dialogFooter {
    background-color: #ffffff; }

/*# sourceMappingURL=keyboardShortcutsDialog.css.map */

/** START: manage lists dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.manageListsDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none;
  padding: 0px;
  overflow: hidden; }
  .manageListsDialog .dialogFooter {
    width: calc(100% - 380px);
    margin-right: 0;
    margin-left: auto; }
  .manageListsDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .manageListsDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .manageListsDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/black/clipboard_list_edit.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .manageListsDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .manageListsDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .manageListsDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 100px;
    background-color: #ffffff;
    overflow: auto; }
    .manageListsDialog .dialogContent .as-sortable-item {
      -ms-touch-action: none;
      touch-action: none; }
    .manageListsDialog .dialogContent .as-sortable-drag {
      position: absolute;
      pointer-events: none;
      z-index: 9999; }
    .manageListsDialog .dialogContent .as-sortable-hidden {
      display: none !important; }
    .manageListsDialog .dialogContent .as-sortable-un-selectable {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .manageListsDialog .dialogContent .manageListsDialogLoader {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 25; }
      .manageListsDialog .dialogContent .manageListsDialogLoader.grey {
        filter: alpha(opacity=25);
        -moz-opacity: 0.25;
        -khtml-opacity: 0.25;
        opacity: 0.25;
        background: #cccccc url("../../images/shared/loader.gif?v=10.32.12.0") no-repeat center; }
    .manageListsDialog .dialogContent ul.managementType {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 30px;
      overflow: hidden;
      margin: 0;
      padding: 0;
      list-style: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      .manageListsDialog .dialogContent ul.managementType > li {
        position: relative;
        box-sizing: border-box;
        float: left;
        width: auto;
        height: 29px;
        margin: 0 15px;
        padding: 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 29px;
        color: rgba(40, 40, 40, 0.4);
        cursor: pointer; }
        .manageListsDialog .dialogContent ul.managementType > li.active {
          color: #006890; }
    .manageListsDialog .dialogContent ul.listsContainer {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
      .manageListsDialog .dialogContent ul.listsContainer .listContainer {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 0 15px 0 35px;
        font-size: 12px;
        font-weight: 400;
        line-height: 29px;
        color: #282828;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        cursor: pointer; }
      .manageListsDialog .dialogContent ul.listsContainer .listContainer:hover, .manageListsDialog .dialogContent ul.listsContainer .as-sortable-drag .listContainer {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
        background-repeat: repeat-x;
        background-position: left top; }
        .manageListsDialog .dialogContent ul.listsContainer .listContainer:hover .listSortHandle, .manageListsDialog .dialogContent ul.listsContainer .as-sortable-drag .listContainer .listSortHandle {
          display: block; }
        .manageListsDialog .dialogContent ul.listsContainer .listContainer:hover .listEdit, .manageListsDialog .dialogContent ul.listsContainer .as-sortable-drag .listContainer .listEdit {
          height: 28px;
          margin-top: 1px;
          line-height: 28px; }
        .manageListsDialog .dialogContent ul.listsContainer .listContainer:hover button, .manageListsDialog .dialogContent ul.listsContainer .as-sortable-drag .listContainer button {
          display: inline-block; }
          .manageListsDialog .dialogContent ul.listsContainer .listContainer:hover button.disabled, .manageListsDialog .dialogContent ul.listsContainer .as-sortable-drag .listContainer button.disabled {
            display: none; }
    .manageListsDialog .dialogContent .listSortHandle {
      position: absolute;
      display: none;
      top: 1px;
      left: 0;
      width: 15px;
      height: 28px;
      background: url("../../images/0dd/sort_handle.png") no-repeat center;
      cursor: move;
      z-index: 2; }
    .manageListsDialog .dialogContent .listIcon {
      position: absolute;
      top: 1px;
      left: 17px;
      width: 12px;
      height: 28px;
      z-index: 3;
      background-repeat: no-repeat;
      background-position: 0px center;
      background-size: 12px 12px; }
      .manageListsDialog .dialogContent .listIcon.lock {
        background-image: url("../../images/blue/lock.svg?v=10.32.12.0"); }
      .manageListsDialog .dialogContent .listIcon.user {
        background-image: url("../../images/black/user.svg?v=10.32.12.0"); }
      .manageListsDialog .dialogContent .listIcon.personalTwoEmpty {
        background-image: url("../../images/black/person_two_empty.svg?v=10.32.12.0"); }
      .manageListsDialog .dialogContent .listIcon.personalTwoFilled {
        background-image: url("../../images/black/person_two_filled.svg?v=10.32.12.0"); }
    .manageListsDialog .dialogContent .list {
      position: relative;
      width: 100%;
      height: 29px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap; }
      .manageListsDialog .dialogContent .list .listEdit {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 29px;
        margin: 0;
        padding: 0 5px;
        line-height: 29px;
        font-size: 12px;
        font-weight: 400;
        color: #006890;
        border: 1px solid #96bfdd; }
        .ng-submitted .manageListsDialog .dialogContent .list .listEdit.ng-invalid, .manageListsDialog .dialogContent .list .listEdit.ng-touched.ng-invalid {
          padding: 0 4px;
          border: 2px solid #af1010; }
        .ng-submitted .manageListsDialog .dialogContent .list .listEdit.ng-invalid:focus, .manageListsDialog .dialogContent .list .listEdit.ng-touched.ng-invalid:focus {
          padding: 0 5px;
          border: 1px solid #bfbfbf;
          outline-color: #af1010; }
        .manageListsDialog .dialogContent .list .listEdit:disabled {
          -webkit-text-fill-color: #282828;
          -webkit-opacity: 1;
          color: #282828;
          background: transparent;
          border: 0;
          padding: 0 6px; }
        .manageListsDialog .dialogContent .list .listEdit.changesPending {
          font-style: italic; }
      .manageListsDialog .dialogContent .list button {
        position: relative;
        display: none;
        box-sizing: border-box;
        width: 30px;
        height: 29px;
        margin: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        background-size: 15px 15px;
        border: 0; }
        .manageListsDialog .dialogContent .list button.visible {
          display: inline-block; }
        .manageListsDialog .dialogContent .list button.disabled {
          display: none; }
        .manageListsDialog .dialogContent .list button.add {
          background-image: url("../../images/blue/add.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.add.disabled {
            background-image: url("../../images/grey/add.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.cancel {
          background-image: url("../../images/blue/close.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.cancel.disabled {
            background-image: url("../../images/grey/close.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.delete {
          background-image: url("../../images/blue/delete.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.delete.disabled {
            background-image: url("../../images/grey/delete.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.edit {
          background-image: url("../../images/blue/edit-text.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.edit.disabled {
            background-image: url("../../images/grey/edit-text.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.hide {
          background-image: url("../../images/blue/hide.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.hide.disabled {
            background-image: url("../../images/grey/hide.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.revert {
          font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 14px;
          top: 2px;
          color: #006890; }
          .manageListsDialog .dialogContent .list button.revert::before {
            font-family: codeless-icons, sans-serif !important; }
          .manageListsDialog .dialogContent .list button.revert.disabled {
            background-image: url("../../images/grey/undo.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.save {
          background-image: url("../../images/blue/save.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.save.disabled {
            background-image: url("../../images/grey/save.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.saveAs {
          background-image: url("../../images/blue/save_as.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.saveAs.disabled {
            background-image: url("../../images/grey/save_as.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.show {
          background-image: url("../../images/blue/show.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.show.disabled {
            background-image: url("../../images/grey/show.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.undo {
          background-image: url("../../images/blue/undo.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.undo.disabled {
            background-image: url("../../images/grey/undo.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.publish {
          background-image: url("../../images/blue/publish.svg?v=10.32.12.0"); }
          .manageListsDialog .dialogContent .list button.publish.disabled {
            background-image: url("../../images/grey/publish.svg?v=10.32.12.0");
            cursor: default; }
        .manageListsDialog .dialogContent .list button.advanced_settings {
          background-image: url("../../images/blue/settings.svg?v=10.32.12.0"); }
    .manageListsDialog .dialogContent .hidden .listEdit:disabled {
      -webkit-text-fill-color: #a8a8a8;
      -webkit-opacity: 1;
      color: #a8a8a8; }
    .manageListsDialog .dialogContent .hidden .listIcon.lock {
      background-image: url("../../images/grey/lock.svg?v=10.32.12.0"); }
    .manageListsDialog .dialogContent .hidden .listIcon.personal {
      background-image: url("../../images/grey/user.svg?v=10.32.12.0"); }
    .manageListsDialog .dialogContent .hidden .listIcon.shared {
      background-image: url("../../images/grey/team.svg?v=10.32.12.0"); }

@media all and (min-width: 641px) and (max-width: 980px) {
  .manageListsDialog .dialogContent .list button {
    display: inline-block; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .manageListsDialog input:focus, .manageListsDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: manage lists dialog **/

/*# sourceMappingURL=manageListsDialog.css.map */

/** START: manage templates dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.manageTemplatesDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none;
  padding: 0px; }
  .manageTemplatesDialog .dialogFooter {
    width: calc(100% - 380px);
    margin-right: 0;
    margin-left: auto; }
  .manageTemplatesDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .manageTemplatesDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .manageTemplatesDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/black/clipboard_list_edit.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .manageTemplatesDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .manageTemplatesDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .manageTemplatesDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 100px;
    background-color: #ffffff;
    padding-left: 1px;
    overflow: auto; }
    .manageTemplatesDialog .dialogContent .as-sortable-item {
      -ms-touch-action: none;
      touch-action: none; }
    .manageTemplatesDialog .dialogContent .as-sortable-drag {
      position: absolute;
      pointer-events: none;
      z-index: 9999; }
    .manageTemplatesDialog .dialogContent .as-sortable-hidden {
      display: none !important; }
    .manageTemplatesDialog .dialogContent .as-sortable-un-selectable {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .manageTemplatesDialog .dialogContent .manageTemplatesDialogLoader {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 25; }
      .manageTemplatesDialog .dialogContent .manageTemplatesDialogLoader.grey {
        filter: alpha(opacity=25);
        -moz-opacity: 0.25;
        -khtml-opacity: 0.25;
        opacity: 0.25;
        background: #cccccc url("../../images/shared/loader.gif?v=10.32.12.0") no-repeat center; }
    .manageTemplatesDialog .dialogContent .emptyTemplatesListMessage {
      padding: 15px;
      font-size: 12px; }
    .manageTemplatesDialog .dialogContent ul.templatesContainer {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
      .manageTemplatesDialog .dialogContent ul.templatesContainer .templateContainer {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 0 15px;
        font-size: 12px;
        font-weight: 400;
        line-height: 29px;
        color: #282828;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        cursor: pointer; }
      .manageTemplatesDialog .dialogContent ul.templatesContainer .templateContainer:hover, .manageTemplatesDialog .dialogContent ul.templatesContainer .as-sortable-drag .templateContainer {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
        background-repeat: repeat-x;
        background-position: left top; }
        .manageTemplatesDialog .dialogContent ul.templatesContainer .templateContainer:hover .templateSortHandle, .manageTemplatesDialog .dialogContent ul.templatesContainer .as-sortable-drag .templateContainer .templateSortHandle {
          display: block; }
        .manageTemplatesDialog .dialogContent ul.templatesContainer .templateContainer:hover .templateEdit, .manageTemplatesDialog .dialogContent ul.templatesContainer .as-sortable-drag .templateContainer .templateEdit {
          height: calc(100% - 1px);
          margin-top: 1px;
          line-height: 28px; }
        .manageTemplatesDialog .dialogContent ul.templatesContainer .templateContainer:hover button, .manageTemplatesDialog .dialogContent ul.templatesContainer .as-sortable-drag .templateContainer button {
          display: inline-block; }
          .manageTemplatesDialog .dialogContent ul.templatesContainer .templateContainer:hover button.disabled, .manageTemplatesDialog .dialogContent ul.templatesContainer .as-sortable-drag .templateContainer button.disabled {
            display: none; }
    .manageTemplatesDialog .dialogContent .templateSortHandle {
      position: absolute;
      display: none;
      top: 1px;
      left: 0;
      width: 15px;
      height: 28px;
      background: url("../../images/0dd/sort_handle.png") no-repeat center;
      cursor: move;
      z-index: 2; }
    .manageTemplatesDialog .dialogContent .template {
      position: relative;
      width: 100%;
      height: 29px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap; }
      .manageTemplatesDialog .dialogContent .template .templateEdit {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 31px;
        margin: 0;
        padding: 0 5px;
        line-height: 29px;
        font-size: 12px;
        font-weight: 400;
        color: #006890;
        border: 1px solid #96bfdd; }
        .ng-submitted .manageTemplatesDialog .dialogContent .template .templateEdit.ng-invalid, .manageTemplatesDialog .dialogContent .template .templateEdit.ng-touched.ng-invalid {
          padding: 0 4px;
          border: 2px solid #af1010; }
        .ng-submitted .manageTemplatesDialog .dialogContent .template .templateEdit.ng-invalid:focus, .manageTemplatesDialog .dialogContent .template .templateEdit.ng-touched.ng-invalid:focus {
          padding: 0 5px;
          border: 1px solid #bfbfbf;
          outline-color: #af1010; }
        .manageTemplatesDialog .dialogContent .template .templateEdit:disabled, .manageTemplatesDialog .dialogContent .template .templateEdit.ng-invalid:disabled {
          -webkit-text-fill-color: #282828;
          -webkit-opacity: 1;
          color: #282828;
          background: transparent;
          border: 0;
          padding: 0 6px; }
      .manageTemplatesDialog .dialogContent .template button {
        position: relative;
        display: none;
        box-sizing: border-box;
        width: 30px;
        height: 29px;
        margin: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        background-size: 15px 15px;
        border: 0; }
        .manageTemplatesDialog .dialogContent .template button.visible {
          display: inline-block; }
        .manageTemplatesDialog .dialogContent .template button.disabled {
          display: none; }
        .manageTemplatesDialog .dialogContent .template button.cancel {
          background-image: url("../../images/blue/close.svg?v=10.32.12.0"); }
          .manageTemplatesDialog .dialogContent .template button.cancel.disabled {
            background-image: url("../../images/grey/close.svg?v=10.32.12.0");
            cursor: default; }
        .manageTemplatesDialog .dialogContent .template button.delete {
          background-image: url("../../images/blue/delete.svg?v=10.32.12.0"); }
          .manageTemplatesDialog .dialogContent .template button.delete.disabled {
            background-image: url("../../images/grey/delete.svg?v=10.32.12.0");
            cursor: default; }
        .manageTemplatesDialog .dialogContent .template button.edit {
          background-image: url("../../images/blue/edit-text.svg?v=10.32.12.0"); }
          .manageTemplatesDialog .dialogContent .template button.edit.disabled {
            background-image: url("../../images/grey/edit-text.svg?v=10.32.12.0");
            cursor: default; }
        .manageTemplatesDialog .dialogContent .template button.hide {
          background-image: url("../../images/blue/hide.svg?v=10.32.12.0"); }
          .manageTemplatesDialog .dialogContent .template button.hide.disabled {
            background-image: url("../../images/grey/hide.svg?v=10.32.12.0");
            cursor: default; }
        .manageTemplatesDialog .dialogContent .template button.save {
          background-image: url("../../images/blue/save.svg?v=10.32.12.0"); }
          .manageTemplatesDialog .dialogContent .template button.save.disabled {
            background-image: url("../../images/grey/save.svg?v=10.32.12.0");
            cursor: default; }
        .manageTemplatesDialog .dialogContent .template button.show {
          background-image: url("../../images/blue/show.svg?v=10.32.12.0"); }
          .manageTemplatesDialog .dialogContent .template button.show.disabled {
            background-image: url("../../images/grey/show.svg?v=10.32.12.0");
            cursor: default; }
      .manageTemplatesDialog .dialogContent .template.hidden .templateEdit:disabled {
        -webkit-text-fill-color: #a8a8a8;
        -webkit-opacity: 1;
        color: #a8a8a8; }

@media all and (min-width: 641px) and (max-width: 980px) {
  .manageTemplatesDialog .dialogContent .template button {
    display: inline-block; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .manageTemplatesDialog input:focus, .manageTemplatesDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: manage templates dialog **/

/*# sourceMappingURL=manageTemplatesDialog.css.map */

/** START: navigation dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.navigationDialogWindow .modal-dialog {
  width: 350px; }
.navigationDialogWindow .navigationDialog {
  width: 350px; }

.navigationDialogWindow .dialogContent {
  overflow: visible !important; }
.navigationDialogWindow .detailsDirective > form {
  overflow: visible !important; }
.navigationDialogWindow .commentsSection {
  overflow: visible !important; }
.navigationDialogWindow .detailsContainer {
  overflow: visible !important; }
.navigationDialogWindow .sections {
  overflow: visible !important; }

.navigationDialogWindow .sections {
  padding: 0; }
.navigationDialogWindow .sectionTitle {
  padding: 0;
  margin: 0; }
.navigationDialogWindow .sections .sectionContent {
  margin-left: 0; }

.navigationDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none;
  padding: 0px; }
  .navigationDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD; }
    .navigationDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .navigationDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background-size: 20px 20px !important;
      background-repeat: no-repeat !important;
      background-position: center !important; }
    .navigationDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .navigationDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .navigationDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 100px;
    background-color: #ffffff;
    overflow: auto; }
    .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-header-cell {
      background-size: 1px 10px; }
    .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-filter-container {
      margin: 4px 100px 4px 5px;
      padding: 0px;
      position: relative;
      box-sizing: border-box; }
    .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-column-menu-button {
      display: none; }
    .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input {
      color: #585858;
      padding-left: 5px !important;
      font-size: 12px;
      /* Firefox 18- */
      /* Firefox 19+ */ }
      .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input::-webkit-input-placeholder {
        color: #999999; }
      .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input:-moz-placeholder {
        color: #999999; }
      .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input::-moz-placeholder {
        color: #999999; }
      .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-filter-input:-ms-input-placeholder {
        color: #999999; }
    .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-icon-cancel {
      right: -5px !important; }
    .navigationDialog .dialogContent .objectDetailsGrid .ui-grid-header-cell .ui-grid-cell-contents {
      padding-bottom: 0px; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .navigationDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: navigation dialog **/

/*# sourceMappingURL=navigationDialog.css.map */

/** START: network timeout dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.networkTimeoutDialogWindow.modal {
  z-index: 1100 !important; }

.networkTimeoutDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  overflow: auto; }
  .networkTimeoutDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .networkTimeoutDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .networkTimeoutDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/connection_error.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .networkTimeoutDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .networkTimeoutDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .networkTimeoutDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    font-size: 12px;
    color: #282828;
    background-color: #ffffff;
    overflow: auto; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .networkTimeoutDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: network timeout dialog **/

/*# sourceMappingURL=networkTimeoutDialog.css.map */

/** START: confirm dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.noAccessibleListsDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .noAccessibleListsDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .noAccessibleListsDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .noAccessibleListsDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: transparent url("../../images/white/warning.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .noAccessibleListsDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .noAccessibleListsDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .noAccessibleListsDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    overflow: auto;
    font-size: 12px;
    color: #282828;
    background-color: #ffffff; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .noAccessibleListsDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: confirm dialog **/

/*# sourceMappingURL=noAccessibleListsDialog.css.map */

/** START: object details dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.objectDetailsDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none; }
  .objectDetailsDialog .grid {
    width: 100%;
    height: 407px; }
    .objectDetailsDialog .grid .detailsDialogHeader {
      padding: 5px 7px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .objectDetailsDialog .grid .headerFilterInput {
      width: 100%;
      margin-top: 4px;
      padding-left: 5px !important;
      border: 1px solid #d4d4d4;
      color: #585858;
      font-size: 12px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      /* Firefox 18- */
      /* Firefox 19+ */ }
      .objectDetailsDialog .grid .headerFilterInput::-webkit-input-placeholder {
        color: #999999; }
      .objectDetailsDialog .grid .headerFilterInput:-moz-placeholder {
        color: #999999; }
      .objectDetailsDialog .grid .headerFilterInput::-moz-placeholder {
        color: #999999; }
      .objectDetailsDialog .grid .headerFilterInput:-ms-input-placeholder {
        color: #999999; }
    .objectDetailsDialog .grid .sortWrapper span {
      font-size: 7px;
      position: relative;
      top: -2px;
      left: 5px; }
      .objectDetailsDialog .grid .sortWrapper span:not(.ag-hidden) {
        display: inline-block;
        -webkit-transform: scale(1.5, 0.85);
        -moz-transform: scale(1.5, 0.85);
        -ms-transform: scale(1.5, 0.85);
        transform: scale(1.5, 0.85); }
    .objectDetailsDialog .grid .ag-cell {
      padding: 5px 7px; }
    .objectDetailsDialog .grid .ag-header-cell {
      display: inline-block; }
  .objectDetailsDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .objectDetailsDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 400px;
      color: #282828; }
    .objectDetailsDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/search.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .objectDetailsDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .objectDetailsDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .objectDetailsDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    background-color: #ffffff;
    overflow: auto; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .objectDetailsDialog input:focus, .objectDetailsDialog button:focus {
    outline: 1px solid #7ec1de; }

  .objectDetailsDialog .grid .headerFilterInput {
    line-height: 14px; } }
/** END: object details dialog **/

/*# sourceMappingURL=objectDetailsDialog.css.map */

/** START: pickup dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.pickupDialogWindow .modal-dialog {
  width: 1200px; }

.pickupDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1200px;
  margin: 0;
  height: 660px;
  min-height: 660px;
  overflow: auto;
  outline-style: none;
  padding: 0px;
  border-radius: 4px; }
  .pickupDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 45px;
    border-bottom: 1px solid #DDDDDD;
    background: #ffffff;
    overflow: hidden; }
    .pickupDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      margin-left: 16px; }
    .pickupDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px 20px; }
    .pickupDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      z-index: 1;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .pickupDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .pickupDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 45px);
    overflow: auto;
    float: left;
    border-top: 0;
    background: #ffffff;
    border-radius: 4px;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

@media all and (min-width: 769px) and (max-width: 980px) {
  .pickupDialogWindow .modal-dialog, .pickupDialog {
    width: 900px;
    height: 550px;
    min-height: 550px; } }
@media all and (max-width: 768px) {
  .pickupDialogWindow .modal-dialog {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0; }
    .pickupDialogWindow .modal-dialog .modal-content {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      -webkit-box-shadow: 0;
      box-shadow: 0; }
      .pickupDialogWindow .modal-dialog .modal-content .pickupDialog {
        display: block;
        width: 100%;
        height: 100%; }
        .pickupDialogWindow .modal-dialog .modal-content .pickupDialog .dialogHeader {
          display: none; }
        .pickupDialogWindow .modal-dialog .modal-content .pickupDialog .dialogContent {
          height: 100%; } }
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .pickupDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: pickup dialog **/

/*# sourceMappingURL=pickupDialog.css.map */

/** START: add new or overwrite template dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.profilerStartDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .profilerStartDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .profilerStartDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828; }
    .profilerStartDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background-repeat: no-repeat;
      background-color: transparent;
      background-position: center;
      background-size: 20px 20px; }
    .profilerStartDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .profilerStartDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .profilerStartDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    font-size: 12px;
    color: #282828;
    overflow: auto; }
    .profilerStartDialog .dialogContent .field {
      display: flex; }
      .profilerStartDialog .dialogContent .field label {
        float: left;
        width: 40%; }
      .profilerStartDialog .dialogContent .field .onOffWrap {
        position: static; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .profilerStartDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: add new or overwrite template dialog **/

/*# sourceMappingURL=profilerStartDialog.css.map */

/** START: publish list dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.publishListDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  outline-style: none; }
  .publishListDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .publishListDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 400px;
      color: #282828; }
    .publishListDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/clipboard_list_edit.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .publishListDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .publishListDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .publishListDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    height: auto;
    min-height: 100px;
    font-size: 12px;
    color: #282828;
    background-color: #ffffff;
    overflow: auto; }
    .publishListDialog .dialogContent p {
      height: 23px;
      line-height: 23px;
      margin: 0 0 7px 0;
      padding: 0; }
    .publishListDialog .dialogContent .noMarginBottom {
      margin-bottom: 0; }
    .publishListDialog .dialogContent select {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 50%;
      height: 23px;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background-color: #ffffff;
      padding: 0 3px;
      margin: 0; }
    .publishListDialog .dialogContent input {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 23px;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background-color: #ffffff;
      padding: 0 3px;
      margin: 0;
      width: 50%; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .publishListDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: publish list dialog **/

/*# sourceMappingURL=publishListDialog.css.map */

/** START: test case generator dialog **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.testCaseGeneratorDialog {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  margin: 0;
  height: auto;
  min-height: 100px;
  overflow: auto;
  outline-style: none; }
  .testCaseGeneratorDialog .dialogHeader {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    background: #fff; }
    .testCaseGeneratorDialog .dialogHeader .headerTitle {
      float: left;
      font-size: 14px;
      line-height: 45px;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 400px;
      color: #282828;
      padding-left: 16px; }
    .testCaseGeneratorDialog .dialogHeader .headerIcon {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: left;
      background: url("../../images/white/testcasegenerator.svg?v=10.32.12.0") no-repeat center;
      background-size: 20px 20px; }
    .testCaseGeneratorDialog .dialogHeader .headerButton {
      position: relative;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      float: right;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .testCaseGeneratorDialog .dialogHeader .headerButton:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .testCaseGeneratorDialog .dialogContent {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 45px);
    overflow: auto;
    border-top: 0;
    padding: 15px 16px;
    color: #282828;
    background-color: #ffffff; }
  .testCaseGeneratorDialog .extraStep {
    font-size: 12px; }
    .testCaseGeneratorDialog .extraStep input {
      font-size: 12px; }
    .testCaseGeneratorDialog .extraStep button {
      margin: 0; }
  .testCaseGeneratorDialog .tcgActionsWrap {
    display: flex;
    align-content: space-between; }
    .testCaseGeneratorDialog .tcgActionsWrap .tcgDownloadInput {
      display: inline-block;
      height: 23px;
      margin-right: 11px;
      padding: 0 3px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: middle;
      font-size: 12px;
      font-weight: 400;
      color: #006890;
      border: 1px solid #96bfdd;
      background: #ffffff;
      outline: none;
      flex: 8; }
    .testCaseGeneratorDialog .tcgActionsWrap ::-webkit-input-placeholder {
      color: #9e9e9e; }
    .testCaseGeneratorDialog .tcgActionsWrap label {
      flex: 2;
      line-height: 23px; }
    .testCaseGeneratorDialog .tcgActionsWrap button {
      vertical-align: middle;
      background-color: transparent;
      border: none;
      outline: none;
      margin-left: 5px;
      flex: 1;
      color: #3c7db7;
      font-weight: bold; }
      .testCaseGeneratorDialog .tcgActionsWrap button.tcgUploadButton {
        height: 23px;
        padding: 0 5px;
        background-color: #fff;
        font-size: 12px;
        line-height: 18px;
        text-align: center; }
        .testCaseGeneratorDialog .tcgActionsWrap button.tcgUploadButton:hover {
          cursor: pointer;
          color: #000000; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .testCaseGeneratorDialog button:focus {
    outline: 1px solid #7ec1de; } }
/** END: test case generator dialog **/

/*# sourceMappingURL=testCaseGeneratorDialog.css.map */

/** START: ag-grid **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
/** START: Grid style changes **/
/* GENERIC */
.customFilterIcon {
  background-image: url("../../images/grey/filter-small.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 14px 14px;
  width: calc(100% - 4px);
  height: 22px;
  cursor: pointer; }

.customFilterIcon:hover {
  background-image: url("../../images/blue/filter-small.svg?v=10.32.12.0"); }

.ag-grid {
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  letter-spacing: 0.02em;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #ffffff;
  background-color: #ffffff; }
  .ag-grid .ag-font-style {
    font-size: inherit; }

.ag-cell-contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  padding: 5px 7px;
  line-height: 20px; }

.ag-cell-contents-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  height: 100%; }

.ag-body-viewport {
  -webkit-overflow-scrolling: touch; }

/* HEADER */
.ag-header {
  border-bottom: 1px solid #d4d4d4;
  z-index: 3;
  background: #ffffff; }

.ag-floating-filter-body {
  margin: 0;
  width: 100%;
  height: 30px;
  font-weight: 700;
  color: #282828;
  border: 0;
  background-image: url("../../images/0dd/1x28_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 1px 28px;
  cursor: pointer;
  text-align: left !important; }

.ag-floating-filter-full-body {
  height: 30px;
  font-weight: 700;
  color: #282828;
  border: 0;
  background-image: url("../../images/0dd/1x28_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 1px 28px;
  cursor: pointer;
  text-align: left !important;
  top: -2px;
  position: relative; }

.ag-header-cell {
  height: 30px;
  font-weight: 700;
  color: #282828;
  border: 0;
  background-image: url("../../images/0dd/1x21_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 1px 21px;
  cursor: pointer;
  text-align: left !important; }
  .ag-header-cell.ag-header-cell-moving {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }
  .ag-header-cell .ag-header-cell-move {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.pivotGrid .ag-header-cell {
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: bottom left; }
  .pivotGrid .ag-header-cell.ag-cell-grey-border {
    background-image: none;
    border-left: 1px solid #d9d9d9; }

.ag-column-moving .ag-header-cell {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  -ms-transition: left 0.2s;
  transition: left 0.2s; }

.ag-header-cell-label {
  display: flex;
  flex-flow: row nowrap;
  max-width: calc(100% - 1px); }

.ag-header-cell-label,
.ag-header-group-cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 5px 7px;
  line-height: 20px; }

span#agText {
  white-space: pre;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }

span#agSortAsc,
span#agSortDesc,
span.sortIndicator {
  white-space: nowrap; }

span#agSortAsc,
span#agSortDesc {
  padding-left: 7px; }

span.sortIndicator {
  font-weight: 400; }

.ag-pinned-left-header {
  background-image: url("../../images/0dd/1x21_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 1px 21px; }
  .ag-pinned-left-header.left-header-filter-row {
    background-image: url("../../images/0dd/1x45_d4d4d4.svg?v=10.32.12.0");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 1px 45px; }

/* GROUP */
.ag-header-group-cell {
  font-weight: bold;
  color: #282828;
  border-top: 1px solid #ffffff;
  background-color: #d9d9d9;
  text-transform: capitalize;
  border-right: 2px solid #ffffff;
  border-left: 1px solid #d9d9d9; }
  .ag-header-group-cell.ag-cell-group-col-child {
    border-top: 2px solid #ffffff;
    background-color: #ededed; }

.ag-header-group-cell-no-group {
  background-color: #ffffff;
  border-left: 0 solid #000000; }

.ag-group-contracted,
.ag-group-expanded {
  padding: 0 5px; }
  .ag-group-contracted img,
  .ag-group-expanded img {
    border: none; }

.ag-group-child-count {
  padding-left: 5px; }

.ag-group-value {
  line-height: 29px; }

.isPivot .ag-group-value {
  display: inline-block;
  padding-left: 7px;
  line-height: 29px; }
.isPivot .ag-group-child-count {
  line-height: 29px;
  display: inline-block;
  position: absolute;
  top: 0;
  padding: 0; }
.isPivot .ag-group-contracted,
.isPivot .ag-group-expanded {
  display: inline;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  top: 8px;
  padding: 0; }
  .isPivot .ag-group-contracted i,
  .isPivot .ag-group-expanded i {
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer; }
.isPivot .ag-group-contracted i {
  background-image: url("../../images/grey/arrow_down.svg?v=10.32.12.0"); }
.isPivot .ag-group-expanded i {
  background-image: url("../../images/grey/arrow_up.svg?v=10.32.12.0"); }

.ag-cell-disabled-edit .ag-cell-contents {
  opacity: 0.4; }

/* BODY */
.ag-body .ag-row {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .ag-body .ag-row .ag-cell {
    outline: none;
    border: 0;
    background-color: #fff;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #e1e1e1; }
    .ag-body .ag-row .ag-cell.ag-cell-focus:not(.ag-cell-inline-editing):not([col-id='clSelectColumn']):not([col-id='clNavigateColumn']):not([col-id='clPickColumn'])
    > .ag-cell-contents {
      border: 1px solid #006890;
      padding: 4px 6px; }
    .ag-body .ag-row .ag-cell.ag-cell-grey-border {
      border-left: 1px solid #d9d9d9; }
    .ag-body .ag-row .ag-cell.ag-cell-light-grey-border {
      border-left: 1px solid #ededed; }
    .ag-body .ag-row .ag-cell.ag-cell-top-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: top; }
      .ag-body .ag-row .ag-cell.ag-cell-top-border.ag-cell-bottom-border {
        background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x;
        background-position: top, bottom; }
    .ag-body .ag-row .ag-cell.ag-cell-right-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-y;
      background-position: right; }
      .ag-body .ag-row .ag-cell.ag-cell-right-border.ag-cell-left-border {
        background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-y;
        background-position: right, left; }
    .ag-body .ag-row .ag-cell.ag-cell-bottom-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: bottom; }
    .ag-body .ag-row .ag-cell.ag-cell-left-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-y;
      background-position: left; }
    .ag-body .ag-row .ag-cell.ag-cell-top-left-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-y;
      background-position: top, left; }
      .ag-body .ag-row .ag-cell.ag-cell-top-left-border.ag-cell-bottom-left-border {
        background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-position: top, left, bottom, left; }
    .ag-body .ag-row .ag-cell.ag-cell-top-right-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-y;
      background-position: top, right; }
      .ag-body .ag-row .ag-cell.ag-cell-top-right-border.ag-cell-top-left-border {
        background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-position: top, right, top, left; }
    .ag-body .ag-row .ag-cell.ag-cell-bottom-right-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-y;
      background-position: bottom, right; }
      .ag-body .ag-row .ag-cell.ag-cell-bottom-right-border.ag-cell-top-right-border {
        background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-position: bottom, right, top, right; }
    .ag-body .ag-row .ag-cell.ag-cell-bottom-left-border {
      background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-y;
      background-position: bottom, left; }
      .ag-body .ag-row .ag-cell.ag-cell-bottom-left-border.ag-cell-bottom-right-border {
        background-image: url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-position: bottom, left, bottom, right; }
  .ag-body .ag-row.ag-row-odd.row-alternate-color-enabled {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top; }
    .ag-body .ag-row.ag-row-odd.row-alternate-color-enabled .ag-cell {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: left top;
      background-color: #fafafa; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-top-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top, top; }
    .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-top-border.ag-cell-bottom-border {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: left top, top, bottom; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-left-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x, repeat-y;
    background-position: left top, left; }
    .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-left-border.ag-cell-right-border {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-y, repeat-y;
      background-position: left top, left, right; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-right-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x, repeat-y;
    background-position: left top, right; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-bottom-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top, bottom; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-top-left-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x, repeat-x, repeat-y;
    background-position: left top, top, left; }
    .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-top-left-border.ag-cell-bottom-left-border {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
      background-position: left top, top, left, bottom, left; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-top-right-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x, repeat-x, repeat-y;
    background-position: left top, top, right; }
    .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-top-right-border.ag-cell-top-left-border {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
      background-position: left top, top, right, top, left; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-bottom-left-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x, repeat-x, repeat-y;
    background-position: left top, bottom, left; }
    .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-bottom-left-border.ag-cell-bottom-right-border {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
      background-position: left top, bottom, left, bottom, right; }
  .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-bottom-right-border {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
    background-repeat: repeat-x, repeat-x, repeat-y;
    background-position: left top, bottom, right; }
    .ag-body .ag-row.ag-row-odd .ag-cell.ag-cell-bottom-right-border.ag-cell-top-right-border {
      background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
      background-position: left top, bottom, right, top, right; }
  .ag-body .ag-row.ag-row-odd.ag-row-selected {
    background-image: url("../../images/0dd/1x28_multicellselectionbg.png?v=10.32.12.0"), url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left bottom, left top; }
    .ag-body .ag-row.ag-row-odd.ag-row-selected.ag-row-changed {
      background-image: url("../../images/0dd/1x28_multicellselectionbg.png?v=10.32.12.0"), url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0"), url("../../images/0dd/1x30_changebg.png?v=4.4.99.21?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: left bottom, left top, left top; }
  .ag-body .ag-row.ag-row-selected {
    background-image: url("../../images/0dd/1x28_multicellselectionbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left bottom; }
  .ag-body .ag-row.ag-row-focus {
    background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top; }
    .ag-body .ag-row.ag-row-focus .ag-cell {
      background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: left top; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-top-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x;
        background-position: left top, top; }
        .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-top-border.ag-cell-bottom-border {
          background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
          background-repeat: repeat-x;
          background-position: left top, top, bottom; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-left-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-y;
        background-position: left top, left; }
        .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-left-border.ag-cell-right-border {
          background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
          background-repeat: repeat-x, repeat-y, repeat-y;
          background-position: left top, left, right; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-right-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-y;
        background-position: left top, right; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-bottom-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x;
        background-position: left top, bottom; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-top-left-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-x, repeat-y;
        background-position: left top, top, left; }
        .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-top-left-border.ag-cell-bottom-left-border {
          background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
          background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
          background-position: left top, top, left, bottom, left; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-top-right-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-x, repeat-y;
        background-position: left top, top, right; }
        .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-top-right-border.ag-cell-top-left-border {
          background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
          background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
          background-position: left top, top, right, top, left; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-bottom-left-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-x, repeat-y;
        background-position: left top, bottom, left; }
        .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-bottom-left-border.ag-cell-bottom-right-border {
          background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
          background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
          background-position: left top, bottom, left, bottom, right; }
      .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-bottom-right-border {
        background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
        background-repeat: repeat-x, repeat-x, repeat-y;
        background-position: left top, bottom, right; }
        .ag-body .ag-row.ag-row-focus .ag-cell.ag-cell-bottom-right-border.ag-cell-top-right-border {
          background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0"), url("../../images/0dd/rangeslectionborder.jpg?v=10.32.12.0");
          background-repeat: repeat-x, repeat-x, repeat-y, repeat-x, repeat-y;
          background-position: left top, bottom, right, top, right; }
    .ag-body .ag-row.ag-row-focus.ag-row-selected {
      background-image: url("../../images/0dd/1x28_multicellselectionbg.png?v=10.32.12.0"), url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: left bottom, left top; }
  .ag-body .ag-row.ag-row-selected .ag-cell-contents, .ag-body .ag-row.ag-row-selected .ag-cell-contents-wrapper {
    background-image: url("../../images/0dd/1x28_multicellselectionbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left bottom; }
  .ag-body .ag-row .ag-cell-range-selected .ag-cell-contents {
    background-image: url("../../images/0dd/1x28_cellrangebg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left bottom; }
  .ag-body .ag-row.ag-row-changed {
    background-image: url("../../images/0dd/1x30_changebg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top; }
    .ag-body .ag-row.ag-row-changed .ag-cell {
      background-image: url("../../images/0dd/1x30_changebg.png?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: left top;
      background-color: #fff; }
    .ag-body .ag-row.ag-row-changed .ag-cell-changed {
      color: #4ea2cc; }
  .ag-body .ag-row.ag-row-deleted .ag-cell {
    text-decoration: line-through;
    color: #4ea2cc; }
  .ag-body .ag-row.ag-row-invalid {
    background-image: url("../../images/0dd/1x30_errorbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top; }
    .ag-body .ag-row.ag-row-invalid .ag-cell {
      background-image: url("../../images/0dd/1x30_errorbg.png?v=10.32.12.0");
      background-repeat: repeat-x;
      background-position: left top;
      background-color: #fff; }
  .ag-body .ag-row.ag-row-highlight-custom-menu .ag-cell {
    background-color: #cbe6f4; }
  .ag-body .ag-row.ag-row-highlight-custom-menu-error .ag-cell {
    background-color: #ebd2d2; }

.ag-body-container {
  min-width: 100%; }
  .ag-body-container .ag-row-changed {
    border-right: 1px solid #7ec1de !important; }
  .ag-body-container .ag-row-invalid {
    border-right: 1px solid #9c1f1f !important; }

/* This fixes the editable grids indicator on :hover:after */
.ag-pinned-left-cols-viewport {
  z-index: 2 !important;
  position: relative !important;
  overflow: visible !important; }

.ag-pinned-left-cols-container .ag-row-changed .ag-cell:first-child {
  border-left: 1px solid #7ec1de !important; }
.ag-pinned-left-cols-container .ag-row-invalid .ag-cell:first-child {
  border-left: 1px solid #9c1f1f !important; }

.ag-column-moving .ag-body .ag-row .ag-cell {
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -ms-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease; }

.ag-body .ag-pinned-left-cols-container .ag-row .ag-cell {
  background-color: #fafafa; }
.ag-body .ag-pinned-left-cols-container .ag-row .ag-cell-last-left-pinned {
  border-right: 1px solid rgba(0, 0, 0, 0.04) !important; }
.ag-body .ag-pinned-left-cols-container .ag-row.ag-row-highlight-custom-menu .ag-cell {
  background-color: #cbe6f4; }
.ag-body .ag-pinned-left-cols-container .ag-row.ag-row-highlight-custom-menu-error .ag-cell {
  background-color: #ebd2d2; }

/* FOOTER */
.ag-floating-bottom {
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 1px 10px;
  border-top: 1px solid #d4d4d4;
  border-bottom: none;
  background-color: #ffffff;
  z-index: 6; }
  .ag-floating-bottom .ag-cell {
    height: 45px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #282828;
    border: 0;
    background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 1px 10px;
    outline: none; }
    .ag-floating-bottom .ag-cell .ag-cell-contents {
      height: 45px;
      padding: 7px;
      line-height: 15px; }

.footerActive {
  cursor: pointer; }

.ag-floating-bottom-viewport {
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 1px 10px; }

/** END: Grid style changes **/
/** START: Extra styles for the grid **/
.gridContainer {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

.gridContainer .ag-header-row {
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.grid {
  position: relative;
  width: 100%;
  height: 100%; }

.selectItem {
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: transparent url("../../images/0dd/selection_box_lightgrey.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px; }
  .selectItem.checked {
    background: transparent url("../../images/0dd/selection_box_blue.svg?v=10.32.12.0") no-repeat center; }

.hiddenColumnsMenu {
  position: relative;
  width: 30px;
  height: 30px;
  background: transparent url("../../images/0dd/menu_darkgrey.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }

.itemIndicator {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 29px;
  z-index: 5; }
  .itemIndicator.new {
    background-color: #2580b9; }
  .itemIndicator.modified {
    background-color: #50a530; }
  .itemIndicator.recentHot {
    background-color: #ff0000; }
  .itemIndicator.recent {
    background-color: #ffa500; }

.openItem {
  position: relative;
  width: 30px;
  height: 29px;
  background: url("../../images/blue/arrow_right.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }
  .openItem.openItemDisabled {
    background-image: url("../../images/grey/arrow_right.svg?v=10.32.12.0");
    cursor: default; }

.pickItem {
  position: relative;
  width: 30px;
  height: 29px;
  background: url("../../images/blue/arrow_left.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }

/* Content alignment */
.alignContentLeft {
  text-align: left; }

.alignContentRight {
  text-align: right; }

.alignContentCenter {
  text-align: center; }

/* Header template styles */
.ag-header-icon {
  width: 5px;
  display: inline-block;
  background-size: contain;
  margin: 0; }
  .ag-header-icon.ag-sort-ascending-icon {
    background: transparent url("../../images/0dd/arrow_filled_up_282828.svg?v=10.32.12.0") no-repeat center; }
  .ag-header-icon.ag-sort-descending-icon {
    background: transparent url("../../images/0dd/arrow_filled_down_282828.svg?v=10.32.12.0") no-repeat center; }

.ag-dnd-ghost {
  z-index: 10; }

/* Menu styles */
.ag-fresh .ag-menu {
  border: thin solid #808080 !important; }

.ag-menu {
  /*top: 29px !important;*/
  /*ToDo Find solution to fix both the header click and the context-menu*/
  /*padding: 0 8px;*/
  border: 1px solid #bfbfbf;
  z-index: 10;
  min-width: 213px;
  /* Context menu layer that prevents click action while dynamic buttons transition is in progress */ }
  .ag-menu .ag-tab-header {
    display: none; }
  .ag-menu .option-dynamic-container {
    height: 0px; }
  .ag-menu .dynamic-container-transition {
    transition: height 0.5s;
    overflow: hidden; }
  .ag-menu .ag-menu-list {
    display: block;
    font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #282828;
    white-space: nowrap;
    overflow: hidden;
    background: #ffffff; }
  .ag-menu .ag-menu-list-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none; }
    .ag-menu .ag-menu-list-layer.visible {
      display: block !important; }
  .ag-menu .ag-menu-list .ag-menu-separator {
    display: block;
    border-bottom: 1px solid #bfbfbf; }
  .ag-menu .ag-menu-list .ag-menu-option {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    min-width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px;
    font-family: "Nunito", Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #282828;
    white-space: nowrap;
    line-height: 23px;
    text-align: left;
    border: none;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: transparent;
    cursor: pointer; }
    .ag-menu .ag-menu-list .ag-menu-option.custom-disable-option {
      opacity: .4;
      cursor: default !important; }
    .ag-menu .ag-menu-list .ag-menu-option.ag-menu-option-dynamic:first-child {
      border-top: 1px solid #ffffff; }
    .ag-menu .ag-menu-list .ag-menu-option.ag-menu-option-dynamic:last-child {
      border-bottom: 1px solid #ffffff; }
    .ag-menu .ag-menu-list .ag-menu-option.ag-menu-option-dynamic.ag-menu-option-disabled {
      opacity: 0.4; }
    .ag-menu .ag-menu-list .ag-menu-option.ag-menu-option-dynamic.ag-menu-option-error {
      color: #9c1f1f; }
    .ag-menu .ag-menu-list .ag-menu-option:hover {
      border-top: 1px solid #4ea2cc;
      border-bottom: 1px solid #4ea2cc;
      background-color: #cbe6f4;
      outline-style: none; }
      .ag-menu .ag-menu-list .ag-menu-option:hover.ag-menu-option-dynamic {
        border-top: 1px solid #4ea2cc;
        border-bottom: 1px solid #4ea2cc;
        background-color: #cbe6f4; }
      .ag-menu .ag-menu-list .ag-menu-option:hover.ag-menu-option-error {
        border-top: 1px solid #9c1f1f;
        border-bottom: 1px solid #9c1f1f;
        background-color: #ebd2d2; }
    .ag-menu .ag-menu-list .ag-menu-option:first-child {
      border-top: none; }
    .ag-menu .ag-menu-list .ag-menu-option:last-child {
      border-bottom: none; }
    .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-text {
      display: inline-block; }
    .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-shortcut {
      display: none; }
    .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer {
      position: absolute;
      top: 5px;
      right: 5px; }
    .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-custom-text {
      opacity: 0.7;
      cursor: default; }
    .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-disabled {
      opacity: 0.4; }
    .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon {
      display: inline-block; }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon i {
        display: block;
        width: 16px;
        height: 16px;
        font-size: 13px;
        margin-right: 5px; }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon > img {
        display: block;
        border: 0px solid;
        position: relative;
        top: 2px; }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon span {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 12px 12px; }
        .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon span:before {
          display: inline-block;
          content: '';
          width: 9px;
          margin-left: 0.2em;
          margin-right: 0.2em; }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-no-icon {
        display: none; }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-sort-asc {
        background-image: url("../../images/black/sort_up.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-sort-desc {
        background-image: url("../../images/black/sort_down.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-sort-remove {
        background-image: url("../../images/black/close.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-filter {
        background-image: url("../../images/black/filter.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-filter-exclude {
        background-image: url("../../images/grey/filter.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-open {
        background-image: url("../../images/black/open.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-mass-edit {
        background-image: url("../../images/black/massedit.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-process {
        background-image: url("../../images/black/process_all.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-copy {
        background-image: url("../../images/black/copy.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-delete {
        background-image: url("../../images/black/delete.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-download {
        background-image: url("../../images/black/download-small.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-refresh {
        background-image: url("../../images/black/reload.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-total {
        background-image: url("../../images/black/sum.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-pin {
        background-image: url("../../images/black/pinit.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-unpin {
        background-image: url("../../images/black/pinit.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-hide {
        background-image: url("../../images/black/close.svg?v=10.32.12.0"); }
      .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon .cl-grid-icon-settings {
        background-image: url("../../images/black/settings.svg?v=10.32.12.0"); }

/** EDITABLE GRIDS **/
.ag-popup-editor {
  z-index: 51;
  /*changed this from 2 to 51 to place the date-picker over the list column header and the search toolbar*/ }
  .ag-popup-editor > .ag-cell-contents {
    padding: 0;
    background-color: #fff; }
  .ag-popup-editor .clDateInput {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    height: 29px;
    padding: 0 5px; }
  .ag-popup-editor .clDatetimeTime {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    height: 29px; }
  .ag-popup-editor .controlButtonsBar {
    top: 3px;
    right: 1px;
    background-color: #fff; }
    .ag-popup-editor .controlButtonsBar.editableDateTimeButtonsBar {
      right: calc(40% + 6px); }
  .ag-popup-editor .clDateTimeEditable .clDatetimeDate {
    position: static; }

.ag-cell-inline-editing .ag-cell-contents {
  padding: 0; }

.ag-cell-edit-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 400;
  outline: none;
  height: 100%; }

.ag-cell-edit-boolean {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 12px;
  font-weight: 400;
  background: #fff;
  line-height: 18px;
  border: 1px solid #a9a9a9;
  width: 100%;
  height: 100%; }

.ag-cell-contents.attachmentTemplate {
  color: #006890;
  cursor: pointer; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ag-cell-contents input:focus {
    border: 1px solid #7ec1de !important;
    outline: 0; }

  .ag-cell-edit-input {
    border: 1px solid #7ec1de !important;
    outline: 0; }

  .ag-cell-edit-boolean {
    border: 1px solid #7ec1de !important;
    outline: 0; }

  .ag-header-cell {
    font-weight: normal;
    text-shadow: 0.5px 0 0 #282828; } }
/** END: Extra styles for the grid **/
/** END: ag-grid **/

/*# sourceMappingURL=ag-grid-changes.css.map */

/** START: general **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
/* Fonts */
@font-face {
  font-family: "Open Sans";
  src: url("../../fonts/OpenSans-Light.ttf?v=10.32.12.0") format("truetype");
  font-weight: 100;
  font-style: 100; }
@font-face {
  font-family: "Open Sans";
  src: url("../../fonts/OpenSans-Regular.ttf?v=10.32.12.0") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Open Sans";
  src: url("../../fonts/OpenSans-Semibold.ttf?v=10.32.12.0") format("truetype");
  font-weight: 700;
  font-style: normal; }
html {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  background-color: #4b4b49;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  color: #585858; }

body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent; }

.imagePreloader {
  display: none; }

.applicationHeader {
  display: none;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none; }
  .applicationHeader .pageTitle {
    display: none; }
  .applicationHeader.visible {
    display: block; }

.applicationContentWrapper {
  position: relative;
  width: 100%;
  height: calc(100% - 45px);
  float: left; }
  .applicationContentWrapper.fullScreen {
    height: 100%; }
  .applicationContentWrapper.loginPage {
    height: 100%; }

.applicationBrowserNotSupported {
  background-color: white;
  height: calc(100% - 16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center; }
  .applicationBrowserNotSupported .ci-fabric-warning {
    font-size: 50px;
    line-height: 40px;
    color: #007FD3; }
  .applicationBrowserNotSupported a {
    color: #007FD3;
    text-decoration: none; }
  .applicationBrowserNotSupported button {
    cursor: pointer;
    background: #007FD3;
    color: white;
    border: 0;
    outline: 0;
    height: 30px;
    border-radius: 2px;
    width: 20vw;
    min-width: 115px; }

.applicationContent {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none; }

input,
select,
textarea {
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px; }
  input:disabled,
  select:disabled,
  textarea:disabled {
    background: #f2f2f2; }
  .ng-submitted input.ng-invalid, input.ng-touched.ng-invalid, input.ng-dirty.ng-invalid,
  .ng-submitted select.ng-invalid,
  select.ng-touched.ng-invalid,
  select.ng-dirty.ng-invalid,
  .ng-submitted textarea.ng-invalid,
  textarea.ng-touched.ng-invalid,
  textarea.ng-dirty.ng-invalid {
    border: 2px solid #af1010; }
  .ng-submitted input.ng-invalid:focus, input.ng-touched.ng-invalid:focus, input.ng-dirty.ng-invalid,
  .ng-submitted select.ng-invalid:focus,
  select.ng-touched.ng-invalid:focus,
  select.ng-dirty.ng-invalid,
  .ng-submitted textarea.ng-invalid:focus,
  textarea.ng-touched.ng-invalid:focus,
  textarea.ng-dirty.ng-invalid {
    box-shadow: none;
    outline-color: #af1010; }

input:read-only,
textarea:read-only {
  background: #f2f2f2; }

::-webkit-input-placeholder {
  color: #404040; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #404040; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #404040; }

:-ms-input-placeholder {
  color: #404040; }

.hide {
  display: none; }

.notVisible {
  visibility: hidden; }

.urlTemplate a,
.emailTemplate a {
  color: #006890;
  text-decoration: none; }
  .urlTemplate a:hover,
  .emailTemplate a:hover {
    text-decoration: underline; }

/** Styles used by the clTextAlign directive **/
.textAlign-left {
  text-align: left; }

.textAlign-right {
  text-align: right; }

.textAlign-center {
  text-align: center; }

/** Styles used by the clTextAlign directive **/
/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ng-submitted input.ng-invalid:focus, input.ng-touched.ng-invalid:focus,
  .ng-submitted select.ng-invalid:focus,
  select.ng-touched.ng-invalid:focus,
  .ng-submitted textarea.ng-invalid:focus,
  textarea.ng-touched.ng-invalid:focus {
    box-shadow: none;
    outline: 1px solid #af1010; }

  input[readonly="readonly"],
  input[readonly],
  textarea[readonly="readonly"],
  input[type="text"][disabled="disabled"],
  textarea[disabled="disabled"] {
    background-color: #e6e6e6 !important;
    color: #000000 !important;
    border: 1px solid #dadada !important; }
    input[readonly="readonly"]:focus,
    input[readonly]:focus,
    textarea[readonly="readonly"]:focus,
    input[type="text"][disabled="disabled"]:focus,
    textarea[disabled="disabled"]:focus {
      outline: none; }

  input[type="checkbox"]:focus {
    outline: none; }

  input[type="checkbox"][disabled="disabled"] {
    background: none; }

  textarea {
    overflow: auto; }

  strong,
  b {
    font-weight: bold; } }
/** END: general **/

/*# sourceMappingURL=general.css.map */

/** START: general-mobile **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
@media all and (max-width: 768px) {
  .applicationHeader {
    height: 90px;
    /*border-top: 1px solid #484846;*/ }
    .applicationHeader .pageTitle {
      display: block;
      position: absolute;
      left: 180px;
      right: 180px;
      top: 0;
      height: 90px;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 90px;
      font-size: 32px;
      font-weight: 300;
      color: #fff;
      text-align: center;
      text-transform: capitalize; }
      .applicationHeader .pageTitle.hasSubtitle {
        font-size: 18px;
        line-height: normal;
        padding-top: 10px; }
      .applicationHeader .pageTitle .pageTitleSuffix {
        text-transform: none;
        font-style: italic; }
      .applicationHeader .pageTitle .pageSubtitle {
        display: block;
        font-size: 32px; }

  .applicationContent {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: calc(100% - 90px); }

  /*.applicationContent.content180 {
    height: calc(100% - 180px);
  }*/
  .textAlign-right,
  .textAlign-center {
    text-align: left; } }
/** END: general-mobile **/

/*# sourceMappingURL=general_mobile.css.map */

/** START: modal **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.modal-backdrop.in {
  opacity: 0.5; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: 570px;
  margin: 0 auto; }
  .modal-dialog.modal-sm {
    width: 300px; }
  .modal-dialog.modal-lg {
    width: 1080px; }

.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.modal.in .modal-dialog {
  opacity: 1; }

.modal-content {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 45px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  background-clip: padding-box;
  outline: 0;
  border-radius: 4px; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.dialogHeader {
  cursor: all-scroll;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #fff !important; }
  .dialogHeader .headerTitle {
    margin-left: 16px;
    color: #282828 !important; }

.dialogFooter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7px 9px;
  text-align: center; }
  .dialogFooter button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    height: 30px;
    margin: 7px;
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    border: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .dialogFooter button:hover {
      -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
      filter: brightness(85%); }
    .dialogFooter button:active {
      -ms-transform: scale(0.95, 0.95);
      /* IE 9 */
      -webkit-transform: scale(0.95, 0.95);
      /* Chrome, Safari, Opera */
      transform: scale(0.95, 0.95); }
    .dialogFooter button.dialog-button-confirm {
      background: #007FD3;
      border-radius: 4px;
      font-weight: 600;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .dialogFooter button.dialog-button-cancel {
      background: #FFF;
      border-radius: 4px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #007FD3;
      border: 1px solid #007FD3; }
    .dialogFooter button.dialog-button-delete {
      background: #A63A4C;
      border-radius: 4px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .dialogFooter button.dialog-button-other {
      background: #2a80b9;
      border-radius: 4px;
      font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.dialog-row {
  overflow: auto;
  padding: 0 0 7px 0; }
  .dialog-row .label {
    float: left;
    width: 40%; }
  .dialog-row .input {
    float: left;
    width: 60%; }
  .dialog-row::after {
    content: "";
    clear: both;
    display: table; }

.ui-draggable-dragging {
  opacity: 0.1 !important; }

/** Media queries **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ie-overflow-hidden {
    overflow: hidden !important; } }
/** END: modal **/

/*# sourceMappingURL=modal.css.map */



/*# sourceMappingURL=app.css.map */

/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/

/*# sourceMappingURL=config.css.map */

/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/

/*# sourceMappingURL=mixins.css.map */

/** START: grid **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/** START: mixins **/
/** START: config **/
/* the file "app" imported here is generated dynamically by Grunt and removed after SASS is compiled */
/* Colors */
/* Login screen */
/* Booleans */
/* Uniform Menu Colors */
/* Scheduler Styles */
/* Font families */
/* Font sizes */
/* Font weights */
/* Transitions settings */
/* Transform settings */
/* Keyframes */
@-webkit-keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
@keyframes loading {
  0% {
    margin-left: -50px; }
  100% {
    margin-left: 100%; } }
/* Functions */
/** END: config **/
/* added by Ionut */
/** END: mixins **/
/** START: Grid style changes **/
/* GENERIC */
.ui-grid {
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #ffffff;
  background-color: #ffffff; }

.ui-grid-canvas {
  margin-top: -1px; }

.ui-grid-cell-contents {
  padding: 5px 7px;
  line-height: 20px; }

.ui-grid-viewport {
  -webkit-overflow-scrolling: touch; }

/* HEADER */
.ui-grid-top-panel {
  background: transparent; }

.ui-grid-header {
  border-bottom: 1px solid #d4d4d4; }

.ui-grid-header-cell-row,
.ui-grid-header-cell-row .ui-grid-header-cell-inner {
  height: 30px; }

.ui-grid-header-cell {
  height: 30px;
  font-weight: 700;
  color: #282828;
  border: 0;
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 1px 10px;
  cursor: pointer; }
  .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border: 0; }
  .ui-grid-header-cell .ui-grid-cell-contents {
    height: 100%;
    outline: none; }
  .ui-grid-header-cell.hiddenHeader {
    cursor: default; }

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-viewport {
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 1px 10px; }
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell, .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:first-child, .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right: 0; }

.ui-grid-render-container-body .ui-grid-header-cell:last-child {
  background: none; }
.ui-grid-render-container-body .grid-row-changed .ui-grid-cell:last-child {
  border-right: 1px solid #7ec1de !important; }
.ui-grid-render-container-body .grid-row-invalid .ui-grid-cell:last-child {
  border-right: 1px solid #9c1f1f !important; }

.ui-grid-header-cell .ui-grid-sort-priority-number {
  display: none; }

/* BODY */
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.04); }
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-row .ui-grid-cell {
  background-color: rgba(0, 0, 0, 0.02); }
.ui-grid-pinned-container.ui-grid-pinned-container-left .grid-row-changed .ui-grid-cell:first-child {
  border-left: 1px solid #7ec1de !important; }
.ui-grid-pinned-container.ui-grid-pinned-container-left .grid-row-invalid .ui-grid-cell:first-child {
  border-left: 1px solid #9c1f1f !important; }

.ui-grid-row {
  position: relative; }
  .ui-grid-row .ui-grid-cell {
    outline: none;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
  .ui-grid-row:last-child .ui-grid-cell {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
  .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-image: url("../../images/0dd/1x29_altrowbg.png?v=10.32.12.0");
    background-repeat: repeat-x;
    background-position: left top; }

.noAlternateColorRows .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-image: none; }

.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
  background-repeat: repeat-x;
  background-position: left top; }

.ui-grid-row-selected > [ui-grid-row] > .draggableRow > .ui-grid-cell {
  background-image: url("../../images/0dd/1x30_selectionbg.png?v=10.32.12.0");
  background-repeat: repeat-x;
  background-position: left top; }

.grid-row-changed > [ui-grid-row] > .ui-grid-cell {
  background-image: url("../../images/0dd/1x30_changebg.png?v=10.32.12.0");
  background-repeat: repeat-x;
  background-position: left top; }

.grid-row-changed > [ui-grid-row] > .ui-grid-cell.grid-cell-changed {
  color: #4ea2cc; }

.grid-row-deleted > [ui-grid-row] > .ui-grid-cell {
  text-decoration: line-through;
  color: #4ea2cc; }

.grid-row-invalid > [ui-grid-row] > .ui-grid-cell {
  background-image: url("../../images/0dd/1x30_errorbg.png?v=10.32.12.0");
  background-repeat: repeat-x;
  background-position: left top; }

.ui-grid-cell-focus {
  background-image: url("../../images/0dd/1x28_cellselectionbg.png?v=10.32.12.0");
  background-repeat: repeat-x;
  background-position: left bottom; }

.ui-grid-focuser:focus {
  outline: none; }

/* FOOTER */
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-footer-panel {
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 1px 10px; }

.ui-grid-render-container-body .ui-grid-footer {
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 1px 10px; }
.ui-grid-render-container-body .ui-grid-footer-cell:last-child {
  background: none; }

.ui-grid-footer-panel {
  border-top: 1px solid #d4d4d4;
  border-bottom: none;
  background: #ffffff; }

.ui-grid-footer-cell {
  position: relative;
  height: 45px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #282828;
  border: 0;
  background-image: url("../../images/0dd/1x10_d4d4d4.svg?v=10.32.12.0");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 1px 10px; }
  .ui-grid-footer-cell:last-child .ui-grid-column-resizer.right {
    border: 0; }
  .ui-grid-footer-cell .ui-grid-footer-cell-contents {
    height: 45px;
    padding: 7px;
    line-height: 15px; }

.footerActive {
  cursor: pointer; }

@font-face {
  font-family: 'ui-grid';
  src: url("../../thirdparty/ui-grid/ui-grid.eot");
  src: url("../../thirdparty/ui-grid/ui-grid.eot#iefix") format("embedded-opentype"), url("../../thirdparty/ui-grid/ui-grid.woff") format("woff"), url("../../thirdparty/ui-grid/ui-grid.ttf?") format("truetype"), url("../../thirdparty/ui-grid/ui-grid.svg?#ui-grid") format("svg");
  font-weight: 400;
  font-style: normal; }
.movingColumn {
  box-sizing: border-box;
  border: 0;
  box-shadow: inset 0 0 7px rgba(100, 100, 100, 0.2);
  background-color: rgba(255, 255, 255, 0.4); }

/** END: Grid style changes **/
/** START: Extra styles for the grid **/
.gridContainer {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

.grid {
  position: relative;
  width: 100%;
  height: 100%; }

.grid-row-invalid {
  /* & .ui-grid-cell-contents {
    color: $cancelCustomRed;
  }*/ }

.selectItemHeader {
  width: 30px;
  height: 29px;
  cursor: pointer;
  background: transparent url("../../images/0dd/selection_box_darkgrey.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px; }
  .selectItemHeader.checked {
    background: transparent url("../../images/0dd/selection_box_blue.svg?v=10.32.12.0") no-repeat center; }

.validationStatusHeader {
  width: 30px;
  height: 29px;
  cursor: pointer;
  background: url("../../images/0dd/selection_box_darkgrey.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px; }

/*.ignoreCustomFormat {
  background-color: transparent !important;
  color: #282828 !important;
}*/
.selectItem {
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: transparent url("../../images/0dd/selection_box_lightgrey.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px; }
  .selectItem.checked {
    background: transparent url("../../images/0dd/selection_box_blue.svg?v=10.32.12.0") no-repeat center; }

.hiddenColumnsMenu {
  position: relative;
  width: 30px;
  height: 30px;
  background: transparent url("../../images/0dd/menu_darkgrey.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }

.itemIndicator {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 29px;
  z-index: 5; }
  .itemIndicator.new {
    background-color: #2580b9; }
  .itemIndicator.modified {
    background-color: #50a530; }
  .itemIndicator.recentHot {
    background-color: #FF0000; }
  .itemIndicator.recent {
    background-color: #FFA500; }

.rowValidityIndicator {
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: transparent url("../../images/0dd/selection_box_lightgrey.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px; }

.openItem {
  position: relative;
  width: 30px;
  height: 29px;
  background: url("../../images/blue/arrow_right.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }
  .openItem.openItemDisabled {
    background-image: url("../../images/grey/arrow_right.svg?v=10.32.12.0");
    cursor: default; }

.pickItem {
  position: relative;
  width: 30px;
  height: 29px;
  background: url("../../images/blue/arrow_left.svg?v=10.32.12.0") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }

.editRowCancel {
  position: relative;
  width: 30px;
  height: 30px;
  background: url("../../images/blue/undo.svg?v=4.1.2.6") no-repeat center;
  background-size: 10px 10px;
  cursor: pointer; }

.editRowDelete {
  position: relative;
  top: 1px;
  left: 0px;
  width: 30px;
  height: 30px;
  background: url("//codelesslive.blob.core.windows.net/codelessweb/IconSet/00001690.svg?v=4.1.6.6") no-repeat center;
  background-size: 12px 12px;
  cursor: pointer; }

.booleanValueWrapper {
  width: 100%; }

.selectBooleanValue {
  padding: 5px 7px;
  line-height: 20px; }

.styled-default-edit .combo {
  position: fixed;
  display: none;
  background: #ffffff;
  max-height: 500px;
  width: 100%;
  height: auto;
  margin-top: -90px;
  margin-left: -11px;
  overflow: hidden;
  border: 1px solid #bfbfbf;
  z-index: 5;
  /*  .ui-grid-top-panel {
     display: none;
    }*/ }
  .styled-default-edit .combo.active {
    display: block; }
  .styled-default-edit .combo .comboContent {
    float: left;
    height: 100%;
    width: 100%; }
    .styled-default-edit .combo .comboContent .listDirective .listContainer {
      height: 100%; }
    .styled-default-edit .combo .comboContent .gridContainer {
      padding: 0; }
    .styled-default-edit .combo .comboContent .grid {
      max-height: 500px; }
  .styled-default-edit .combo .ui-grid-viewport {
    height: auto !important;
    overflow: auto !important;
    padding-top: 10px; }

.styled-default-edit .controlButtonsBar {
  width: 25px !important;
  margin-top: -23px !important;
  /*display: none;*/ }

/* Content alignment */
.alignContentLeft {
  text-align: left; }

.alignContentRight {
  text-align: right; }

.alignContentCenter {
  text-align: center; }

/* Header template styles */
.sortArrowAsc {
  width: 5px;
  display: inline-block;
  background: transparent url("../../images/0dd/arrow_filled_up_282828.svg?v=10.32.12.0") no-repeat center;
  background-size: contain;
  margin: 0; }

.sortArrowDesc {
  width: 5px;
  display: inline-block;
  background: url("../../images/0dd/arrow_filled_down_282828.svg?v=10.32.12.0") no-repeat center;
  background-size: contain;
  margin: 0; }

/* Menu styles */
.ui-grid-menu .ui-grid-menu-inner {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  white-space: nowrap;
  background: #ffffff;
  border: 1px solid #bfbfbf; }
  .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
    display: none; }
.ui-grid-menu .ui-grid-menu-inner ul {
  box-sizing: border-box;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden; }
.ui-grid-menu .ui-grid-menu-inner ul li {
  max-height: 30px;
  overflow: hidden; }
  .ui-grid-menu .ui-grid-menu-inner ul li:first-child button, .ui-grid-menu .ui-grid-menu-inner ul li:first-child button:hover {
    border-top: none; }
  .ui-grid-menu .ui-grid-menu-inner ul li:last-child button, .ui-grid-menu .ui-grid-menu-inner ul li:last-child button:hover {
    border-bottom: none; }
.ui-grid-menu .ui-grid-menu-inner ul li button {
  position: relative;
  box-sizing: border-box;
  min-width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
  font-family: Nunito Sans, "Open Sans", "WOL_SL", "Segoe UI Semilight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border: none;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: transparent;
  cursor: pointer; }
  .ui-grid-menu .ui-grid-menu-inner ul li button:hover {
    border-top-color: #e6e6e6;
    border-bottom-color: #e6e6e6;
    background-color: #f7f7f7;
    outline-style: none; }
.ui-grid-menu .ui-grid-menu-inner ul li button i {
  display: inline;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 12px 12px; }
  .ui-grid-menu .ui-grid-menu-inner ul li button i:before {
    content: '';
    width: 9px; }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-no-icon {
    display: none; }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-sort-asc {
    background-image: url("../../images/black/sort_up.svg?v=10.32.12.0"); }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-sort-desc {
    background-image: url("../../images/black/sort_down.svg?v=10.32.12.0"); }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-sort-remove {
    background-image: url("../../images/black/close.svg?v=10.32.12.0"); }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-filter {
    background-image: url("../../images/black/filter.svg?v=10.32.12.0"); }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-total {
    background-image: url("../../images/black/sum.svg?v=10.32.12.0"); }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-pin {
    background-image: url("../../images/black/pinit.svg?v=10.32.12.0"); }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-unpin {
    background-image: url("../../images/black/pinit.svg?v=10.32.12.0"); }
  .ui-grid-menu .ui-grid-menu-inner ul li button i.ui-grid-icon-hide {
    background-image: url("../../images/black/close.svg?v=10.32.12.0"); }

/** Icons **/
.ui-grid-icon-plus-squared:before {
  content: '';
  width: 23px;
  height: 23px;
  background: url("../../images/black/add.svg?v=10.32.12.0") no-repeat center;
  display: block;
  float: left; }

.ui-grid-icon-minus-squared:before {
  content: '';
  width: 23px;
  height: 23px;
  background: url("../../images/black/add.png?v=10.32.12.0") no-repeat center;
  display: block;
  float: left; }

/** END: Extra styles for the grid **/
/** END: grid **/

/*# sourceMappingURL=ui-grid-changes.css.map */