/* Reset style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/**
 * Colors
 */
/**
 * Typography
 */
/**
 * TBC
 */
/**
 * Variables
 */
/**
 * Datepicker
 */
/**
 * CarPools
 */
/**
 * Booking
 */
/**
 * Icons
 */
/**
 * Timeline
 */
/**
 * Booking page - Wrappers
 */
/**
 * Booking page - form fields
 */
/**
 * Reused style component assets
 */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

html {
  height: 100%;
}

body {
  background-image: repeating-linear-gradient(45deg, rgba(2, 0, 0, 0.02), rgba(2, 0, 0, 0.02) 2px, transparent 2px, transparent 5px);
  background-image: -webkit-repeating-linear-gradient(45deg, rgba(2, 0, 0, 0.02), rgba(2, 0, 0, 0.02) 2px, transparent 2px, transparent 5px);
  background-image: -o-repeating-linear-gradient(45deg, rgba(2, 0, 0, 0.02), rgba(2, 0, 0, 0.02) 2px, transparent 2px, transparent 5px);
  background-color: #2476A3;
  background-size: 100px 100px;
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  margin: 0;
}

.app-brand {
  position: relative;
  display: block;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding-bottom: 40px;
}

.app-brand > .inner {
  position: absolute;
  top: calc(50% - 235px);
  left: calc(50% - 130.5px);
}

.app-brand > .inner > .logo {
  position: relative;
  /*background: url({{ asset('assets/images/glow.png') }}) no-repeat center;*/
  margin: 0 auto;
  color: #fff;
  padding: 90px;
}

.app-brand > .inner > .logo > img {
  position: relative;
  display: block;
  z-index: 10;
}

.app-brand > .inner > .logo > .glow {
  position: absolute;
  left: calc(50% - 2px);
  top: calc(52% - 2px);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 90px 60px rgba(255, 255, 255, 0.1), 0 0 90px 120px rgba(255, 255, 255, 0.05);
  z-index: 1;
}

.app-brand > .inner > .header h1 {
  margin-top: -72px;
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}

h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}

.gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,020000+100,020000+101&0+0,0.1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(125, 185, 232, 0) 0%, rgba(2, 0, 0, 0.1) 100%, rgba(2, 0, 0, 0.1) 101%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#1a020000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  width: 100%;
  height: 100%;
}

.panel {
  width: 300px;
  height: 490px;
  top: calc(50%);
  margin: -80px 0 0 -150px;
  position: absolute;
  left: 50%;
  text-align: center;
}

.panel #logo {
  width: 265px;
  height: 265px;
  margin: 0 auto;
  position: relative;
}

.panel #logo #glow {
  width: 265px;
  height: 265px;
  position: absolute;
}

.panel #logo #am_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -42.5px;
  margin-left: -40px;
}

.panel #logo h1 {
  position: absolute;
  top: 50%;
  margin-top: 72px;
}

.help-block {
  display: none;
}

.login {
  width: 100%;
  height: 50px;
  color: #fff;
  background: #51ADDF;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #4694BE;
  border-radius: 4px;
  padding: 0px;
}

.login:hover, .login :focus {
  opacity: 0.7;
}

input {
  height: 55px;
  width: 100%;
  font-size: 16px;
  color: #000;
  padding-left: 50px;
}

input::-ms-clear {
  display: none;
}

