/* colors */
/* status */
/* dialog */
/* tools */
:root {
  --io-100: #000000;
  --io-120: #0a0a0a;
  /* --io-150: #0f0f10;*/
  --io-150: #0f0f11;
  --io-170: #111112;
  --io-180: #17171b;
  /* --io-190: #161920; */
  --io-190: #151517;
  /* --io-200: #1a1b20; */
  --io-200: #1a1b21;
  --io-220: #1d1e22;
  --io-250: #212226;
  --io-270: #26272c;
  --io-300: #27292F;
  /* --io-400: #2c2f37; */
  --io-400: #292B31;
  --io-450: #353740;
  --io-550: #4e5562;
  /* --io-550: #4b515d; */
  --io-600: #4F5461;
  --io-700: #5e6372;
  --io-750: #848B99;
  --io-770: #888D9B;
  --io-800: #A4A9B7;
  --io-850: #b8bbc6;
  --io-white: #ffffff;
  --io-yellow-1: #EEAC1C;
  --io-yellow-2: #FFBC3B;
  --io-green: #00c32e;
  --io-modal: #2B2E35E8;
  --io-darkorange: #B34F12;
  --io-blue-1: #3a83d1;
  --io-blue-2: #448cd9;
}

/* io-yellow-1 */
/* io-700 */
/* io-450 */
body {
  background-color: var(--io-150);
  font: 15px "Roboto", Helvetica, Arial, Sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: var(--io-yellow-2);
}

.layout {
  position: relative;
  width: 100%;
}
.layout h1 {
  font-size: 1.8em;
  margin: 0;
  padding-bottom: 10px;
}
.layout h2 {
  font-size: 1.8em;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding-bottom: 10px;
}
.layout #sms-form {
  margin: 0 auto;
  margin-top: 200px;
  width: 320px;
  padding: 20px 25px;
  background: var(--io-250);
  border-radius: 8px;
  border: 1px solid var(--io-250);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.layout #sms-form p {
  margin: 10px 0;
}
.layout #sms-form label {
  display: none;
}
.layout #sms-form input, .layout #sms-form input[type=reset], .layout #sms-form input[type=submit].btn-reset, .layout #sms-form input[type=submit]:not(.btn-reset) {
  width: 100%;
  background: var(--io-300);
  border: 1px solid var(--io-250);
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  padding: 8px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  color: #ffffff;
}
.layout #sms-form input::-webkit-input-placeholder, .layout #sms-form input[type=reset]::-webkit-input-placeholder, .layout #sms-form input[type=submit].btn-reset::-webkit-input-placeholder, .layout #sms-form input[type=submit]:not(.btn-reset)::-webkit-input-placeholder { /* WebKit browsers */
  color: white;
}
.layout #sms-form input:-moz-placeholder, .layout #sms-form input[type=reset]:-moz-placeholder, .layout #sms-form input[type=submit].btn-reset:-moz-placeholder, .layout #sms-form input[type=submit]:-moz-placeholder:not(.btn-reset) { /* Mozilla Firefox 4 to 18 */
  color: white;
  opacity: 1;
}
.layout #sms-form input::-moz-placeholder, .layout #sms-form input[type=reset]::-moz-placeholder, .layout #sms-form input[type=submit].btn-reset::-moz-placeholder, .layout #sms-form input[type=submit]:not(.btn-reset)::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: white;
  opacity: 1;
}
.layout #sms-form input:-ms-input-placeholder, .layout #sms-form input[type=reset]:-ms-input-placeholder, .layout #sms-form input[type=submit].btn-reset:-ms-input-placeholder, .layout #sms-form input[type=submit]:-ms-input-placeholder:not(.btn-reset) { /* Internet Explorer 10+ */
  color: white;
}
.layout #sms-form input:focus, .layout #sms-form input[type=reset]:focus, .layout #sms-form input[type=submit].btn-reset:focus, .layout #sms-form input[type=submit]:focus:not(.btn-reset) {
  outline: none;
}
.layout #sms-form input[type=submit], .layout #sms-form input[type=submit][type=reset], .layout #sms-form input[type=submit].btn-reset, .layout #sms-form input[type=submit]:not(.btn-reset), .layout #sms-form input[type=reset], .layout #sms-form input[type=reset] {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.2);
  cursor: pointer;
  padding: 15px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.layout #sms-form input[type=submit]:not(.btn-reset) {
  background: #EEAC1C;
  border-color: #EEAC1C;
  color: var(--io-100);
}
.layout #sms-form input[type=submit]:not(.btn-reset):active {
  background: #c88e0f;
}
.layout #sms-form input[type=reset], .layout #sms-form input[type=reset][type=submit]:not(.btn-reset), .layout #sms-form input[type=submit].btn-reset {
  background: #5e6372;
  border-color: #5e6372;
  color: var(--io-800);
}
.layout #sms-form input[type=reset]:active, .layout #sms-form input[type=submit].btn-reset:active {
  background: #474b56;
}
.layout #sms-form .control-buttons {
  margin-top: 15px;
}

ul.alert {
  padding: 25px;
  margin: 20px auto;
  border: 1px solid transparent;
  border-radius: 4px;
  list-style: none;
  width: 300px;
}
ul.alert.msg-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
ul.alert.msg-error {
  background-color: #353740;
  border-color: black;
  color: #a94442;
}
ul.alert.msg-notice {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

#footer {
  position: fixed;
  bottom: 5px;
  width: 100%;
  text-align: center;
  color: #000;
}
#footer a {
  color: #000;
  text-decoration: none;
}

.orange {
  color: var(--io-yellow-1);
  /*color: #F3790C;*/
}

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