orbit-basic/app/assets/stylesheets/desktop/desktop-component.css

.noSelect, .noSelect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* tinygrid */
.s_grid_row {
  overflow: hidden;
  position: relative;
  margin-bottom: 12px; }
  .s_grid_row .s_grid {
    float: left;
    margin: 0 0 0 12px;
    -webkit-box-sizing: border-box;
    /* webkit */
    -khtml-box-sizing: border-box;
    /* konqueror */
    -moz-box-sizing: border-box;
    /* firefox */
    -ms-box-sizing: border-box;
    /* ie */
    box-sizing: border-box;
    /* css3 */ }
    .s_grid_row .s_grid:first-child {
      margin-left: 0; }
  .s_grid_row .s_grid_1 {
    width: 24px; }
  .s_grid_row .s_grid_2 {
    width: 60px; }
  .s_grid_row .s_grid_3 {
    width: 96px; }
  .s_grid_row .s_grid_4 {
    width: 132px; }
  .s_grid_row .s_grid_5 {
    width: 168px; }
  .s_grid_row .s_grid_6 {
    width: 204px; }
  .s_grid_row .s_grid_7 {
    width: 240px; }
  .s_grid_row .s_grid_8 {
    width: 276px; }
  .s_grid_row .s_grid_9 {
    width: 312px; }
  .s_grid_row .s_grid_10 {
    width: 348px; }
  .s_grid_row .s_grid_11 {
    width: 384px; }
  .s_grid_row .s_grid_12 {
    width: 420px; }
  .s_grid_row .s_grid_13 {
    width: 456px; }
  .s_grid_row .s_grid_14 {
    width: 492px; }
  .s_grid_row .s_grid_15 {
    width: 528px; }
  .s_grid_row .s_grid_16 {
    width: 564px; }
  .s_grid_row:last-child {
    margin-bottom: 0; }
  .s_grid_row .s_grid_h_1 {
    height: 32px; }
  .s_grid_row .s_grid_h_2 {
    height: 76px; }
  .s_grid_row .s_grid_h_3 {
    height: 120px; }
  .s_grid_row .s_grid_h_4 {
    height: 164px; }
  .s_grid_row .s_grid_h_5 {
    height: 208px; }
  .s_grid_row .s_grid_h_6 {
    height: 252px; }
  .s_grid_row .s_grid_h_7 {
    height: 296px; }
  .s_grid_row .s_grid_h_8 {
    height: 340px; }
  .s_grid_row .s_grid_h_9 {
    height: 384px; }
  .s_grid_row .s_grid_h_10 {
    height: 428px; }

/* simple dropdown menu */
.sdm {
  position: relative; }