input[type=text] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjAgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+U2hhcGU8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJTdGFydC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUzLjAwMDAwMCwgLTQ4NC4wMDAwMDApIiBmaWxsPSIjNTFBRERGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjY1LjcwODY3LDQ5Ni41MDM2MDcgQzI2NS4yNjk0MzMsNDk2LjMyNzkxMiAyNjUuMjk4NzE1LDQ5NC40ODMxMTggMjY1LjI5ODcxNSw0OTQuNDgzMTE4IEMyNjUuMjk4NzE1LDQ5NC40ODMxMTggMjY2LjI5NDMxOSw0OTMuNDg3NTE0IDI2Ni42NzQ5OSw0OTIuNzU1NDUzIEMyNjcuMDU1NjYyLDQ5Mi4wMjMzOTIgMjY3LjMxOTIwNCw0ODkuMzU4Njg5IDI2Ny4zMTkyMDQsNDg5LjM1ODY4OSBDMjY3LjQzNjMzNCw0ODguNjU1OTEgMjY3LjM3Nzc2OSw0ODcuOTIzODQ5IDI2Ny4xNzI3OTIsNDg3LjI1MDM1MiBDMjY2LjczMzU1NSw0ODUuODE1NTEyIDI2NS42NTAxMDUsNDg0LjY3MzQ5NiAyNjQuMjQ0NTQ3LDQ4NC4xNDY0MTIgQzI2NC4yNDQ1NDcsNDg0LjE0NjQxMiAyNjMuNTQxNzY4LDQ4NCAyNjIuOTg1NDAyLDQ4NCBDMjYyLjQyOTAzNSw0ODQgMjYxLjc4NDgyMSw0ODQuMTQ2NDEyIDI2MS43ODQ4MjEsNDg0LjE0NjQxMiBDMjYwLjM3OTI2Myw0ODQuNjczNDk2IDI1OS4yOTU4MTMsNDg1LjgxNTUxMiAyNTguODU2NTc2LDQ4Ny4yNTAzNTIgQzI1OC42NTE1OTksNDg3LjkyMzg0OSAyNTguNTkzMDM0LDQ4OC42NTU5MSAyNTguNzEwMTY0LDQ4OS4zNTg2ODkgQzI1OC43MTAxNjQsNDg5LjM1ODY4OSAyNTguOTczNzA2LDQ5Mi4wMjMzOTIgMjU5LjM1NDM3OCw0OTIuNzU1NDUzIEMyNTkuNzM1MDQ5LDQ5My40ODc1MTQgMjYwLjcwMTM3LDQ5NC40ODMxMTggMjYwLjcwMTM3LDQ5NC40ODMxMTggQzI2MC43MDEzNyw0OTQuNDgzMTE4IDI2MC43MzA2NTMsNDk2LjMyNzkxMiAyNjAuMjkxNDE2LDQ5Ni41MDM2MDcgQzI1OS44NTIxNzksNDk2LjY3OTMwMiAyNTUuMDIwNTc1LDQ5OC40MzYyNDkgMjUzLjk5NTY4OSw0OTguOTYzMzMzIEMyNTIuOTcwODAzLDQ5OS40OTA0MTcgMjUzLjAwMDA4Niw1MDEuMTU5NTE3IDI1My4wMDAwODYsNTAxLjE1OTUxNyBMMjYyLjk1NjExOSw1MDEuMTU5NTE3IEwyNzMsNTAxLjE1OTUxNyBDMjczLDUwMS4xNTk1MTcgMjczLDQ5OS40OTA0MTcgMjcyLjAwNDM5Nyw0OTguOTYzMzMzIEMyNzEuMDA4NzkzLDQ5OC40MzYyNDkgMjY2LjE0NzkwNiw0OTYuNjc5MzAyIDI2NS43MDg2Nyw0OTYuNTAzNjA3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 10px 20px;
  padding-left: 50px;
  opacity: 1;
}

