.button-container {
  width: 100%;

  text-align: center;
}

.run-btn {
  font-size: 18px;

  margin-top: 20px;
  padding: 5px 15px;

  color: white;
  background-color: #306995;
}

.run-btn:hover {
  transition: all .2s ease-in-out;

  background-color: #558ACE;
}

.loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  margin-bottom: 30px;
}

.loader-text {
  font-family: Verdana, 'Geneva', sans-serif;

  margin-bottom: 10px;

  text-align: center;
}

.loader-cicle {
  position: absolute;
  left: 50%;

  display: inline-block;

  width: 16px;
  height: 16px;
  margin-left: -10px;

  -webkit-animation: 3s infinite ease-in-out;
     -moz-animation: 3s infinite ease-in-out;
       -o-animation: 3s infinite ease-in-out;
          animation: 3s infinite ease-in-out;

  border-radius: 50%;
}

.loader-first-circle {
  -webkit-animation: leftToRight 1.2s infinite ease-in-out;
     -moz-animation: leftToRight 1.2s infinite ease-in-out;
       -o-animation: leftToRight 1.2s infinite ease-in-out;
          animation: leftToRight 1.2s infinite ease-in-out;

  background: #5B4BA7;
}

.loader-second-circle {
  z-index: 100;

  background: #D4C9E9;
}

.loader-third-circle {
  -webkit-animation: rightToLeft 1.2s infinite ease-in-out;
     -moz-animation: rightToLeft 1.2s infinite ease-in-out;
       -o-animation: rightToLeft 1.2s infinite ease-in-out;
          animation: rightToLeft 1.2s infinite ease-in-out;

  background: #8E77C2;
}

.element-appear {
  -webkit-animation: element-appear 1s forwards ease-in;
     -moz-animation: element-appear 1s forwards ease-in;
       -o-animation: element-appear 1s forwards ease-in;
          animation: element-appear 1s forwards ease-in;
}

.msg-box {
  min-height: 20px;
  margin: 10px 25px;
  padding: 15px;

  border: 1px solid transparent;
  border-radius: 4px;
}

.run-error {
  text-align: center;

  border-color: #EBCCD1;
  background-color: #F2DEDE;
}

.server-error {
  text-align: left;
  white-space: pre-line;
}

.run-error span {
  color: #A94442;
}

.run-success {
  text-align: center;

  border-color: #D6E9C6;
  background-color: #DFF0D8;
}

.run-success span {
  color: #3C763D;
}