/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* EXO - 2014-oct/  Author: Victor Chalian */
/*
SHADOWS
*/
.shadow-z-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.shadow-z-2, .btn-raised, .btn-group, .btn-group-vertical, .btn-group.btn-group-raised, .btn-group-vertical.btn-group-raised {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.shadow-z-2-hover, .btn:hover:not(.btn-link), .btn-bs:hover:not(.btn-link), .btn-totem-multioption:hover:not(.btn-link), .btn-totem-multioption-yellow:hover:not(.btn-link), .btn-totem-selection:hover:not(.btn-link), .btn-totem-selection2:hover:not(.btn-link), .btn-totem-selection3:hover:not(.btn-link), .btn-totem-selection3-yellow:hover:not(.btn-link), .btn-totem-change:hover:not(.btn-link), .btn-totem-min:hover:not(.btn-link), .btn-free:hover:not(.btn-link) {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); }

.shadow-z-3, .btn:active:not(.btn-link), .btn-bs:active:not(.btn-link), .btn-totem-multioption:active:not(.btn-link), .btn-totem-multioption-yellow:active:not(.btn-link), .btn-totem-selection:active:not(.btn-link), .btn-totem-selection2:active:not(.btn-link), .btn-totem-selection3:active:not(.btn-link), .btn-totem-selection3-yellow:active:not(.btn-link), .btn-totem-change:active:not(.btn-link), .btn-totem-min:active:not(.btn-link), .btn-free:active:not(.btn-link), .btn-raised:active:not(.btn-link), .btn-group:active:not(.btn-link), .btn-group-vertical:active:not(.btn-link), .btn-group.btn-group-raised:active:not(.btn-link), .btn-group-vertical.btn-group-raised:active:not(.btn-link) {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.shadow-z-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.shadow-z-5, .btn-raised:hover, .btn-group:hover, .btn-group-vertical:hover, .btn-group.btn-group-raised:hover, .btn-group-vertical.btn-group-raised:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

/* EXO - 2014-oct/ Author: Victor Chalian */
/* EXO - 2014-oct/ Author: Victor Chalian */
.notification {
  padding: 1em 2em;
  width: 20%;
  margin: 1em auto;
  display: block;
  text-align: center;
  font-size: 1.5em;
  font-family: sans-serif;
  border-radius: 10px; }

.notification-confirm {
  background: #45a21a;
  color: #333; }

.notification-warning {
  background: #ffc53a;
  color: #000; }

.notification-alert {
  background: #ac2222;
  color: #333; }

.btn, .btn-bs, .btn-totem-multioption, .btn-totem-multioption-yellow, .btn-totem-selection, .btn-totem-selection2, .btn-totem-selection3, .btn-totem-selection3-yellow, .btn-totem-change, .btn-totem-min {
  position: relative;
  border: 0;
  margin: 10px 1px;
  cursor: pointer;
  border-radius: 4px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.84);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none !important; }
  .btn:hover, .btn-bs:hover, .btn-totem-multioption:hover, .btn-totem-multioption-yellow:hover, .btn-totem-selection:hover, .btn-totem-selection2:hover, .btn-totem-selection3:hover, .btn-totem-selection3-yellow:hover, .btn-totem-change:hover, .btn-totem-min:hover {
    color: rgba(255, 255, 255, 0.84); }

.btn-bs {
  text-transform: none;
  margin: 1px 6px;
  padding: 7px 9px; }

.btn-totem-multioption, .btn-totem-multioption-yellow, .btn-totem-selection, .btn-totem-selection2, .btn-totem-selection3, .btn-totem-selection3-yellow {
  font-size: 2rem;
  width: -moz-available;
  border-radius: 20px;
  margin-top: 2.5rem;
  height: 5.5rem; }
  .btn-totem-multioption:hover, .btn-totem-multioption-yellow:hover, .btn-totem-selection:hover, .btn-totem-selection2:hover, .btn-totem-selection3:hover, .btn-totem-selection3-yellow:hover {
    background-color: #1e3b75 !important;
    color: #ffffff !important; }

.btn-totem-change {
  font-size: 2rem;
  width: -moz-available;
  border-radius: 20px;
  margin-top: 2.5rem;
  height: 5.5rem; }

.btn-totem-rd {
  position: relative;
  border: 0;
  margin: 10px 1px;
  cursor: pointer;
  border-radius: 4px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.84);
  font-size: 2rem;
  width: -moz-available;
  border-radius: 20px;
  margin-top: 2.5rem;
  height: 5.5rem;
  background-color: #1e3b75;
  color: #ffffff; }

.btn-totem-min {
  font-size: 1.7rem;
  width: 70%;
  border-radius: 20px;
  margin-bottom: 0.7rem;
  height: 4.7rem; }
  .btn-totem-min:hover {
    background-color: #aaccff !important;
    color: rgba(255, 255, 255, 0.84) !important; }

.btn-block75 {
  display: block;
  margin: 0.9rem auto;
  width: 75%; }

.button_example, .btn-totem-multioption, .btn-totem-multioption-yellow, .btn-totem-selection, .btn-totem-selection2, .btn-totem-selection3, .btn-totem-selection3-yellow, .btn-totem-change, .btn-totem-rd {
  border: 0px solid #7d99ca;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 10px;
  display: inline-block;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  color: #ffffff;
  background-color: #1e3b75; }

.btn-totem-multioption-yellow {
  color: black !important; }
  .btn-totem-multioption-yellow:hover {
    background-color: white !important;
    color: black !important; }

.btn-totem-selection, .btn-totem-selection2, .btn-totem-selection3, .btn-totem-selection3-yellow {
  color: rgba(255, 255, 255, 0.84) !important; }

.btn-totem-selection2 {
  font-size: 2.3rem;
  margin-bottom: 1.8rem;
  height: 8.7rem; }

.btn-totem-selection3, .btn-totem-selection3-yellow {
  font-size: 2rem;
  margin-bottom: 1.3rem;
  height: 7rem; }

.btn-totem-selection3-yellow {
  color: black !important; }
  .btn-totem-selection3-yellow:hover {
    background-color: white !important;
    color: black !important; }

.btn-free {
  position: relative;
  padding: 8px 30px;
  border: 0;
  cursor: pointer;
  border-radius: 4px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.84);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none !important; }
  .btn-free:hover {
    color: rgba(255, 255, 255, 0.84); }

.btn-link, .btn:not([class^="btn btn-"]), .btn-bs:not([class^="btn btn-"]), .btn-totem-multioption:not([class^="btn btn-"]), .btn-totem-multioption-yellow:not([class^="btn btn-"]), .btn-totem-selection:not([class^="btn btn-"]), .btn-totem-selection2:not([class^="btn btn-"]), .btn-totem-selection3:not([class^="btn btn-"]), .btn-totem-selection3-yellow:not([class^="btn btn-"]), .btn-totem-change:not([class^="btn btn-"]), .btn-totem-min:not([class^="btn btn-"]), .btn-default, .btn-free {
  color: rgba(0, 0, 0, 0.84); }
  .btn-link:hover, .btn:not([class^="btn btn-"]):hover, .btn-bs:not([class^="btn btn-"]):hover, .btn-totem-multioption:not([class^="btn btn-"]):hover, .btn-totem-multioption-yellow:not([class^="btn btn-"]):hover, .btn-totem-selection:not([class^="btn btn-"]):hover, .btn-totem-selection2:not([class^="btn btn-"]):hover, .btn-totem-selection3:not([class^="btn btn-"]):hover, .btn-totem-selection3-yellow:not([class^="btn btn-"]):hover, .btn-totem-change:not([class^="btn btn-"]):hover, .btn-totem-min:not([class^="btn btn-"]):hover, .btn-default:hover, .btn-free:hover {
    color: rgba(0, 0, 0, 0.84); }

.btn:not([class^="btn btn-"]):hover, .btn-bs:not([class^="btn btn-"]):hover, .btn-totem-multioption:not([class^="btn btn-"]):hover, .btn-totem-multioption-yellow:not([class^="btn btn-"]):hover, .btn-totem-selection:not([class^="btn btn-"]):hover, .btn-totem-selection2:not([class^="btn btn-"]):hover, .btn-totem-selection3:not([class^="btn btn-"]):hover, .btn-totem-selection3-yellow:not([class^="btn btn-"]):hover, .btn-totem-change:not([class^="btn btn-"]):hover, .btn-totem-min:not([class^="btn btn-"]):hover, .btn-default:hover, .btn-free:hover {
  background-color: rgba(255, 255, 255, 0.5); }

.btn-raised {
  transition: box-shadow transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

.btn-flat {
  box-shadow: none !important; }
  .btn-flat.btn-default:hover {
    background: none; }

.btn-group, .btn-group-vertical {
  position: relative;
  border-radius: 4px;
  margin: 10px 1px;
  transition: box-shadow transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  .btn-group.open .dropdown-toggle, .btn-group-vertical.open .dropdown-toggle {
    box-shadow: none; }
  .btn-group.btn-group-raised, .btn-group-vertical.btn-group-raised {
    transition: box-shadow transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  .btn-group .btn, .btn-group .btn-bs, .btn-group .btn-totem-multioption, .btn-group .btn-totem-multioption-yellow, .btn-group .btn-totem-selection, .btn-group .btn-totem-selection2, .btn-group .btn-totem-selection3, .btn-group .btn-totem-selection3-yellow, .btn-group .btn-totem-change, .btn-group .btn-totem-min, .btn-group .btn-free, .btn-group .btn:active, .btn-group .btn-bs:active, .btn-group .btn-totem-multioption:active, .btn-group .btn-totem-multioption-yellow:active, .btn-group .btn-totem-selection:active, .btn-group .btn-totem-selection2:active, .btn-group .btn-totem-selection3:active, .btn-group .btn-totem-selection3-yellow:active, .btn-group .btn-totem-change:active, .btn-group .btn-totem-min:active, .btn-group .btn-group, .btn-group-vertical .btn, .btn-group-vertical .btn-bs, .btn-group-vertical .btn-totem-multioption, .btn-group-vertical .btn-totem-multioption-yellow, .btn-group-vertical .btn-totem-selection, .btn-group-vertical .btn-totem-selection2, .btn-group-vertical .btn-totem-selection3, .btn-group-vertical .btn-totem-selection3-yellow, .btn-group-vertical .btn-totem-change, .btn-group-vertical .btn-totem-min, .btn-group-vertical .btn-free, .btn-group-vertical .btn:active, .btn-group-vertical .btn-bs:active, .btn-group-vertical .btn-totem-multioption:active, .btn-group-vertical .btn-totem-multioption-yellow:active, .btn-group-vertical .btn-totem-selection:active, .btn-group-vertical .btn-totem-selection2:active, .btn-group-vertical .btn-totem-selection3:active, .btn-group-vertical .btn-totem-selection3-yellow:active, .btn-group-vertical .btn-totem-change:active, .btn-group-vertical .btn-totem-min:active, .btn-group-vertical .btn-group {
    box-shadow: none !important;
    margin: 0; }
  .btn-group .btn:active .caret, .btn-group .btn-bs:active .caret, .btn-group .btn-totem-multioption:active .caret, .btn-group .btn-totem-multioption-yellow:active .caret, .btn-group .btn-totem-selection:active .caret, .btn-group .btn-totem-selection2:active .caret, .btn-group .btn-totem-selection3:active .caret, .btn-group .btn-totem-selection3-yellow:active .caret, .btn-group .btn-totem-change:active .caret, .btn-group .btn-totem-min:active .caret, .btn-group-vertical .btn:active .caret, .btn-group-vertical .btn-bs:active .caret, .btn-group-vertical .btn-totem-multioption:active .caret, .btn-group-vertical .btn-totem-multioption-yellow:active .caret, .btn-group-vertical .btn-totem-selection:active .caret, .btn-group-vertical .btn-totem-selection2:active .caret, .btn-group-vertical .btn-totem-selection3:active .caret, .btn-group-vertical .btn-totem-selection3-yellow:active .caret, .btn-group-vertical .btn-totem-change:active .caret, .btn-group-vertical .btn-totem-min:active .caret {
    margin-left: -1px; }

.btn-group-flat {
  box-shadow: none !important; }

.btn-dispenser {
  padding: 15px;
  font-size: 30px;
  width: auto;
  height: 100px;
  background-color: #ded7d7; }
  .btn-dispenser.btn-mini {
    width: auto;
    height: 40px;
    padding: 13px;
    font-size: 15px; }

.btn-operator {
  margin: 16px 0;
  padding: 17px 2px;
  font-size: 26px;
  width: 90px;
  height: 90px; }
  .btn-operator, .btn-operator .ripple-wrapper {
    border-radius: 100%; }
  .btn-operator.btn-mini {
    width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 12px;
    padding-left: 13px;
    margin: 25% 0px 0px; }
  .btn-operator.btn-mini-menu {
    width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 12px;
    padding-left: 13px;
    margin: 13% 0px 0px; }

.menu-min {
  padding: 0px;
  margin: 0px;
  background-color: inherit;
  margin-top: 45%;
  margin-left: 0%;
  color: whitesmoke !important; }

.btn-operator.disabled, .btn-operator[disabled], fieldset[disabled] .btn-operator, .btn-operator.disabled:hover, .btn-operator[disabled]:hover, fieldset[disabled] .btn-operator:hover, .btn-operator.disabled:focus, .btn-operator[disabled]:focus, fieldset[disabled] .btn-operator:focus, .btn-operator.disabled:active, .btn-operator[disabled]:active, fieldset[disabled] .btn-operator:active, .btn-operator.disabled.active, .btn-operator[disabled].active, fieldset[disabled] .btn-operator.active {
  background-color: #cccccc;
  border-color: rgba(255, 16, 193, 0.1); }

.btn-fab {
  margin: 4px;
  padding: 8px;
  font-size: 20px;
  width: 50px;
  height: 50px; }
  .btn-fab, .btn-fab .ripple-wrapper {
    border-radius: 100%; }
  .btn-fab.btn-mini {
    width: 40px;
    height: 40px;
    padding: 13px;
    font-size: 15px; }
  .btn-fab.btn-micro {
    margin: 2px;
    width: 28px;
    height: 28px;
    padding: 2px;
    font-size: 12px;
    background-color: #1e3b75; }

.btn-totem {
  margin: 20px;
  padding: 8px;
  width: 120px;
  height: 120px;
  font-size: 3.5rem;
  font-weight: 600;
  border-radius: 100%; }

.btn-keyboard, .btn-keyboard-ok {
  padding: 8px;
  width: 70px;
  height: 70px;
  font-weight: 600;
  border-radius: 100%;
  margin: 10px 10px;
  font-size: 2.1rem;
  background-color: #009688; }

.btn-keyboard-ok {
  color: #009688;
  background-color: rgba(0, 80, 80, 0.3); }

.btn-without-whitespace {
  white-space: normal !important;
  word-wrap: break-word; }

.btn-default {
  background-color: #FFF; }

.btn-primary {
  background-color: #4285F4; }

.btn-success {
  background-color: #0F9D58; }

.btn-info {
  background-color: #03A9F4; }

.btn-warning {
  background-color: #FF5722; }

.btn-danger {
  background-color: #F44336; }

.btn-material-red {
  background-color: #F44336; }

.btn-material-pink {
  background-color: #E91E63; }

.btn-material-purple {
  background-color: #9C27B0; }

.btn-material-deeppurple {
  background-color: #673AB7; }

.btn-material-indigo {
  background-color: #3F51B5; }

.btn-material-llamar {
  background-color: #00a59d; }

.btn-material-rellamar {
  background-color: #00a59d; }

.btn-material-iniciar {
  background-color: #98b716; }

.btn-material-finalizar {
  background-color: #ef7d30; }

.btn-material-cancelar {
  background-color: #d13f34; }

.btn-material-derivar {
  background-color: #8339aa; }

.btn-material-lightblue {
  background-color: #03A9F4; }

.btn-material-cyan {
  background-color: #00BCD4; }

.btn-material-teal {
  background-color: #009688; }

.btn-material-lightgreen {
  background-color: #8BC34A; }

.btn-material-lime {
  background-color: #CDDC39; }

.btn-material-lightyellow {
  background-color: white; }

.btn-material-orange {
  background-color: #FF9800; }

.btn-material-deeporange {
  background-color: #FF5722; }

.btn-material-grey {
  background-color: #9E9E9E; }

.btn-material-bluegrey, .btn-totem-selection, .btn-totem-selection2, .btn-totem-selection3, .btn-totem-selection3-yellow {
  background-color: #1e3b75; }

.btn-material-olive {
  background-color: #3D9970; }

.btn-material-brown {
  background-color: #795548; }

.btn-material-lightgrey {
  background-color: #ECECEC; }

.btn-material-yellow-caba, .btn-totem-multioption-yellow, .btn-totem-selection3-yellow {
  background-color: white; }

.btn-material-blue {
  background-color: #0073b7; }

@font-face {
  font-family: 'Gotham-Black_0';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-Black_0.otf');
  src: url('/static/fonts/Gotham-Black_0.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-BlackItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-BlackItalic.otf');
  src: url('/static/fonts/Gotham-BlackItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-Bold';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-Bold.otf');
  src: url('/static/fonts/Gotham-Bold.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-BoldItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-BoldItalic.otf');
  src: url('/static/fonts/Gotham-BoldItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-Book';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-Book.otf');
  src: url('/static/fonts/Gotham-Book.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-BookItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-BookItalic.otf');
  src: url('/static/fonts/Gotham-BookItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-Light';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-Light.otf');
  src: url('/static/fonts/Gotham-Light.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-LightItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-LightItalic.otf');
  src: url('/static/fonts/Gotham-LightItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-Medium';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-Medium.otf');
  src: url('/static/fonts/Gotham-Medium.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-MediumItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-MediumItalic.otf');
  src: url('/static/fonts/Gotham-MediumItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-Thin';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-Thin.otf');
  src: url('/static/fonts/Gotham-Thin.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-ThinItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-ThinItalic.otf');
  src: url('/static/fonts/Gotham-ThinItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-Ultra';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-Ultra.otf');
  src: url('/static/fonts/Gotham-Ultra.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-UltraItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-UltraItalic.otf');
  src: url('/static/fonts/Gotham-UltraItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-XLight';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-XLight.otf');
  src: url('/static/fonts/Gotham-XLight.otf?') format('opentype'); }

@font-face {
  font-family: 'Gotham-XLightItalic';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Gotham-XLightItalic.otf');
  src: url('/static/fonts/Gotham-XLightItalic.otf?') format('opentype'); }

@font-face {
  font-family: 'opensans-regular-webfont';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/opensans-regular-webfont.eot');
  src: url('/static/fonts/opensans-regular-webfont.eot?') format('eot'), url('/static/fonts/opensans-regular-webfont.woff') format('woff'), url('/static/fonts/opensans-regular-webfont.ttf') format('truetype'); }

@font-face {
  font-family: 'opensans-bold-webfont';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/opensans-bold-webfont.eot');
  src: url('/static/fonts/opensans-bold-webfont.eot?') format('eot'), url('/static/fonts/opensans-bold-webfont.woff') format('woff'), url('/static/fonts/opensans-bold-webfont.ttf') format('truetype'); }

@font-face {
  font-family: 'opensans-extrabold-webfont';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/opensans-extrabold-webfont.eot');
  src: url('/static/fonts/opensans-extrabold-webfont.eot?') format('eot'), url('/static/fonts/opensans-extrabold-webfont.woff') format('woff'), url('/static/fonts/opensans-extrabold-webfont.ttf') format('truetype'); }

@font-face {
  font-family: 'opensans-lightitalic-webfont';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/opensans-lightitalic-webfont.eot');
  src: url('/static/fonts/opensans-lightitalic-webfont.eot?') format('eot'), url('/static/fonts/opensans-lightitalic-webfont.woff') format('woff'), url('/static/fonts/opensans-lightitalic-webfont.ttf') format('truetype'); }

@font-face {
  font-family: 'opensans-light-webfont';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/opensans-light-webfont.eot');
  src: url('/static/fonts/opensans-light-webfont.eot?') format('eot'), url('/static/fonts/opensans-light-webfont.woff') format('woff'), url('/static/fonts/opensans-light-webfont.ttf') format('truetype'); }

@font-face {
  font-family: 'opensans-semibold-webfont';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/opensans-semibold-webfont.eot');
  src: url('/static/fonts/opensans-semibold-webfont.eot?') format('eot'), url('/static/fonts/opensans-semibold-webfont.woff') format('woff'), url('/static/fonts/opensans-semibold-webfont.ttf') format('truetype'); }

@font-face {
  font-family: 'Roboto-Black';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Roboto-Black.ttf') format('truetype'); }

@font-face {
  font-family: 'Roboto-Bold';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Roboto-Bold.ttf') format('truetype'); }

@font-face {
  font-family: 'Roboto-Medium';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Roboto-Medium.ttf') format('truetype'); }

@font-face {
  font-family: 'Roboto-Regular' 'Roboto-thin';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Roboto-Regula''Roboto-thin.ttf') format('truetype'); }

@font-face {
  font-family: 'ArchivoBlack-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/ArchivoBlack-Regular.ttf') format('truetype'); }

@font-face {
  font-family: 'Dosis-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Dosis-Regular.ttf') format('truetype'); }

@font-face {
  font-family: 'Dosis-Medium';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Dosis-Medium.ttf') format('truetype'); }

@font-face {
  font-family: 'Dosis-Bold';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Dosis-Bold.ttf') format('truetype'); }

@font-face {
  font-family: 'Myriad-Pro-Bold-Condensed';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Myriad-Pro-Bold-Condensed.ttf') format('truetype'); }

@font-face {
  font-family: 'DINNextRoundedLTPro-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/DINNextRoundedLTPro-Regular.ttf') format('truetype'); }

.dosis, .dosis-medium, .dinnext-regular {
  font-family: 'Gotham-Medium', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

.dosis-bold {
  font-family: 'Gotham-Bold', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

.small, html {
  font-family: 'opensans-regular-webfont', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

.roboto {
  font-family: 'Roboto-Regular', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

h1, h2, h3, h4, h5, h6, .roboto-medium {
  font-family: 'Roboto-Medium', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

.roboto-bold, .roboto-black {
  font-family: 'Roboto-Bold', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

.roboto-thin {
  font-family: 'Roboto-Thin', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

.title-flow {
  font-family: 'Myriad-Pro-Bold-Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px; }

.small {
  font-size: 12px; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #777; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizelegibility; }

h1 {
  font-size: 37px;
  line-height: 1;
  color: #777; }

h2 {
  font-size: 31px; }

h3 {
  font-size: 24px;
  font-weight: 100; }

h4 {
  font-size: 18px; }

.strongles {
  font-weight: 600; }

.head-row {
  font-family: 'opensans-regular-webfont', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.8vw;
  font-weight: 600;
  background-color: #d2cfd0; }

.title-flow {
  font-size: 4.5rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 2%; }

.title-flow-2 {
  font-size: 2rem;
  font-family: "Gotham-Medium"; }

.monospaced {
  font-family: "Lucida Console", Monaco, monospace; }

/* ------------------------*/
.account-wall {
  padding: 40px 0 20px;
  background-color: #eeeeee;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); }

.forgot-account {
  display: block;
  margin-top: 20px;
  text-shadow: 0 1px 0 rgba(35, 42, 48, 0.75);
  /*color: #B3E2F5;*/
  color: #00c0ef; }

.profile-img {
  width: 140px;
  height: 140px;
  margin: 0 auto 10px;
  display: block;
  border-radius: 50%; }

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto; }

.form-signin .form-signin-heading, .form-signin .checkbox {
  margin-bottom: 10px; }

.form-signin .checkbox {
  font-weight: normal; }

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.form-signin .form-control:focus {
  z-index: 2; }

.form-signin input[type="text"] {
  margin-bottom: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.login-title {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  display: block; }

.need-help {
  margin-top: 10px; }

.new-account {
  display: block;
  margin-top: 10px; }

.form-signin-min {
  margin-top: 5%;
  margin-left: 5%; }

.userpassmin {
  margin-top: 1%; }

.confirmmin {
  height: 34px;
  width: 200%;
  padding: 0;
  margin: 0;
  background-color: #40ADC7;
  color: white; }

.alerts-log-min {
  z-index: 1;
  position: absolute; }

.formu-min {
  z-index: 0; }

.ticket-container {
  visibility: hidden; }

.stage-template {
  display: none; }

.loader:before, .loader:after, .loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out; }

.loader {
  color: #20a9ba;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 3.5em; }

.loader:before, .loader:after {
  content: '';
  position: absolute;
  top: 0; }

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em; }

  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em; }

  40% {
    box-shadow: 0 2.5em 0 0; } }