input[type=password] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTQgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGFnZSAxPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iU3RhcnQtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1Ni4wMDAwMDAsIC01MzcuMDAwMDAwKSIgZmlsbD0iI0M1QzVDNSI+ICAgICAgICAgICAgPHBhdGggZD0iTTI2NC4wNjM4MDcsNTUxLjExMTY2MiBDMjY0LjA2MzgwNyw1NTEuNjY2MDQ4IDI2My42MTAyMTgsNTUyLjExOTYzNyAyNjMuMDU1ODMxLDU1Mi4xMTk2MzcgQzI2Mi41MDE0NDQsNTUyLjExOTYzNyAyNjIuMDQ3ODU1LDU1MS42NjYwNDggMjYyLjA0Nzg1NSw1NTEuMTExNjYyIEwyNjIuMDQ3ODU1LDU0OS4wOTU3MSBDMjYyLjA0Nzg1NSw1NDguNTQxMzIzIDI2Mi41MDE0NDQsNTQ4LjA4NzczNCAyNjMuMDU1ODMxLDU0OC4wODc3MzQgQzI2My42MTAyMTgsNTQ4LjA4NzczNCAyNjQuMDYzODA3LDU0OC41NDEzMjMgMjY0LjA2MzgwNyw1NDkuMDk1NzEgTDI2NC4wNjM4MDcsNTUxLjExMTY2MiBaIE0yNTkuNjk1OTExLDU0MS4yMzM4MzQgQzI1OS42OTU5MTEsNTM5LjY0MDIyNSAyNjEuMTI3OTA5LDUzOC4zNDM5NjggMjYyLjg4NzgzNSw1MzguMzQzOTY4IEMyNjQuNjQ3NzYxLDUzOC4zNDM5NjggMjY2LjA3OTc1OCw1MzkuNjQwMjI1IDI2Ni4wNzk3NTgsNTQxLjIzMzgzNCBMMjY2LjA3OTc1OCw1NDUuMzk5Nzk5IEwyNTkuNjk1OTExLDU0NS4zOTk3OTkgTDI1OS42OTU5MTEsNTQxLjIzMzgzNCBaIE0yNjcuMzMzMzMzLDU0NS4zMzMzMzMgTDI2Ny4zMzMzMzMsNTQxLjIwMDMzMyBDMjY3LjMzMzMzMyw1MzguODg0MzMzIDI2NS4zMTQ2NjcsNTM3IDI2Mi44MzMzMzMsNTM3IEMyNjAuMzUyLDUzNyAyNTguMzMzMzMzLDUzOC44ODQzMzMgMjU4LjMzMzMzMyw1NDEuMjAwMzMzIEwyNTguMzMzMzMzLDU0NS4zMzMzMzMgTDI1Ny4wMDMwODUsNTQ1LjMzMzMzMyBDMjU2LjQ0OTA5Niw1NDUuMzMzMzMzIDI1Niw1NDUuNzc1MDMgMjU2LDU0Ni4zMjc1MSBMMjU2LDU1NCBMMjU2LDU1NSBDMjU2LDU1NS41NTIyODUgMjU2LjQ0OTk0OSw1NTYgMjU3LjAwNjg0NSw1NTYgTDI2OC45OTMxNTUsNTU2IEMyNjkuNTQ5MjIsNTU2IDI3MCw1NTUuNTU2MTM1IDI3MCw1NTUgTDI3MCw1NTQgTDI3MCw1NDYuMzI3NTEgQzI3MCw1NDUuNzc4NDQxIDI2OS41NTk2NTQsNTQ1LjMzMzMzMyAyNjkuMDA3MDMyLDU0NS4zMzMzMzMgTDI2Ny4zMzMzMzMsNTQ1LjMzMzMzMyBaIiBpZD0iUGFnZS0xIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 14px 17px;
  padding-left: 50px;
  opacity: 1;
}

