/* prevents selection when left click dragging */

  .disable-selection {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  /* prevents cursor from changing to the i bar on the overlays*/

  .noIbar {
      cursor: default;
  }
  /*Thumbnails*/

  .csthumbnail {
      color: white;
      background-color: black;
      width: 100px;
      height: 100px;
      border: 0px;
      padding: 0px;
  }

  .sk-folding-cube {
      margin: 20px auto;
      width: 40px;
      height: 40px;
      position: relative;
      display: block;
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
  }

  .sk-folding-cube .sk-cube {
      float: left;
      width: 50%;
      height: 50%;
      position: relative;
      /*black*/
      /*
  background-color: #273542;//
*/
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
  }

  .sk-folding-cube .sk-cube2 {
      /*blue*/
      /*
    background-color: #6bbbe8;
  */
      -webkit-transform: scale(1.1) rotateZ(90deg);
      transform: scale(1.1) rotateZ(90deg);
  }

  .sk-folding-cube .sk-cube3 {
      /*green*/
      /*
     background-color: #4ec0c6;
     */
      -webkit-transform: scale(1.1) rotateZ(180deg);
      transform: scale(1.1) rotateZ(180deg);
  }

  .sk-folding-cube .sk-cube4 {
      /*red*/
      /*
     background-color: #e11860;
     */
      -webkit-transform: scale(1.1) rotateZ(270deg);
      transform: scale(1.1) rotateZ(270deg);
  }

  .sk-folding-cube .sk-cube:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #273542;
      -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
      animation: sk-foldCubeAngle 2.4s infinite linear both;
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
  }

  .sk-folding-cube .sk-cube2:before {
      background-color: #6bbbe8;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
  }

  .sk-folding-cube .sk-cube3:before {
      background-color: #4ec0c6;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
  }

  .sk-folding-cube .sk-cube4:before {
      background-color: #e11860;
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s;
  }

  @-webkit-keyframes sk-foldCubeAngle {
      0%,
      10% {
          -webkit-transform: perspective(140px) rotateX(-180deg);
          transform: perspective(140px) rotateX(-180deg);
          opacity: 0;
      }
      25%,
      75% {
          -webkit-transform: perspective(140px) rotateX(0deg);
          transform: perspective(140px) rotateX(0deg);
          opacity: 1;
      }
      90%,
      100% {
          -webkit-transform: perspective(140px) rotateY(180deg);
          transform: perspective(140px) rotateY(180deg);
          opacity: 0;
      }
  }

  @keyframes sk-foldCubeAngle {
      0%,
      10% {
          -webkit-transform: perspective(140px) rotateX(-180deg);
          transform: perspective(140px) rotateX(-180deg);
          opacity: 0;
      }
      25%,
      75% {
          -webkit-transform: perspective(140px) rotateX(0deg);
          transform: perspective(140px) rotateX(0deg);
          opacity: 1;
      }
      90%,
      100% {
          -webkit-transform: perspective(140px) rotateY(180deg);
          transform: perspective(140px) rotateY(180deg);
          opacity: 0;
      }
  }

  .manage-patient,
  .img-opened .patient-list,
  .img-opened .search-form,
  .img-opened #nav {
      display: none;
  }

  .manage-patient.show,
  .img-opened .manage-patient {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }

  .manage-patient .holder {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
  }

  .manage-patient .img-preview .img-head {
      font-size: 16px;
      color: #fff;
      text-align: center;
  }

  .manage-patient .img-preview .img-holder {
      text-align: center;
      overflow: hidden;
  }
  /*Dicom image holder*/

  .manage-patient .img-preview .img-holder .dicom-img-holder {
      position: relative;
      color: white;
      display: inline-block;
      border-style: solid;
      border-color: black;
  }

  .manage-patient .img-preview .img-holder .dicom-img-holder .dicom-img {
      top: 0px;
      left: 0px;
      position: absolute;
  }

  .table tr:hover,
  .table-mobile tr:hover {
      cursor: pointer;
  }

  .table .txt,
  .table-mobile .txt {
      pointer-events: none;
  }

  .table .txt a,
  .table-mobile .txt a {
      pointer-events: auto;
  }
  /* For mobile Patient table list UI view */
  /* #patients-table-mobile {
      width: 100%;
      display: inline-table;
  } */

  .table-mobile {
      display: inline-table;
      width: 100%;
      margin-top: 15px;
  }

  .table-mobile thead {
      display: none;
  }

  .table-mobile tbody tr {
      height: 70px;
      border-bottom: solid 1px #e4e6e7;
  }

  .table-mobile tbody tr:hover {
      background: #E1E9F6;
  }

  .table-mobile tbody tr td {
      padding: 15px;
  }

  .table-mobile>tbody>tr>td[data-title='Modality']>span {
      padding: 11px;
      border: solid 1px #f0ebeb;
      border-radius: 100%;
      background: #F2F8FA;
  }

  .table-mobile tbody tr td div.desc {
      font-size: 12px;
      color: gray;
  }
  /* For mobile Patient table list UI view */

  .manage-patient .img-bar .thumbnails {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      /* flex-flow: row wrap; */
      flex-flow: initial;
      -ms-flex-pack: distribute;
      justify-content: space-around;
  }

  .manage-patient .img-bar .thumbnails a {
      /*width: 25%;*/
      display: block;
      /*padding: 0 2px 20px;*/
  }

  .manage-patient .img-bar .csthumbnail {
      width: 70px;
      height: 70px;
      border: 2px solid #fff;
      display: block;
      background-color: #fff;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      margin: 0 auto 5px;
  }

  .manage-patient .img-bar .csthumbnail canvas {
      width: 100% !important;
      height: auto !important;
  }

  .img-opened .manage-patient .img-bar .csthumbnail {
      background-color: #222426;
      border-color: #222426;
  }

  .manage-patient .img-bar .text-center {
      font-weight: normal;
      font-size: 13px;
      color: #1e2933;
      -webkit-transition: all ease-in-out .3s;
      transition: all ease-in-out .3s;
  }

  .img-opened .manage-patient .img-bar .text-center {
      color: #fff;
  }

  .manage-patient .img-bar .text-center:hover {
      color: #6abbea;
  }

  .jcf-select-period .jcf-select-text {
      float: right;
  }

  .back-list {
      font-size: 18px;
      vertical-align: middle;
      line-height: 30px;
      color: white;
  }

  #seriesview .cell {
      height: 170px;
  }

  .img-opened #seriesview .cell {
      height: 190px;
  }

  @media only screen and (max-width: 480px) {
      .manage-patient .img-bar .thumbnails a {
          /*padding: 0 5px 20px;*/
      }
      #seriesList .cell,
      #seriesview .cell {
          width: 100px;
      }
      .manage-patient .img-bar .img-holder {
          /* width: 100px;
          height: 100px; */
          /* margin: 0 auto 10px; */
      }
      .manage-patient .img-bar .text-center {
          font-size: 14px;
      }
      .manage-patient .img-bar,
      .manage-patient .thumbs,
      .refferal-result .img-bar,
      .refferal-result .thumbs {
          margin: 0 0px 15px;
      }
      .document-result .img-bar,
      .document-result .thumbs {
          margin: 0 0px 15px;
      }
      /* Header Patien list table mobile view */
      body {
          background: #FCFBFB;
      }
      .w1>header {
          margin: 10px 15px 0;
          background: #fff !important;
          box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, .1);
      }
      .w1>#main>#content>section>header {
          height: 60px;
          margin: 0 15px 0px;
          background: #fff;
          box-shadow: 0 0 10px rgba(0, 0, 0, .1);
      }
      .w1>#main>#content>section.patient-list {
          padding: 0;
          background: #FCFBFB;
      }
      .patient-list .header .jcf-select {
          color: #403542;
      }
      .search-opener {
          color: #403542;
          font-size: 18px;
      }
      .nav-opener {
          background: #fff;
      }
      .nav-opener::before,
      .nav-opener::after,
      .nav-opener span {
          background: #1e2933;
          width: 20px;
          height: 2px;
      }
      .nav-opener span {
          left: 10px;
      }
      .nav-opener::before {
          content: "";
          top: 34%;
      }
      .nav-opener::after {
          top: 66%;
      }
      /* report page */
      .manage-patient .img-editor,
      .refferal-result .img-editor,
      .document-result .img-editor,
      .report-result .img-editor {
          background: white;
          right: 15px;
      }
      .manage-patient .img-editor .btn-img-close,
      .refferal-result .img-editor .btn-img-close,
      .document-result .img-editor .btn-img-close,
      .report-result .img-editor .btn-img-close {
          background: #ebf5f6;
      }
      .manage-patient .img-editor .btn-img-close:hover,
      .refferal-result .img-editor .btn-img-close:hover,
      .document-result .img-editor .btn-img-close:hover,
      .report-result .img-editor .btn-img-close:hover {
          color: gray;
      }
      #report-nav {
          margin: 0 15px;
          background: white;
      }
      .jcf-select .jcf-select-text {
          font-size: 14px !important;
      }
      .patient-list .header {
          display: flow-root;
      }
      .patient-list .header .jcf-select {
          min-width: 70px;
      }
      .jcf-select-sortlist {
          float: left;
      }
      .jcf-select-period {
          float: right;
      }
      .jcf-select-drop .jcf-select-drop-content {
          width: 140%;
          margin-left: -12px;
      }
      .manage-patient .img-editor .menu-opener,
      .refferal-result .img-editor .menu-opener,
      .document-result .img-editor .menu-opener {
          color: #393939;
          font-size: 15px;
      }
      .back-list {
          color: #aa2124
      }
      /* report page */
      /* Header Patien list table mobile view */
  }

  @media only screen and (min-width: 480px) {
      .patient-list .header {
          height: 60px;
          display: flow-root;
      }
      .patient-list .header .jcf-select {
          min-width: 70px;
      }
      .jcf-select-sortlist {
          float: left;
      }
      .jcf-select-period {
          float: right;
      }
      .jcf-select-drop .jcf-select-drop-content {
          width: 140%;
          margin-left: -12px;
      }
      .manage-patient .img-bar .thumbnails a {
          /*padding: 0 5px 20px;*/
          /*width: 150px;*/
      }
      #seriesList .cell,
      /* #seriesview .cell  */
      {
          width: 100px;
      }
      .manage-patient .img-bar .img-holder {
          width: 100px;
          height: 100px;
          margin: 0 auto 10px;
      }
      .manage-patient .img-bar .text-center {
          font-size: 14px;
      }
      .manage-patient .img-bar,
      .manage-patient .thumbs,
      .refferal-result .img-bar,
      .refferal-result .thumbs {
          margin: 0 0px 15px;
      }
      .document-result .img-bar,
      .document-result .thumbs {
          margin: 0 0px 15px;
      }
  }

  @media only screen and (min-width: 768px) {
      .manage-patient .img-bar .thumbnails a {
          /*width: 150px;*/
          /*padding: 0 15px 20px;*/
          /*width: auto;*/
      }
      #seriesList .cell {
          width: 159px;
      }
      .manage-patient .img-bar .img-holder {
          width: 112px;
          height: 111px;
      }
      /* .table tr:hover td {
      background: #fafcfc;
    }
    .table tr:nth-child(2n):hover td {
      background: #edf3f5;
    } */
      .manage-patient .img-bar,
      .manage-patient .thumbs,
      .refferal-result .img-bar,
      .refferal-result .thumbs {
          margin: 0 0px 15px;
      }
      .document-result .img-bar,
      .document-result .thumbs {
          margin: 0 0px 15px;
      }
  }

  @media only screen and (min-width: 1024px) {
      #seriesList .cell {
          width: 159px;
      }
      .img-opened .manage-patient .img-preview {
          /* width: calc(100% - 154px); */
          width: calc(100% - 237px);
      }
      .manage-patient .img-bar .thumbnails {
          display: block;
      }
      .manage-patient .img-bar .thumbnails a {
          /*padding: 0 0 27px;*/
          /*width: 160px;*/
      }
      .manage-patient .img-bar,
      .manage-patient .thumbs,
      .refferal-result .img-bar,
      .refferal-result .thumbs {
          margin: 0 0px 15px;
      }
      .document-result .img-bar,
      .document-result .thumbs {
          margin: 0 0px 15px;
      }
  }

  @media only screen and (min-width: 1150px) {
      .img-opened .manage-patient .img-preview {
          /* width: auto; */
          width: calc(100% - 237px);
      }
      .img-opened .manage-patient .img-bar .csthumbnail {
          width: 158px;
          height: 158px;
      }
  }

  @media only screen and (max-width: 768px) {
      .img-opened #main {
          background: #0d0d0d;
      }
      .manage-patient .img-preview .img-holder,
      .manage-patient .img-preview .img-holder .disable-selection,
      #dicomImage {
          /* width: 420px !important;
          height: 330px !important; */
      }
      .manage-patient,
      .refferal-result,
      .document-result {
          padding: 0px;
      }
  }

  @media only screen and (max-width: 480px) {
      .manage-patient .img-preview .img-holder,
      .manage-patient .img-preview .img-holder .disable-selection,
      #dicomImage {
          /* width: 290px !important;
          height: 220px !important; */
      }
      .manage-patient,
      .refferal-result,
      .document-result {
          padding: 0px;
      }
      .statistic .pannel .text-value {
          font-size: 20px !important;
      }
      .section {
          padding: 15px !important;
          margin: 15px !important;
      }
      .dash-content .section.radiologis {
          margin-right: 15px !important;
      }
      .dash-content .section.new-order {
          margin-left: 15px !important;
      }
  }

  .img-editor .nav ul.view li.layout {
      postion: relative !important;
  }

  .img-editor .nav ul.view li.layout ul li {
      padding-top: 8px;
  }

  .img-editor .nav ul.view li.layout ul li:hover {
      background: #f2f2f2;
  }

  .img-editor .nav ul.view li.layout ul.pull-right.dropdown-menu {
      /*right: 0;*/
      width: 89px;
      /*float: right !important;*/
      position: absolute;
      top: 100%;
      /*left: 0;*/
      z-index: 1000;
      display: none;
      float: left;
      min-width: 89px;
      padding: 5px 0;
      margin: 2px 0 0;
      font-size: 16px;
      text-align: left;
      list-style: none;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      height: 150px;
      border-radius: 6px;
  }

  .img-editor .nav ul.view li.layout ul.pull-right.dropdown-menu li a {
      padding: 0px 20px;
      margin: 0;
      color: gray;
  }

  .grid_view {
      display: block !important;
  }

  .manage-patient .img-preview {
      position: relative;
  }

  .manage-patient .img-preview .image-layout {
      float: left;
      border: solid 1px #171717;
      position: relative;
  }
  /* //reset form
 */

  .unable {
      background: #fae1e1;
      margin: 28px 0 32px;
      padding: 19px 32px 19px 28px;
      border: #f8cccc 1px solid;
      border-radius: 5px;
  }

  .unable h2 {
      font-family: 'Open Sans', sans-serif;
      font-size: 20px;
      line-height: 20px;
      color: #aa2124;
      font-weight: 400;
      padding: 0 0 0 25px;
  }
  /* //user request page */

  .nav_page {
      text-align: center;
  }

  .nav_page .btn {
      font-size: 15px;
  }

  .study-image-scroll-container {
      display: none;
      top: 40px;
      right: 0;
      height: -moz-calc(100% - 50px);
      height: -webkit-calc(100% - 50px);
      height: calc(100% - 50px);
      position: absolute;
  }

  .study-image-scroll-container input[type=range][orient=vertical]
  {
      writing-mode: bt-lr; /* IE */
      -webkit-appearance: slider-vertical; /* WebKit */
      width: 8px;
      height: 100%;
      padding: 0 5px;
      transform: rotate(180deg);
      cursor: pointer;
  }

  .cell-count {
      color: green;
      left: 5px;
      position: relative;
      text-align: left;
      top: 20px;
      z-index: 1000;

  }