/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.page-links {
  margin: 0;
  padding: 5px 0; }

.page-links li {
  cursor: pointer;
  display: inline;
  list-style-type: none;
  padding-right: 5px; }

.page-messages {
  color: red;
  margin: 0;
  padding: 5px; }
  .page-messages li {
    list-style-type: none; }

.page-heading {
  margin-bottom: -10px;
  padding: 2px;
  height: 36px; }

.page-heading-title {
  font-weight: bold;
  color: black;
  height: 16px;
  vertical-align: middle;
  margin: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  white-space: nowrap; }

.page-heading-title span {
  margin-left: 5px;
  margin-right: 5px; }

.page-heading-separator {
  min-height: 10px; }

.page-footer {
  margin-top: 1.5em; }

.page-footer-text {
  background: #02495f;
  color: white;
  padding-top: 4px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px; }

.page-footer-text span {
  white-space: pre; }

.page-header-text {
  color: #00749c;
  padding: 5px 10px;
  margin-bottom: 20px;
  margin-left: -5px;
  font-size: 17px; }

.page-header-text span {
  /*color: white;*/
  white-space: pre; }

.page-html-header {
  background: #fff;
  padding: 0;
  margin: 0; }

.page-id-text {
  text-align: right; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.page-container-menu-page {
  height: 100%; }
  .page-container-menu-page > hj-flex-container > .hj-flex-container {
    overflow: hidden; }
  .page-container-menu-page .menu-page-buttons {
    padding: 10px 40px 20px 40px;
    text-align: center; }
    .page-container-menu-page .menu-page-buttons li {
      display: inline-block;
      margin: 4px 2px; }
      .page-container-menu-page .menu-page-buttons li button {
        height: 75px;
        width: 215px; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.page-container-report-page > .hj-flex-container {
  overflow: hidden; }

.data-grid {
  height: 100%; }

.data-grid .label-cell-content {
  white-space: pre-wrap; }

.row-details .k-grid-content {
  max-height: 145px; }

.row-details .row-detail-error {
  padding: 1em; }

.chart-context-menu .k-image {
  width: 16px;
  height: 16px;
  margin-left: -20px; }

.chart-context-menu .k-colorpicker .k-selected-color {
  width: 3.5em; }

.k-menu .k-menu-group .k-item > .colorpicker-container {
  padding: 0.036em 0;
  text-align: center; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.page-container-multi-row-edit-page > .hj-flex-container {
  overflow: hidden; }

.page-container-multi-row-edit-page .multi-row-edit-grid td.row-indicator-cell {
  position: relative; }

.page-container-multi-row-edit-page .multi-row-edit-grid td.cell-state-modified {
  background-color: #e4e9d5 !important; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.dialog-container, .processing-dialog-container {
  position: absolute;
  left: 50%;
  z-index: 1; }

.overlay-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2B536D;
  opacity: 0.75;
  z-index: 1; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
/*.field-table {
    margin-bottom: 0;
    width: 100%;

    .field-group {
        span {
            font-size: small;
            font-weight: bold;
            color: $field-group-foreground-color;
        }

        td {
            padding: 0 0;
        }
    }

    .field-group-title {
        padding: 6px 10px 7px 10px;
        background-color: $field-group-title-background-color;
    }

    .field-error {
        input:not([data-role=datepicker]):not([data-role=timepicker]):not([data-role=datetimepicker]):not([data-role=dropdownlist]):not([type="checkbox"]), textarea, select, .k-picker-wrap, .k-dropdown-wrap {
            border: solid $error-message-color 1px;
        }
            
        select:focus {
            outline: none;
        }

        input[type="checkbox"] {
            outline:solid $error-message-color 1px;
        }
    } 

    .field-errors-container {
        display: none;
        position: relative;
        z-index: 1;

        .field-errors {
            min-width: .75em;
            min-height: .75em;
            position: absolute;
            margin-left: 5px;
            border: 1px solid $highjump-very-dark-color;
            border-radius: 3px;
            background-color: $white-color;
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 1);

            li {
                color: $error-message-color;
                display: block;
                padding-left: 5px;
                padding-right: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }

    .field-container {
        display: table;

        .control-container {
            display: table-cell;

            input[data-role=datepicker], input[data-role=timepicker], input[data-role=datetimepicker]
            {
                padding-top: .177em;
                padding-bottom: .177em;
            }

            input[type="checkbox"] {
                vertical-align: middle;
            }

            .image-link {
                color: $highjump-medium-color;
                margin-right: 5px;

                &:link, &:visited, &:active {
                    text-decoration: none;
                }
            }

            .image-title-link {
                color: $highjump-medium-color;

                &:link, &:visited, &:active {
                    text-decoration: none;
                }

                &:hover {
                    text-decoration: underline;
                }
            }

            .searchLike-control-dropdownlist-container {
                display: table-cell;
                vertical-align: middle;
                
                .k-dropdown {
                    width: auto !important;
                    margin-right: 5px;
                }

                .k-input {
                    height: auto !important;
                }
            }

            .searchLike-control-textbox-container {
                display: table-cell;
                vertical-align: middle;
                
                input[type="text"] {
                    line-height: 1.65em;
                    padding-top: .177em;
                    padding-bottom: .177em;
                    font-size: 100%;
                    height: auto !important;
                    min-width: 250px;
                }
            }

        }

        .field-error-image {
            display: table-cell;
            min-width: 18px;
            vertical-align: middle;

            img {
                margin-left: 5px;
                vertical-align: middle;
            }
        }
    }

    .field-label {
        padding-left: 10px;
        white-space: nowrap;

        .field-label-text {
            font-weight: bold;
            color: $highjump-dark-color;
        }

        .field-link {
            font-weight: bold;
            color: $highjump-dark-color;
            text-decoration: underline;
            background: none !important;
            border: none;
            padding: 0 !important;
            cursor: pointer;
        }

        .field-link:hover {
            color: lighten( $highjump-dark-color, 15% );
        }

        .validation-error-label {
            color: $error-message-color;
        }
    }

    .field-cell {
        color: $field-default-foreground-color;
        padding: 5px 10px;

        textarea {
            resize: none;
        }

        select {
            padding: 1px 0;
        }

        .missing-item {
            color: white;
            background-color: red;
        }

        .missing-item-select {
            color: white;
            background-color: red;
        }

        .missing-item-select option:not(:first-child) {
            color: black;
            background-color: white;
        }

        .image-field-separator {
            padding: 3px 0;
        }
    }
}*/
.searchLike-control-dropdownlist-container {
  display: table-cell;
  vertical-align: middle; }

.searchLike-control-textbox-container {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-left: 5px; }

.image-field-separator {
  padding-bottom: 10px; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
@keyframes animate-stripes {
  100% {
    background-position: 326px 0; } }

@-webkit-keyframes animate-stripes {
  100% {
    background-position: 326px 0; } }

.processing-dialog-container {
  width: 326px;
  top: 30%;
  margin-left: -163px;
  text-align: center;
  align-content: center;
  display: inline-block;
  padding: 10px; }
  .processing-dialog-container .processing-message {
    color: black;
    font-size: x-large; }
  .processing-dialog-container .processing-bar {
    width: 326px;
    height: 50px;
    background-image: -webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 80%, transparent 33%), -webkit-linear-gradient(left, #0092c5, #00749c, #0092c5);
    background-image: -moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 80%, transparent 33%), -moz-linear-gradient(left, #0092c5, #00749c, #0092c5);
    background-image: -ms-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 80%, transparent 33%), -ms-linear-gradient(left, #0092c5, #00749c, #0092c5);
    animation: animate-stripes 4s linear infinite;
    -webkit-animation: animate-stripes 4s linear infinite; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.extension-page-container {
  width: 100%;
  height: 100%; }

.iframe {
  width: 100%;
  height: 100%;
  border: 0; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.page-container-search-page {
  height: 100%; }
  .page-container-search-page > hj-flex-container > .hj-flex-container {
    overflow: hidden; }

/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.page-touch-screen-navigation-buttons {
  margin-top: 6px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 215px 1fr 215px;
  grid-template-columns: 1fr auto 1fr; }
  .page-touch-screen-navigation-buttons .page-touch-back {
    padding-right: 15px;
    -ms-grid-column: 1;
    -ms-grid-column-align: start;
    -ms-grid-row-align: end;
    grid-column: 1;
    justify-self: start;
    align-self: end; }
    .page-touch-screen-navigation-buttons .page-touch-back button {
      width: 200px; }
  .page-touch-screen-navigation-buttons .page-touch-pagelinks {
    -ms-grid-column: 2;
    -ms-grid-column-align: stretch;
    grid-column: 2;
    justify-self: center;
    text-align: center; }
    .page-touch-screen-navigation-buttons .page-touch-pagelinks button {
      margin: 4px 2px 0 2px;
      max-width: 250px;
      min-width: 150px; }
  .page-touch-screen-navigation-buttons .page-touch-next {
    padding-left: 15px;
    -ms-grid-column: 3;
    -ms-grid-column-align: end;
    -ms-grid-row-align: end;
    grid-column: 3;
    justify-self: end;
    align-self: end; }
    .page-touch-screen-navigation-buttons .page-touch-next button {
      width: 200px; }
  .page-touch-screen-navigation-buttons button {
    height: 50px;
    overflow: hidden; }