#key {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTQgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGFnZSAxPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iU3RhcnQtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1Ni4wMDAwMDAsIC01MzcuMDAwMDAwKSIgZmlsbD0iI0M1QzVDNSI+ICAgICAgICAgICAgPHBhdGggZD0iTTI2NC4wNjM4MDcsNTUxLjExMTY2MiBDMjY0LjA2MzgwNyw1NTEuNjY2MDQ4IDI2My42MTAyMTgsNTUyLjExOTYzNyAyNjMuMDU1ODMxLDU1Mi4xMTk2MzcgQzI2Mi41MDE0NDQsNTUyLjExOTYzNyAyNjIuMDQ3ODU1LDU1MS42NjYwNDggMjYyLjA0Nzg1NSw1NTEuMTExNjYyIEwyNjIuMDQ3ODU1LDU0OS4wOTU3MSBDMjYyLjA0Nzg1NSw1NDguNTQxMzIzIDI2Mi41MDE0NDQsNTQ4LjA4NzczNCAyNjMuMDU1ODMxLDU0OC4wODc3MzQgQzI2My42MTAyMTgsNTQ4LjA4NzczNCAyNjQuMDYzODA3LDU0OC41NDEzMjMgMjY0LjA2MzgwNyw1NDkuMDk1NzEgTDI2NC4wNjM4MDcsNTUxLjExMTY2MiBaIE0yNTkuNjk1OTExLDU0MS4yMzM4MzQgQzI1OS42OTU5MTEsNTM5LjY0MDIyNSAyNjEuMTI3OTA5LDUzOC4zNDM5NjggMjYyLjg4NzgzNSw1MzguMzQzOTY4IEMyNjQuNjQ3NzYxLDUzOC4zNDM5NjggMjY2LjA3OTc1OCw1MzkuNjQwMjI1IDI2Ni4wNzk3NTgsNTQxLjIzMzgzNCBMMjY2LjA3OTc1OCw1NDUuMzk5Nzk5IEwyNTkuNjk1OTExLDU0NS4zOTk3OTkgTDI1OS42OTU5MTEsNTQxLjIzMzgzNCBaIE0yNjcuMzMzMzMzLDU0NS4zMzMzMzMgTDI2Ny4zMzMzMzMsNTQxLjIwMDMzMyBDMjY3LjMzMzMzMyw1MzguODg0MzMzIDI2NS4zMTQ2NjcsNTM3IDI2Mi44MzMzMzMsNTM3IEMyNjAuMzUyLDUzNyAyNTguMzMzMzMzLDUzOC44ODQzMzMgMjU4LjMzMzMzMyw1NDEuMjAwMzMzIEwyNTguMzMzMzMzLDU0NS4zMzMzMzMgTDI1Ny4wMDMwODUsNTQ1LjMzMzMzMyBDMjU2LjQ0OTA5Niw1NDUuMzMzMzMzIDI1Niw1NDUuNzc1MDMgMjU2LDU0Ni4zMjc1MSBMMjU2LDU1NCBMMjU2LDU1NSBDMjU2LDU1NS41NTIyODUgMjU2LjQ0OTk0OSw1NTYgMjU3LjAwNjg0NSw1NTYgTDI2OC45OTMxNTUsNTU2IEMyNjkuNTQ5MjIsNTU2IDI3MCw1NTUuNTU2MTM1IDI3MCw1NTUgTDI3MCw1NTQgTDI3MCw1NDYuMzI3NTEgQzI3MCw1NDUuNzc4NDQxIDI2OS41NTk2NTQsNTQ1LjMzMzMzMyAyNjkuMDA3MDMyLDU0NS4zMzMzMzMgTDI2Ny4zMzMzMzMsNTQ1LjMzMzMzMyBaIiBpZD0iUGFnZS0xIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 14px 17px;
  padding: 0;
  width: calc(100%);
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  opacity: 1;
  text-align: center;
}

