.dragbox-gray {
      z-index: 10;
      position: absolute;
      top: 0px;
      left: 0px;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: rgba(46, 43, 38, 0.9);
      -webkit-box-shadow: #1F1F1F 1px 1px 1px;
      -moz-box-shadow: #1F1F1F 1px 1px 1px;
      box-shadow: #1F1F1F 1px 1px 1px;
      color: #F8F8F5 !important;
      overflow-y: hidden;
  }

  .dragbox-gray div h1 {
      color: #F8F8F5;
      ;
  }

  .dragbox-gray div {
      color: #F8F8F5;
  }

  .dragbox-white-boxshadow {
      z-index: 10;
      position: absolute;
      overflow-y: hidden;
      background: white;
      color: #0A0B0D;
      -webkit-box-shadow: 1px 5px 15px -3px rgba(69, 69, 69, 0.99);
      -moz-box-shadow: 1px 5px 15px -3px rgba(69, 69, 69, 0.99);
      box-shadow: 1px 5px 15px -3px rgba(69, 69, 69, 0.99);
  }

  .dragbox-white-boxshadow div h1 {
      color: #0A0B0D;
  }

  .dragbox-white-boxshadow .dragbox-title {
      background: white;
      color: #0A0B0D;
  }

  .dragbox-white-boxshadow div {
      color: #0A0B0D;
  }

  .parambox-subtitle {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 15px;
      font-weight: 700;
      font-size: 15pt;
      font-variant: small-caps;
      text-decoration: underline;
      cursor: pointer;
      color: #c1c1c1;
  }

  textarea {
    resize: none;
  }

  .bindedfield-errordiv {
    color: rgb(255, 0, 0) !important;
    padding: 6px;
    font-size: 8pt;
  }
  .bindedfield-errordiv span {
    padding: 6px;
  }

  .smartform-sendbutton, .smartmodal-sendbutton, .smartmodal-closebutton, .smartmodal-nextbutton, .smartmodal-blankbutton, .parambox-savebutton, .parambox-reloadbutton, .parambox-importbutton {
      background: rgb(190, 190, 190);
      color: rgba(35, 30, 32, 0.9);
      float: right;

  }

.smartmodal-scroll {
  -webkit-animation: pulsate 2s ease-in-out infinite;
  -moz-animation: pulsate 2s ease-in-out infinite;
  animation: pulsate 2s ease-in-out infinite;
  font-size: smaller;
}

@-webkit-keyframes pulsate {
  0% {opacity: 0}
  20% {opacity: 0.5}
  100% {opacity: 0}
}

@-moz-keyframes pulsate {
  0% {opacity: 0}
  20% {opacity: 0.5}
  100% {opacity: 0}
}

@keyframes pulsate {
  0% {opacity: 0}
  20% {opacity: 0.5}
  100% {opacity: 0}
}

  .bindedfield-incorrect {
    color: rgb(255, 0, 0);
    background: rgb(255, 255, 255);
    border: 1px solid red;
  }

  .bindedfield-messagediv {
    padding: 6px;
    font-size: 8pt;
  }

  .bindedfield-label {
    font-size: 12pt;
  }

  .dragbox-button:focus, .dragbox-button:hover {
      color: #F3F3F3;
  }

  .dragbox-title {
      /*
  -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
      background: rgba(55, 55, 50, 1);
      padding: 12px;
      font-size: 18pt !important;
  }

  .dragbox-content {
      /*
  -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
      color: #F8F8F5 !important;
      overflow-y: auto;
      padding: 6px;
      font-size: 14pt !important;
      padding: 12px 24px 12px 24px !important;

  }

  .dragbox-container {
      padding: 0 0 0 0 !important;
  }

  .dragbox-footer {
      text-align: center;
      padding: 6px;
  }

  .chart-canvas {
      width: 100%;
      height: 100%;
  }

  .centered {
      vertical-align: middle;
      text-align: center;
  }