html, body {
  height: 100%; }

html * {
  box-sizing: border-box;
  font-size: 12px; }

#outer {
  height: calc(100% - 25px);
  width: 100%;
  position: absolute; }

a {
  cursor: pointer; }

body.tm-body {
  overflow: hidden; }

/*16:55 - 17:59 */
/*18:05 - */
#grid_template {
  opacity: 0;
  transition: opacity 0.5s;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -moz-box-align: stretch;
  -webkit-box-align: stretch;
  box-align: stretch;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  box-pack: justify;
  height: 100%; }
  #grid_template .grid-row {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    box-pack: justify; }
    #grid_template .grid-row .grid-column {
      -moz-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1;
      border-left: 1px dashed #aaa;
      border-top: 1px dashed #aaa; }
      #grid_template .grid-row .grid-column:first-child {
        border-left: 0px; }
    #grid_template .grid-row:first-child .grid-column {
      border-top: 0px; }
  #grid_template.opened {
    opacity: 1; }

.ongrid_handler {
  position: absolute;
  background: #aaa; }
  .ongrid_handler .buttons {
    position: absolute;
    right: 20px;
    bottom: 20px; }

.save-as-layout {
  width: 400px;
  height: 200px;
  position: absolute;
  z-index: 120;
  background: #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 10px;
  left: calc(50% - 200px);
  top: calc(50% - 100px); }
  .save-as-layout h3 {
    margin: 3px 0 40px; }
  .save-as-layout .fieldset {
    margin: 0 0 45px; }
  .save-as-layout .buttons-outer {
    text-align: center; }
  .save-as-layout input[type="text"] {
    border: 1px solid #333;
    padding: 5px;
    border-radius: 2px;
    width: 300px;
    margin-left: 10px;
    display: inline-block; }
    .save-as-layout input[type="text"]:focus {
      outline: 0; }
  .save-as-layout label {
    font-weight: normal; }

.footer {
  position: absolute;
  bottom: -25px;
  left: 0px;
  width: 100%;
  height: 25px;
  z-index: 50;
  background: #e5e5e5; }
  .footer .button {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #777;
    padding: 3px 10px 4px;
    margin-top: 0px;
    margin-right: 4px;
    cursor: pointer;
    background: #e5e5e5;
    transition: background 0.5s ease; }
    .footer .button img, .footer .button span {
      display: inline-block;
      vertical-align: middle;
      height: 12px; }
    .footer .button:hover {
      background: #f5f5f5; }

.grid-panel {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  z-index: 10; }
  .grid-panel.on-top {
    z-index: 20; }
  .grid-panel.grid-modal {
    z-index: 15; }
  .grid-panel .panel-controls {
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s;
    right: 0;
    top: 0;
    z-index: 1000; }
    .grid-panel .panel-controls img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      cursor: pointer;
      opacity: 0.6;
      transition: opacity 0.5s; }
      .grid-panel .panel-controls img:hover {
        opacity: 1; }
  .grid-panel:hover .panel-controls {
    opacity: 1; }

.widgets-panel {
  border-radius: 5px;
  min-height: 350px; }
  .widgets-panel.grid-panel.grid-modal {
    z-index: 1000; }
  .widgets-panel h1 {
    padding: 0px 20px;
    font-size: 30px; }
  .widgets-panel div.widget {
    padding: 7px;
    font-size: 12px;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    transition: background 0.5s ease;
    cursor: pointer; }
    .widgets-panel div.widget img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      height: 16px; }
    .widgets-panel div.widget span {
      display: inline-block;
      vertical-align: middle; }
    .widgets-panel div.widget:hover {
      background: #eee; }

.icon-checkbox-outer {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; }
  .icon-checkbox-outer label, .icon-checkbox-outer input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }

.login-form {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 320px;
  margin: -150px 0 0 -200px;
  border-radius: 10px;
  background: #eee;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  border: 1px solid #fafafa; }
  .login-form img {
    width: 185px;
    height: 100px;
    display: block;
    margin: 0 auto; }
  .login-form label {
    display: block;
    font-size: 16px; }
  .login-form input[type="text"], .login-form input[type="password"] {
    display: block;
    font-size: 18px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #555;
    width: 380px; }
  .login-form input[type="submit"] {
    display: block;
    margin: 0 auto;
    width: 200px;
    padding: 5px; }

.file-list .file {
  padding: 0 36px 5px 0; }
  .file-list .file a {
    display: block;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .file-list .file a.glyphicon-trash {
    color: #D9534F;
    float: right;
    font-size: 10px;
    height: 12px;
    margin-top: 2px; }
.file-list .upload-button {
  display: none; }
  .file-list .upload-button .qq-upload-button input {
    display: none; }

.file-list-loading {
  padding: 5px 0;
  color: #aaa;
  text-align: center; }

/*# sourceMappingURL=main.css.map */