.sdm_t {
  cursor: default;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.sdm:hover .sdm_o {
  display: block; }

.sdm_o {
  display: none;
  position: absolute;
  z-index: 9;
  left: 0;
  top: 60px;
  font-size: 15px;
  min-width: 120px;
  border: solid 2px #dddddd;
  -webkit-box-sizing: border-box;
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  -moz-box-sizing: border-box;
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  box-sizing: border-box;
  /* css3 */ }
  .sdm_o li {
    border-top: solid 1px #f7f7f7; }
  .sdm_o li:first-child {
    border: none; }
  .sdm_o a {
    display: block; }
  .sdm_o .admtxt {
    display: block;
    line-height: 36px; }

/* simple dropdown menu with indicator */
.sdm_mdr .sdm_t {
  padding-right: 12px; }

.sdm_mdr .mdr {
  position: absolute;
  right: 0; }

/* simple menu */
.s_menu {
  font-size: 15px;
  line-height: 36px; }
  .s_menu li {
    border-top: solid 1px #eaeaea; }
  .s_menu li:first-child {
    border: none; }
  .s_menu a {
    display: block; }

/* simple tabs */
.s_tab {
  font-size: 15px;
  line-height: 36px; }
  .s_tab ul {
    overflow: hidden; }
  .s_tab li {
    float: left; }
  .s_tab a {
    display: block; }
  .s_tab .admbg {
    background-color: #f0f0f0; }

.st_c {
  display: none; }

/* simple form */
.s_form {
  font-size: 15px; }
  .s_form label {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    margin-right: 24px;
    color: #777; }
    .s_form label.s_grid {
      line-height: 32px; }
  .s_form input[type=text],
  .s_form input[type=password],
  .s_form input[type=submit],
  .s_form input[type=reset],
  .s_form input[type=button],
  .s_form select {
    height: 32px;
    margin-top: 0;
    margin-bottom: 0; }
  .s_form input[type=file] {
    vertical-align: baseline; }
  .s_form input[type=text],
  .s_form input[type=password],
  .s_form textarea {
    border: solid 1px #dddddd;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    /* webkit */
    -khtml-box-sizing: border-box;
    /* konqueror */
    -moz-box-sizing: border-box;
    /* firefox */
    -ms-box-sizing: border-box;
    /* ie */
    box-sizing: border-box;
    /* css3 */ }
    .s_form input[type=text]:focus,
    .s_form input[type=password]:focus,
    .s_form textarea:focus {
      border-color: #c4c4c4; }
  .s_form textarea {
    resize: none; }
    .s_form textarea.full_height {
      height: 456px; }
  .s_form .s_table {
    width: 100%; }
  .s_form .s_table th,
  .s_form .s_table td {
    padding: 6px 0; }
  .s_form .s_table th {
    text-align: left; }
  .s_form .s_table td {
    vertical-align: middle; }
  .s_form .s_table thead th {
    border-bottom: solid 1px #eee; }

/* simple select */
.s_select_g {
  padding: 4px 8px;
  -webkit-box-sizing: border-box;
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  -moz-box-sizing: border-box;
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  box-sizing: border-box;
  /* css3 */ }
  .s_select_g li {
    margin: 0 6px 6px 0;
    padding: 0; }
  .s_select_g li,
  .s_select_g li > * {
    display: inline-block;
    vertical-align: middle; }
  .s_select_g label {
    width: auto;
    margin: 0; }
  .s_select_g > label {
    font-size: 15px;
    display: block;
    padding: 4px 0; }
  .s_select_g li label {
    padding-left: 4px;
    cursor: pointer; }
    .s_select_g li label:before {
      display: inline-block;
      vertical-align: middle;
      width: 14px;
      height: 14px;
      line-height: 14px;
      text-align: center;
      margin-right: 6px;
      content: '';
      border: solid 1px #c4c4c4; }
  .s_select_g input[type=checkbox],
  .s_select_g input[type=radio] {
    display: none; }
  .s_select_g input[type=checkbox]:checked + label:before, .s_select_g input[type=radio]:checked + label:before {
    background-color: #444444;
    border-color: #444444;
    color: #fff;
    font-family: "FontAwesome";
    font-size: 12px; }
  .s_select_g input[type=checkbox]:checked + label:before {
    content: "\f00c"; }
  .s_select_g input[type=radio] + label:before {
    border-radius: 8px; }
  .s_select_g input[type=radio]:checked + label:before {
    content: "\f111";
    font-size: 9px;
    -webkit-text-size-adjust: none; }

/* simple switch */
.s_switch {
  overflow: hidden; }
  .s_switch .s_switch_status {
    font-size: 1.5em;
    line-height: 20px;
    height: 20px;
    float: left;
    margin-right: 60px; }
  .s_switch .s_switch_switcher {
    display: block;
    float: right;
    position: relative;
    width: 48px;
    height: 20px;
    overflow: hidden; }
    .s_switch .s_switch_switcher input[type=checkbox] {
      width: 144px;
      height: 20px;
      margin: 0;
      position: absolute;
      top: 0;
      left: -96px; }
      .s_switch .s_switch_switcher input[type=checkbox] + .s_switch_toggle {
        display: block;
        position: absolute;
        left: -2px;
        top: -2px;
        width: 16px;
        height: 20px;
        background-color: #000;
        border: solid 2px #fff;
        cursor: pointer;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease; }
      .s_switch .s_switch_switcher input[type=checkbox]:checked + .s_switch_toggle {
        left: 30px; }

/* tool bar */
.toolbar {
  background-color: #f0f0f0;
  font-size: 15px;
  line-height: 36px;
  position: relative;
  z-index: 99; }
  .toolbar .sdm, .toolbar .fn_g {
    display: inline-block;
    vertical-align: top; }
  .toolbar .sdm_o {
    top: 36px; }
  .toolbar button {
    border: none;
    outline: none;
    padding: 0 16px;
    margin: 0;
    font-family: inherit;
    font-size: 15px;
    vertical-align: top; }
  .toolbar .fn_btn {
    display: inline-block;
    vertical-align: top; }

/* tiny scrollbar */
.tinycanvas {
  overflow: hidden;
  position: relative;
  height: 100%; }
  .tinycanvas .viewport {
    width: auto;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10; }
  .tinycanvas .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .tinycanvas .overview:after {
      content: "";
      display: table;
      width: 100%; }
    .tinycanvas .overview > .column {
      float: left;
      border-right: solid 1px #eee;
      padding: 0 12px 0 0;
      margin: 0 12px 0 0;
      height: 100%; }
      .tinycanvas .overview > .column:last-child {
        padding-right: 0;
        margin-right: 0;
        border-right: 0; }
      .tinycanvas .overview > .column > ul {
        height: 100%; }
      .tinycanvas .overview > .column .datalist_item {
        overflow: hidden;
        padding-top: 3px;
        -webkit-box-sizing: border-box;
        /* webkit */
        -khtml-box-sizing: border-box;
        /* konqueror */
        -moz-box-sizing: border-box;
        /* firefox */
        -ms-box-sizing: border-box;
        /* ie */
        box-sizing: border-box;
        /* css3 */ }
        .tinycanvas .overview > .column .datalist_item:first-child {
          padding-top: 0; }
        .tinycanvas .overview > .column .datalist_item .inner {
          position: relative;
          width: 100%;
          height: 100%;
          -webkit-box-sizing: border-box;
          /* webkit */
          -khtml-box-sizing: border-box;
          /* konqueror */
          -moz-box-sizing: border-box;
          /* firefox */
          -ms-box-sizing: border-box;
          /* ie */
          box-sizing: border-box;
          /* css3 */ }
  .tinycanvas .track {
    height: 100%;
    width: 6px;
    position: relative; }
  .tinycanvas .thumb {
    height: 6px;
    width: 6px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0; }
    .tinycanvas .thumb .end {
      overflow: hidden;
      height: 6px;
      width: 6px; }
  .tinycanvas .scrollbar {
    position: absolute;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .tinycanvas .scrollbar.dragging {
      opacity: 1;
      visibility: visible; }
    .tinycanvas .scrollbar.sb_h {
      left: 0;
      bottom: 0;
      height: 6px; }
    .tinycanvas .scrollbar.sb_v {
      right: 0;
      top: 0;
      width: 6px; }
  .tinycanvas .scrollbar.disable, .tinycanvas:hover .scrollbar.disable {
    visibility: hidden !important; }
  .tinycanvas:hover .scrollbar {
    visibility: visible;
    opacity: 1; }
  .toolbar + .tinycanvas, .s_tab + .tinycanvas {
    height: 480px; }
  #panel_r .tinycanvas {
    padding: 12px 0; }