/*=================================================================================================
//      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.
//===============================================================================================*/
.menu-page-button {
  width: 216px;
  height: 74px;
  font-size: 13pt;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  vertical-align: text-top;
  overflow: hidden;
  text-overflow: clip; }

/*=================================================================================================
//      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-viewport {
  display: table; }

.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;
  /*border-top-left-radius: 8px;
    border-top-right-radius: 8px;*/
  /*@include header-background-gradient;*/ }

.page-heading-title {
  /*position: relative; 
    float: left;*/
  font-weight: bold;
  /*background-color: $title-background-color;*/
  /*border-style:solid;
    border-width: 2px;*/
  /*border-color: darken( $title-background-color, 5% );*/
  color: black;
  /*border-radius: 6px;*/
  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 {
  /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
  min-height: 10px;
  /*@include heading-separator-gradient;*/ }

.page-footer-separator {
  position: relative;
  /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
  min-height: 20px;
  /*@include footer-separator-gradient;*/ }

.page-footer-buttons {
  display: table;
  margin: 0 auto; }

.page-footer {
  /*border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;*/
  height: 35px;
  margin-top: -15px;
  /*border: 1px solid $highjump-very-dark-color;*/
  /*@include footer-background-gradient;*/ }

.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 {
  /*color: #000;*/
  background: #fff;
  padding: 0;
  margin: 0; }

.page-touch-screen-navigation-buttons {
  padding-top: 30px; }
  .page-touch-screen-navigation-buttons > div {
    display: inline;
    padding-right: 1em; }

footer .footer {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border-top: 1px solid #b3b3b3; }
  footer .footer .footer-text {
    margin-top: 1.5em;
    text-align: left;
    white-space: pre-wrap; }

/*=================================================================================================
//      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.
//===============================================================================================*/
.menu-page-buttons {
  padding: 10px 40px 20px 40px;
  text-align: center; }
  .menu-page-buttons li {
    display: inline-block;
    margin: 4px 2px; }
    .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.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.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.
//===============================================================================================*/
/*=================================================================================================
//      Copyright HighJump Software Inc.
//      All Rights Reserved.
//
//      For a complete copyright notice, see "HighJump Copyright.pdf" in the Dev folder.
//===============================================================================================*/
.multi-row-edit-grid td.row-indicator-cell {
  position: relative; }

.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; }