html, body {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.cursed
{
  cursor: pointer;
}

.rotater
{
  cursor: ew-resize;
}

.mover
{
  cursor: grab;
}

.container
{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 40px;
  bottom: 0px;
}

.dragcursor
{
  cursor: url("/static/images/utility/deg360.gif") 45 25, auto;
}

.noselect
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nopointer
{
  pointer-events: none;
  touch-action: none;
}

.yespointer
{
  pointer-events: auto;
  touch-action: auto;
}

.not_shown
{
  display: none !important;
}

.centered
{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centered-h
{
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.centered-v
{
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}


.table-view tr:nth-child(odd)
{
  background: #DDD;
}

.table-view tr:nth-child(even)
{
  background: #EEE;
}

.table-view th
{
  white-space: nowrap;
}

.table-view td,
.table-view th
{
  border-left: 1px solid #CCC;
}

.table-view th
{
  text-align: center;
  border-bottom: 2px solid #BBB;
}

.simulated-fullscreen
{
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  width: 100% !important;
  height: 100% !important;
  /*margin: 0px !important;*/
  /*width: 105% !important;*/
  /*height: 105% !important;*/
}

/* Show Small */
@media (max-width: 767px) {
  .medium-window, .large-window,
  .medium-inline-window,
  .large-inline-window,
  .medium-cell-window,
  .large-cell-window {
    display: none;
  }

  .small-window {
    display: block;
  }

  .small-inline-window {
    display: inline-block;
  }

  .small-cell-window {
    display: table-cell;
  }
}

/* Show Medium */
@media (min-width: 768px) and (max-width: 992px) {
  .small-window, .large-window,
  .small-inline-window,
  .medium-inline-window,
  .small-cell-window,
  .medium-cell-window {
    display: none;
  }

  .medium-window {
    display: block;
  }

  .medium-inline-window {
    display: inline-block;
  }

  .medium-cell-window {
    display: table-cell;
  }
}

/* Show Large */
@media (min-width: 993px) {
  .small-window, .medium-window,
  .small-inline-window,
  .medium-inline-window,
  .small-cell-window,
  .medium-cell.window {
    display: none;
  }

  .large-window {
    display: block;
  }

  .large-inline-window {
    display: inline-block;
  }

  .large-cell-window {
    display: table-cell;
  }
}

/*For typeahead style*/
.tt-input {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}