portal/css/default.css

.dark-mode {
  background-color: #222;
  color: #fff;
}

.dark-mode button {
  background-color: #222;
  color: #fff;
}
	.content {
	  font-size: 1.3vw;
	}

    .img-btn {
      background-color: #4CAF50;
      border: none;
      color: white;
      padding: 12px 24px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      max-width: 55px;
    }

    .img-btn img {
      max-width: 55px;
      margin-right: 8px;
    }

textarea {
  width: 100%;
  color: white;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
}

    #divResize1
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize2
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize3
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize4
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize5
    { 
      background-image: url("data:image/png;base64,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
      background-size: cover;
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize6
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize7
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize8
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize9
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize10
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize11
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize12
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize13
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize14
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize15
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize16
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize17
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize18
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize19
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize20
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize21
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize22
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize23
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize24
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize25
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize26
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize27
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize28
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize29
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize30
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize31
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize32
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize33
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize34
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize35
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize36
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize37
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize38
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize39
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize40
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize41
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize42
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize43
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize44
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize45
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize46
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize47
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize48
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize49
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize50
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }
    #divResize51
    { 
      border: dashed 1px #ccc; 
      width: 120px; 
      height: 120px; 
      padding: 5px; 
      margin: 5px; 
      cursor: move; 
      float: left;
    }