#reseller_id {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZGlzcGxheTpub25lO30uc3Qxe2Rpc3BsYXk6aW5saW5lO30uc3Qye2ZpbGw6IzUxQURERjt9LnN0M3tmaWxsOiNGREZFRkY7fS5zdDR7ZmlsbDpub25lO3N0cm9rZTojRkFGQkZDO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGcgaWQ9IkxheWVyXzEiIGNsYXNzPSJzdDAiPjx0aXRsZT5TaGFwZTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9Il94MzdfN3B3RUEudGlmIiBjbGFzcz0ic3QxIj48aW1hZ2Ugc3R5bGU9Im92ZXJmbG93OnZpc2libGU7IiB3aWR0aD0iMjI1IiBoZWlnaHQ9IjIyNSIgaWQ9IkxheWVyXzBfMV8iIHhsaW5rOmhyZWY9Ijc5MzAzQ0NCMzExOEJERjQucG5nIiAgdHJhbnNmb3JtPSJtYXRyaXgoOC44ODg4ODllLTAyIDAgMCA4Ljg4ODg4OWUtMDIgMCAtMC43MzMyKSI+PC9pbWFnZT48L2c+PC9nPjxnIGlkPSJMYXllcl8yIj48Zz48cmVjdCB5PSIyLjUiIGNsYXNzPSJzdDIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMy4xIi8+PC9nPjxnIGlkPSJQYWdlLTEiPjxnIGlkPSJTdGFydC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUzLjAwMDAwMCwgLTQ4NC4wMDAwMDApIj48cGF0aCBpZD0iU2hhcGUiIGNsYXNzPSJzdDMiIGQ9Ik0yNjAuMyw0OTQuOWMtMC4yLTAuMS0wLjItMC45LTAuMi0wLjlzMC40LTAuNCwwLjYtMC44YzAuMi0wLjMsMC4zLTEuNSwwLjMtMS41YzAuMS0wLjMsMC0wLjYtMC4xLTAuOWMtMC4yLTAuNi0wLjctMS4xLTEuMy0xLjRjMCwwLTAuMy0wLjEtMC42LTAuMWMtMC4yLDAtMC41LDAuMS0wLjUsMC4xYy0wLjYsMC4yLTEuMSwwLjctMS4zLDEuNGMtMC4xLDAuMy0wLjEsMC42LTAuMSwwLjljMCwwLDAuMSwxLjIsMC4zLDEuNWMwLjIsMC4zLDAuNiwwLjgsMC42LDAuOHMwLDAuOC0wLjIsMC45cy0yLjMsMC45LTIuOCwxLjFjLTAuNSwwLjItMC40LDEtMC40LDFoNC40aDQuNGMwLDAsMC0wLjctMC40LTFDMjYyLjcsNDk1LjcsMjYwLjUsNDk1LDI2MC4zLDQ5NC45eiIvPjwvZz48L2c+PGxpbmUgY2xhc3M9InN0NCIgeDE9IjExIiB5MT0iNi4xIiB4Mj0iMTcuMyIgeTI9IjYuMSIvPjxsaW5lIGNsYXNzPSJzdDQiIHgxPSIxMSIgeTE9IjkuMiIgeDI9IjE3LjMiIHkyPSI5LjIiLz48bGluZSBjbGFzcz0ic3Q0IiB4MT0iMTEiIHkxPSIxMi4yIiB4Mj0iMTcuMyIgeTI9IjEyLjIiLz48L2c+PC9zdmc+);
  background-size: 20px 20px;
}

::-webkit-input-placeholder {
  color: #838383;
  opacity: 0.4;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #838383;
  opacity: 0.4;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #838383;
  opacity: 0.4;
}

:-ms-input-placeholder {
  color: #838383;
  opacity: 0.4;
}

.top {
  border: 1px solid #CDCDCD;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  z-index: 999;
}

.middle {
  border: 1px solid #CDCDCD;
  border-top: 1px solid #fff;
  border-radius: 0;
  box-sizing: border-box;
}

.middle.middle.has-error-top {
  border-right: 1px solid #c32d46;
  border-left: 1px solid #c32d46;
  border-top: none;
}

.has-error-top {
  border: 1px solid #c32d46;
  border-bottom: 1px solid #CDCDCD;
}

.bottom {
  border-left: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD;
  border-top: 1px solid #fff;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
}

.has-error-bottom {
  border-left: 1px solid #c32d46;
  border-bottom: 1px solid #c32d46;
  border-right: 1px solid #c32d46;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
}

.error-messages {
  background-color: #c32d46;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  transition: 0.3s;
  -webkit-animation: fadein 100ms;
  animation: fadein 100ms;
}

.error-messages ul {
  list-style: none;
  line-height: 20px;
}

@keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  to {
    opacity: 1;
  }
}

.form-group {
  height: 55px;
}

.form-horizontal {
  margin-top: 16px;
}

/**
  * Reseller logout / Sms Token login
  */
