@charset "UTF-8";

body {
  font-family: 'Fira Mono', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background-color: rgb(246, 248, 251);
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a:focus {
  text-decoration: none;
  color: inherit;
}

i.cc {
  font-size: 1.5em;
}

#logo {
  text-align: center;
  display: inline-block;
  color: white;
  background-color: rgb(20, 20, 20);
  border-radius: 4px;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
  vertical-align: middle;
}

#header {
  margin-top: 20px;
  margin-bottom: 30px;
}

.header-menu-section {
  margin-right: 10px;
}

h1 {
  font-size: 1.5em;
  margin-bottom: 5px;
  margin-top: 5px;
}

.sign-in .form-control {
  margin-bottom: 20px;
  border-radius: 2px;
  border: none;
  background-color: white;
}

.config-status {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.config-status .icon-cancel-circled {
  color: red;
}

.config-status .icon-ok-circled {
  color: green;
}
.config-status i {
  font-size: 1.2em;
}

.sign-in .submit {
  background-color: rgb(20, 20, 20);
  color: white;
}

.api-credentials-form .form-control {
  margin-bottom: 20px;
  border-radius: 2px;
  border: none;
  background-color: white;
}

.api-credentials-form .submit {
  background-color: rgb(20, 20, 20);
  color: white;
}

.otp-enroll .form-control {
  margin-bottom: 20px;
  border-radius: 2px;
  border: none;
  background-color: white;
}

.otp-enroll .submit {
  background-color: rgb(20, 20, 20);
  color: white;
}
.form-message {
  background-color: rgba(255, 6, 6, .33);
  border-radius: 2px;
  line-height: 50px;
}

.form-message.message-ok {
  background-color: rgba(33, 255, 72, .33);
}

#main {
  padding-top: 100px;
}

.currency-logo {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.portfolio .currency-logo {
  height: 24px;
  width: 24px;
}

.balances > div {
  margin-bottom: 5px;
}

.box {
  position: relative;
  background-color: rgb(250, 250, 250);
  box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
  border-radius: 4px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?12278570');
  src: url('fonts/fontello.eot?12278570#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?12278570') format('woff2'),
       url('fonts/fontello.woff?12278570') format('woff'),
       url('fonts/fontello.ttf?12278570') format('truetype'),
       url('fonts/fontello.svg?12278570#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}