@media (max-width: 767px) {
      .k-menu.k-menu-horizontal .k-item .k-grid {
          float: none;
      }

      header .container {
          padding-right: 0;
      }

      header .container h1 {
          padding-top: 0;
          line-height: 50px;
      }

      header label {
          border-width: 1px 0 0 0;
          display: block;
      }

      #configurator-wrap {
          position: absolute;
          overflow: hidden;
          height: 260px;
          right: 0;
          top: 50px;
          z-index: 1000;
          padding: 0;
          width: 320px;
      }

      #configurator {
          background-color: #272727;
          position: absolute;
          width: 100%;
          margin: 0;
      }
  }

  /*Used for paging*/
  .k-widget.k-dropdown.k-header {
      width: 80px;
  }

  /*hover effect for kendo grid*/
  .k-grid > table > tbody > tr:hover,
  .k-grid-content > table > tbody > tr:hover {
      background: #D8D8D8;
      color: black;
  }

  .k-grid:hover .k-button {
      visibility: visible;
  }

  /*used in user list, others might us this also*/
  .imgProfile {
      height: 64px;
  }


  .modal {
      overflow-y: auto;
      max-height: 95%;
        
        
  }

  .handCursor {
      cursor: pointer;
  }

    
  .wrapword{
      white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
      white-space: -o-pre-wrap;    /* Opera 7 */
      white-space: pre-wrap;       /* css-3 */
      word-wrap: break-word;       /* Internet Explorer 5.5+ */
      word-break: break-all;
      white-space: normal;
  }


  .modal-body {
      max-height: calc(100vh - 210px);
      overflow-y: auto;
  }

  .k-grid {
      font-size:8.5pt;
  }

  .k-grid td {
      line-height: 2em;
  }