.logout-reseller {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #2476A3;
  text-align: center;
  border-radius: 4px;
  background-image: -webkit-repeating-linear-gradient(140deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02) 2px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(140deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02) 2px, transparent 2px, transparent 5px);
  border: 1px solid rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

.logout-reseller > a {
  color: #fff;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  padding: 15px 30px;
}

.logout-reseller:hover {
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3);
}

.token-link a {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.8;
}

/**
 * Modal
 */
.modal {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.modal > .inner {
  height: 100%;
  display: table;
  width: 100%;
}

.modal > .inner > .panel {
  width: 460px;
  margin: -36px 0 0 -230px;
  display: table-cell;
  vertical-align: middle;
}

.modal > .inner > .panel .panel-inner {
  background: #FFFFFF;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
}

.modal > .inner > .panel .panel-header {
  background-color: #51ADDF;
  padding: 12px 0;
  text-align: center;
}

.modal > .inner > .panel .panel-header > h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
}

.modal > .inner > .panel .panel-content {
  padding: 30px;
  font-size: 14px;
  color: #000000;
  text-align: left;
  line-height: 19px;
}

.modal > .inner > .panel .panel-content strong {
  font-weight: 700;
}

i.title-icon {
  display: inline-block;
  height: 20px;
  width: 30px;
  background: no-repeat 100% center;
  margin-bottom: -2px;
  margin-right: 8px;
}

i.title-icon.i-profiles {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDMwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Ik55dHQtNC4wIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRXJyb3ItU0FNUy1pbmxvZ2duaW5nLWFudsOkbmRhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzEuMDAwMDAwLCAtNDMyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzMS4wMDAwMDAsIDQzMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjUxODc0MTcsMTQuMjY3Nzk2NiBDMjEuMDE3NTMxLDE0LjA2NzMxMjMgMjEuMDUwOTQ1MSwxMS45NjIyMjc2IDIxLjA1MDk0NTEsMTEuOTYyMjI3NiBDMjEuMDUwOTQ1MSwxMS45NjIyMjc2IDIyLjE4NzAyMjYsMTAuODI2MTUwMSAyMi42MjE0MDUxLDkuOTkwNzk5MDMgQzIzLjA1NTc4NzcsOS4xNTU0NDc5NCAyMy4zNTY1MTQxLDYuMTE0NzY5OTggMjMuMzU2NTE0MSw2LjExNDc2OTk4IEMyMy40OTAxNzAzLDUuMzEyODMyOTMgMjMuNDIzMzQyMiw0LjQ3NzQ4MTg0IDIzLjE4OTQ0MzksMy43MDg5NTg4NCBDMjIuNjg4MjMzMiwyLjA3MTY3MDcgMjEuNDUxOTEzNiwwLjc2ODUyMzAwMiAxOS44NDgwMzk1LDAuMTY3MDcwMjE4IEMxOS44NDgwMzk1LDAuMTY3MDcwMjE4IDE5LjA0NjEwMjUsMS4xMzY4NjgzOGUtMTMgMTguNDExMjM1NiwxLjEzNjg2ODM4ZS0xMyBDMTcuNzc2MzY4OCwxLjEzNjg2ODM4ZS0xMyAxNy4wNDEyNTk5LDAuMTY3MDcwMjE4IDE3LjA0MTI1OTksMC4xNjcwNzAyMTggQzE1LjQzNzM4NTgsMC43Njg1MjMwMDIgMTQuMjAxMDY2MiwyLjA3MTY3MDcgMTMuNjk5ODU1NSwzLjcwODk1ODg0IEMxMy40NjU5NTcyLDQuNDc3NDgxODQgMTMuMzk5MTI5MSw1LjMxMjgzMjkzIDEzLjUzMjc4NTMsNi4xMTQ3Njk5OCBDMTMuNTMyNzg1Myw2LjExNDc2OTk4IDEzLjgzMzUxMTcsOS4xNTU0NDc5NCAxNC4yNjc4OTQyLDkuOTkwNzk5MDMgQzE0LjcwMjI3NjgsMTAuODI2MTUwMSAxNS44MDQ5NDAyLDExLjk2MjIyNzYgMTUuODA0OTQwMiwxMS45NjIyMjc2IEMxNS44MDQ5NDAyLDExLjk2MjIyNzYgMTUuODM4MzU0MywxNC4wNjczMTIzIDE1LjMzNzE0MzYsMTQuMjY3Nzk2NiBDMTQuODM1OTMzLDE0LjQ2ODI4MDkgOS4zMjI2MTU3OSwxNi40NzMxMjM1IDguMTUzMTI0MjYsMTcuMDc0NTc2MyBDNi45ODM2MzI3NCwxNy42NzYwMjkxIDcuMDE3MDQ2NzgsMTkuNTgwNjI5NSA3LjAxNzA0Njc4LDE5LjU4MDYyOTUgTDE4LjM3NzgyMTYsMTkuNTgwNjI5NSBMMjkuODM4ODM4NiwxOS41ODA2Mjk1IEMyOS44Mzg4Mzg2LDE5LjU4MDYyOTUgMjkuODM4ODM4NiwxNy42NzYwMjkxIDI4LjcwMjc2MTEsMTcuMDc0NTc2MyBDMjcuNTY2NjgzNiwxNi40NzMxMjM1IDIyLjAxOTk1MjQsMTQuNDY4MjgwOSAyMS41MTg3NDE3LDE0LjI2Nzc5NjYgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjcwMjE3OTIsMTMuMzY1NjE3NCBDMTQuNzAyMTc5MiwxMy4yNjUzNzUzIDE0LjczNTU5MzIsMTMuMTMxNzE5MSAxNC43MzU1OTMyLDEyLjk5ODA2MyBDMTMuMjY1Mzc1MywxMi4zOTY2MTAyIDEwLjc1OTMyMiwxMS40OTQ0MzEgMTAuNDU4NTk1NiwxMS4zNjA3NzQ4IEMxMC4wOTEwNDEyLDExLjIyNzExODYgMTAuMTI0NDU1Miw5LjY5MDA3MjY0IDEwLjEyNDQ1NTIsOS42OTAwNzI2NCBDMTAuMTI0NDU1Miw5LjY5MDA3MjY0IDEwLjk1OTgwNjMsOC44ODgxMzU1OSAxMS4yNjA1MzI3LDguMjUzMjY4NzcgQzExLjU2MTI1OTEsNy42NTE4MTU5OCAxMS43OTUxNTc0LDUuNDQ2NDg5MSAxMS43OTUxNTc0LDUuNDQ2NDg5MSBDMTEuODk1Mzk5NSw0Ljg3ODQ1MDM2IDExLjg2MTk4NTUsNC4yNzY5OTc1OCAxMS42OTQ5MTUzLDMuNzA4OTU4ODQgQzExLjMyNzM2MDgsMi41MDYwNTMyNyAxMC40MjUxODE2LDEuNTcwNDYwMDUgOS4yODkxMDQxMiwxLjEzNjA3NzQ4IEM5LjI4OTEwNDEyLDEuMTM2MDc3NDggOC42ODc2NTEzMywxLjAwMjQyMTMxIDguMjUzMjY4NzcsMS4wMDI0MjEzMSBDNy44MTg4ODYyLDEuMDAyNDIxMzEgNy4yNTA4NDc0NiwxLjEzNjA3NzQ4IDcuMjUwODQ3NDYsMS4xMzYwNzc0OCBDNi4wODEzNTU5MywxLjU3MDQ2MDA1IDUuMTc5MTc2NzYsMi41MDYwNTMyNyA0Ljg0NTAzNjMyLDMuNzA4OTU4ODQgQzQuNjc3OTY2MSw0LjI3Njk5NzU4IDQuNjQ0NTUyMDYsNC44Nzg0NTAzNiA0Ljc0NDc5NDE5LDUuNDQ2NDg5MSBDNC43NDQ3OTQxOSw1LjQ0NjQ4OTEgNC45Nzg2OTI0OSw3LjY1MTgxNTk4IDUuMjc5NDE4ODksOC4yNTMyNjg3NyBDNS41ODAxNDUyOCw4Ljg1NDcyMTU1IDYuNDE1NDk2MzcsOS42OTAwNzI2NCA2LjQxNTQ5NjM3LDkuNjkwMDcyNjQgQzYuNDE1NDk2MzcsOS42OTAwNzI2NCA2LjQ0ODkxMDQxLDExLjIyNzExODYgNi4wODEzNTU5MywxMS4zNjA3NzQ4IEM1LjY0Njk3MzM3LDExLjUyNzg0NSAxLjYzNzI4ODE0LDEyLjk2NDY0ODkgMC44MzUzNTEwOSwxMy4zOTkwMzE1IEMwLjAzMzQxNDA0MzYsMTMuODMzNDE0IDAsMTUuMjAzMzg5OCAwLDE1LjIwMzM4OTggTDguMjE5ODU0NzIsMTUuMjAzMzg5OCBMOS44OTA1NTY5LDE1LjIwMzM4OTggQzExLjE2MDI5MDYsMTQuNzAyMTc5MiAxMi43NjQxNjQ2LDE0LjEwMDcyNjQgMTQuMzY4MDM4NywxMy40OTkyNzM2IEwxNC43MDIxNzkyLDEzLjM2NTYxNzQgTDE0LjcwMjE3OTIsMTMuMzY1NjE3NCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

i.title-icon.i-house {
  width: 20px;
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Ik55dHQtNC4wIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRXJyb3IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQuMDAwMDAwLCAtNDMxLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjY0LjAwMDAwMCwgNDMwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuOTY3NDgzOTYsMjEgQzIuNTkyODI0MTIsMjEgMi4yODgwMTM4MSwyMC43MDQ2MTU4IDIuMjg4MDEzODEsMjAuMzQxNTQyMSBMMi4yODgwMTM4MSwxMC42OTg4ODcyIEwwLjMzODAwMjQyNiwxMC42OTg4ODcyIEwwLjE5ODY0MzA5OCwxMC41NjM5MDMzIEMtMC4wNjYyMTQzNjYsMTAuMzA3MTA0OCAtMC4wNjYyMTQzNjYsOS44ODkzNzkwNyAwLjE5ODY0MzA5OCw5LjYzMjU4MDUgTDAuMjEwMjYyMDM4LDkuNjIxNzgxNzkgTDkuNTI2ODg0OTQsMS4xODU2MTkyOCBDOS42NTQyMTc2NCwxLjA2NTg0NTc5IDkuODIxODQyOTMsMSAxMCwxIEMxMC4xNzgyMjUsMSAxMC4zNDU4NTAzLDEuMDY1ODQ1NzkgMTAuNDczMTE1MSwxLjE4NTY4NTEzIEwxOS43OTU2NDk0LDkuNjI3MTE1MyBMMTkuODAxMzU2OSw5LjYzMjU4MDUgQzIwLjA2NjIxNDQsOS44ODkzNzkwNyAyMC4wNjYyMTQ0LDEwLjMwNzEwNDggMTkuODAxMzU2OSwxMC41NjM5MDMzIEwxOS42NjE5OTc2LDEwLjY5ODg4NzIgTDE3LjcxMTk4NjIsMTAuNjk4ODg3MiBMMTcuNzExOTg2MiwyMC4zNDE1NDIxIEMxNy43MTE5ODYyLDIwLjcwNDYxNTggMTcuNDA3MTc1OSwyMSAxNy4wMzI1MTYsMjEgTDIuOTY3NDgzOTYsMjEgWiBNNy45ODM3NzQyNSwxNC4wNDM0NzgzIEw3Ljk4Mzc3NDI1LDIxIEwxMi40MTkyMDQ0LDIxIEwxMi40MTkyMDQ0LDE0LjA0MzQ3ODMgTDcuOTgzNzc0MjUsMTQuMDQzNDc4MyBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

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