/* Eggshell */
/* Normalize.css */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v11/nj47mAZe0mYUIySgfn0wpQ.ttf) format('truetype')}
@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v11/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype')}
@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v11/DvlFBScY1r-FMtZSYIYoYw.ttf) format('truetype')}
@font-face{font-family:Lato;font-style:italic;font-weight:300;src:local('Lato Light Italic'),local('Lato-LightItalic'),url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}
@font-face{font-family:Lato;font-style:italic;font-weight:400;src:local('Lato Italic'),local('Lato-Italic'),url(https://fonts.gstatic.com/s/lato/v11/LqowQDslGv4DmUBAfWa2Vw.ttf) format('truetype')}
@font-face{font-family:Lato;font-style:italic;font-weight:700;src:local('Lato Bold Italic'),local('Lato-BoldItalic'),url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; 
font-family: 'Myanmar Text','Myanmar Text2',Lato,Arial,'Helvetica Neue',Helvetica,sans-serif; !important }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/* Bourbon */
/* Variables (colors, layout, spacing & typography) */
/* Colors */
/* Spacing */
/* Sizes */
/* Font */
/* Common */
html {
  font-size: 62.5%; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 140%; }

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

/* Forms */
form {
  line-height: 140%;
  margin: 0;
  padding: 0; }

label {
  display: block;
  margin-bottom: 5px; }

input, textarea, select {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

input:not([type=submit]), textarea, .select select {
  background: #F8F9FA;
  border: 1px solid #E2E7F0;
  border-radius: 2px;
  padding: 4px 10px;
  -webkit-transition-property: background, border;
  -moz-transition-property: background, border;
  transition-property: background, border;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s; }
  input:not([type=submit]):hover, textarea:hover, .select select:hover {
    border-color: #b4b8c0; }
  input:not([type=submit]):active, input:not([type=submit]):focus, textarea:active, textarea:focus, .select select:active, .select select:focus {
    background: #FFF;
    border-color: #419BDC;
    outline: none; }
  input:not([type=submit])[disabled], input:not([type=submit])[disabled=disabled], input:not([type=submit])[disabled=true], input:not([type=submit])[disabled], input:not([type=submit])[readonly=true], input:not([type=submit])[readonly=readonly], input:not([type=submit])[readonly], textarea[disabled], textarea[disabled=disabled], textarea[disabled=true], textarea[disabled], textarea[readonly=true], textarea[readonly=readonly], textarea[readonly], .select select[disabled], .select select[disabled=disabled], .select select[disabled=true], .select select[disabled], .select select[readonly=true], .select select[readonly=readonly], .select select[readonly] {
    border-color: #F8F9FA; }
    input:not([type=submit])[disabled]:active, input:not([type=submit])[disabled]:focus, input:not([type=submit])[disabled]:hover, input:not([type=submit])[disabled=disabled]:active, input:not([type=submit])[disabled=disabled]:focus, input:not([type=submit])[disabled=disabled]:hover, input:not([type=submit])[disabled=true]:active, input:not([type=submit])[disabled=true]:focus, input:not([type=submit])[disabled=true]:hover, input:not([type=submit])[disabled]:active, input:not([type=submit])[disabled]:focus, input:not([type=submit])[disabled]:hover, input:not([type=submit])[readonly=true]:active, input:not([type=submit])[readonly=true]:focus, input:not([type=submit])[readonly=true]:hover, input:not([type=submit])[readonly=readonly]:active, input:not([type=submit])[readonly=readonly]:focus, input:not([type=submit])[readonly=readonly]:hover, input:not([type=submit])[readonly]:active, input:not([type=submit])[readonly]:focus, input:not([type=submit])[readonly]:hover, textarea[disabled]:active, textarea[disabled]:focus, textarea[disabled]:hover, textarea[disabled=disabled]:active, textarea[disabled=disabled]:focus, textarea[disabled=disabled]:hover, textarea[disabled=true]:active, textarea[disabled=true]:focus, textarea[disabled=true]:hover, textarea[disabled]:active, textarea[disabled]:focus, textarea[disabled]:hover, textarea[readonly=true]:active, textarea[readonly=true]:focus, textarea[readonly=true]:hover, textarea[readonly=readonly]:active, textarea[readonly=readonly]:focus, textarea[readonly=readonly]:hover, textarea[readonly]:active, textarea[readonly]:focus, textarea[readonly]:hover, .select select[disabled]:active, .select select[disabled]:focus, .select select[disabled]:hover, .select select[disabled=disabled]:active, .select select[disabled=disabled]:focus, .select select[disabled=disabled]:hover, .select select[disabled=true]:active, .select select[disabled=true]:focus, .select select[disabled=true]:hover, .select select[disabled]:active, .select select[disabled]:focus, .select select[disabled]:hover, .select select[readonly=true]:active, .select select[readonly=true]:focus, .select select[readonly=true]:hover, .select select[readonly=readonly]:active, .select select[readonly=readonly]:focus, .select select[readonly=readonly]:hover, .select select[readonly]:active, .select select[readonly]:focus, .select select[readonly]:hover {
      background: #F8F9FA;
      border-color: #F8F9FA; }

.select {
  cursor: pointer;
  display: inline-block; }
  .select > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #FFF;
    cursor: pointer; }

@-webkit-keyframes pulse {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-moz-keyframes pulse {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-ms-keyframes pulse {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-o-keyframes pulse {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@keyframes pulse {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-webkit-keyframes spinning {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-moz-keyframes spinning {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-ms-keyframes spinning {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-o-keyframes spinning {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes spinning {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

/* Default styles */
body {
  background: #FFF;
  color: #5d6060;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: normal;
  position: relative; }

a {
  cursor: pointer;
  color: #1b2631 ;
  text-decoration: none; }
  a:hover {
    color: #3a8bc6; }

h1, h2, h3, h4, h5, h6 {
  color: #282C2C;
  text-align: center;
  font-weight: normal;
  line-height: 140%;
  margin: 0 0 20px; }

h1 {
  font-size: 32px;
  font-size: 3.2rem; }

h2 {
  font-size: 24px;
  font-size: 2.4rem; }

h3, h4, h5, h6 {
  font-size: 16px;
  font-size: 1.6rem; }

p {
  margin: 0 0 20px; }

ul, ol {
  margin: 0 0 10px 20px;
  padding: 0; }
  ul li, ol li {
    padding: 0 0 10px; }
  ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0; }
    ul ul li, ul ol li, ol ul li, ol ol li {
      padding: 10px 0 0; }

small {
  font-size: 12px;
  font-size: 1.2rem; }

button {
  background: transparent;
  border: 0;
  color: inherit;
  outline: none; }

.button, a.button, button.button {
  background: #419BDC;
  border-radius: 2px;
  color: #FFF;
  display: inline-block;
  outline: none;
  padding: 4px 20px;
  -webkit-transition-property: background, border, color;
  -moz-transition-property: background, border, color;
  transition-property: background, border, color;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  border: 1px solid #3a8bc6;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  text-transform: uppercase; }
  .button:hover, .button:focus, a.button:hover, a.button:focus, button.button:hover, button.button:focus {
    background: #54a5df;
    color: #FFF;
    text-decoration: none; }
  .button:active, .button.active, a.button:active, a.button.active, button.button:active, button.button.active {
    background: #3a8bc6;
    color: #FFF;
    text-decoration: none; }
  .button[disabled=disabled], .button[disabled=true], .button[disabled], a.button[disabled=disabled], a.button[disabled=true], a.button[disabled], button.button[disabled=disabled], button.button[disabled=true], button.button[disabled] {
    background: #fafafa;
    border-color: #e1e1e1;
    color: #7e8080; }
  .button.add, a.button.add, button.button.add {
    background: #53BF7A;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    outline: none;
    padding: 4px 20px;
    -webkit-transition-property: background, border, color;
    -moz-transition-property: background, border, color;
    transition-property: background, border, color;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    border: 1px solid #4aab6d; }
    .button.add:hover, .button.add:focus, a.button.add:hover, a.button.add:focus, button.button.add:hover, button.button.add:focus {
      background: #64c587;
      color: #FFF;
      text-decoration: none; }
    .button.add:active, .button.add.active, a.button.add:active, a.button.add.active, button.button.add:active, button.button.add.active {
      background: #4aab6d;
      color: #FFF;
      text-decoration: none; }
    .button.add[disabled=disabled], .button.add[disabled=true], .button.add[disabled], a.button.add[disabled=disabled], a.button.add[disabled=true], a.button.add[disabled], button.button.add[disabled=disabled], button.button.add[disabled=true], button.button.add[disabled] {
      background: #fafafa;
      border-color: #e1e1e1;
      color: #7e8080; }

.cancel, .remove {
  color: #a9aaaa;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase; }
  .cancel:hover, .remove:hover {
    color: #3a8bc6; }

.remove:hover {
  color: #F77A7E; }

.header .controls, .actions .controls, table .controls {
  float: right; }
  .header .controls > *, .actions .controls > *, table .controls > * {
    margin-left: 5px;
    vertical-align: middle; }

code, .code {
  background: #F8F9FA;
  border: 1px solid #E2E7F0;
  border-radius: 2px;
  display: inline-block;
  font-family: 'Lucidatypewriter', monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 140%;
  padding: 0 5px; }

pre code, pre .code {
  display: block;
  padding: 5px 10px;
  white-space: pre-wrap; }

.dropdown {
  display: inline-block;
  position: relative; }
  .dropdown .options {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 999; }
    .dropdown .options > a {
      display: block;
      float: none;
      white-space: nowrap;
      width: auto; }
  .dropdown.active .options {
    display: block; }
  .dropdown:hover .options {
    display: block; }
  .dropdown .options:hover {
    display: block; }
  .dropdown > *:first-child {
    cursor: pointer; }
  .dropdown > a, .dropdown .options > a {
    color: inherit; }
    .dropdown > a:hover, .dropdown .options > a:hover {
      text-decoration: none; }
  .dropdown .options {
    background: #FFF;
    border: 1px solid #E2E7F0;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.03) 0 1px 0 0; }
    .dropdown .options > .item, .dropdown .options > a {
      display: block;
      margin: 4px 0;
      padding: 4px 10px;
      white-space: nowrap;
      -webkit-transition-property: background;
      -moz-transition-property: background;
      transition-property: background;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s; }
      .dropdown .options > .item:hover, .dropdown .options > a:hover {
        background: #F8F9FA; }
    .dropdown .options .separated {
      margin-top: 10px;
      position: relative; }
      .dropdown .options .separated:after {
        content: ' ';
        display: block;
        border-top: 1px solid #E2E7F0;
        left: 0;
        position: absolute;
        top: -5px;
        width: 100%; }

/* Forms */
.field {
  margin-bottom: 10px; }

/* Validation */
.field .status:before {
  display: inline-block;
  font-family: 'icons';
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  margin-left: 5px; }

.field .description {
  color: #a9aaaa;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px; }

input:not([type=submit]).ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid {
  border-color: #F77A7E; }
  input:not([type=submit]).ng-dirty.ng-invalid + .description, input:not([type=submit]).ng-dirty.ng-invalid + .status + .description, textarea.ng-dirty.ng-invalid + .description, textarea.ng-dirty.ng-invalid + .status + .description {
    color: #F77A7E; }
  input:not([type=submit]).ng-dirty.ng-invalid + .status:before, textarea.ng-dirty.ng-invalid + .status:before {
    color: #F77A7E;
    content: 'x'; }
input:not([type=submit]).ng-valid + .status:before, textarea.ng-valid + .status:before {
  color: #53BF7A;
  content: 'o'; }
input:not([type=submit]).processing + .status:before, textarea.processing + .status:before {
  color: #419BDC;
  content: 'l';
  -webkit-animation: spinning 1.2s linear infinite;
  -moz-animation: spinning 1.2s linear infinite;
  -ms-animation: spinning 1.2s linear infinite;
  -o-animation: spinning 1.2s linear infinite;
  animation: spinning 1.2s linear infinite; }

label, .label {
  font-size: 12px;
  font-size: 1.2rem;
  color: inherit;
  margin: 0 0 4px;
  text-transform: uppercase; }

.select {
  position: relative; }
  .select:after {
    bottom: 0;
    color: #a9aaaa;
    font-family: 'icons';
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: '/';
    cursor: pointer;
    line-height: inherit;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 0; }
    .select:after:hover {
      color: inherit; }
  .select:hover:after {
    color: inherit; }
  .select select {
    padding-right: 30px; }

/* Newly added element */
@-webkit-keyframes new {
  1% {
    box-shadow: 0 0px 3px rgba(65, 155, 220, 0.2);
    border-color: #419BDC; } }

@-moz-keyframes new {
  1% {
    box-shadow: 0 0px 3px rgba(65, 155, 220, 0.2);
    border-color: #419BDC; } }

@-ms-keyframes new {
  1% {
    box-shadow: 0 0px 3px rgba(65, 155, 220, 0.2);
    border-color: #419BDC; } }

@-o-keyframes new {
  1% {
    box-shadow: 0 0px 3px rgba(65, 155, 220, 0.2);
    border-color: #419BDC; } }

@keyframes new {
  1% {
    box-shadow: 0 0px 3px rgba(65, 155, 220, 0.2);
    border-color: #419BDC; } }

.empty {
  background: #F8F9FA;
  border-radius: 2px;
  padding: 15px;
  text-align: center; }

.list {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0; }
  .list .item, .list > .header, .list > .footer {
    border: 1px solid #E2E7F0;
    border-bottom-width: 0;
    padding: 0; }
    .list .item.new, .list > .header.new, .list > .footer.new {
      -webkit-animation: new 4s linear;
      -moz-animation: new 4s linear;
      -ms-animation: new 4s linear;
      -o-animation: new 4s linear;
      animation: new 4s linear; }
    .list .item.collapsible, .list > .header.collapsible, .list > .footer.collapsible {
      -webkit-transition-property: border;
      -moz-transition-property: border;
      transition-property: border;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s; }
      .list .item.collapsible:hover, .list > .header.collapsible:hover, .list > .footer.collapsible:hover {
        border-color: #c0c4cc; }
        .list .item.collapsible:hover + .item, .list > .header.collapsible:hover + .item, .list > .footer.collapsible:hover + .item {
          border-top-color: #c0c4cc; }
      .list .item.collapsible.active .body, .list > .header.collapsible.active .body, .list > .footer.collapsible.active .body {
        display: block; }
  .list > .item:first-child, .list > .header {
    border-radius: 2px 2px 0 0; }
  .list > .item:last-child, .list > .footer {
    border-radius: 0 0 2px 2px;
    border-bottom-width: 1px; }

.loading {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .loading:before {
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    content: ' ';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999; }
  .loading:after {
    background: #282C2C;
    border: 1px solid #000;
    border-radius: 50%;
    color: #FFF;
    content: 'L';
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'icons';
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    left: 50%;
    line-height: 1;
    margin-left: -1.7rem;
    margin-top: -1.7rem;
    opacity: 0.3;
    padding: 0.5rem;
    position: absolute;
    -webkit-animation: spinning 1.2s linear infinite;
    -moz-animation: spinning 1.2s linear infinite;
    -ms-animation: spinning 1.2s linear infinite;
    -o-animation: spinning 1.2s linear infinite;
    animation: spinning 1.2s linear infinite;
    top: 50%;
    z-index: 999; }



table {
  margin: 0 0 20px; }
  table th {
    padding: 5px 10px; }
  table td {
    padding: 15px 10px; }
  table th:first-child, table td:first-child {
    padding-left: 5px; }
  table th:last-child, table td:last-child {
    padding-right: 5px; }
  table thead {
    color: #a9aaaa;
    font-size: 12px;
    font-size: 1.2rem; }
    table thead th {
      font-weight: normal;
      white-space: nowrap; }
  table tbody tr {
    border-top: 1px solid #E2E7F0;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    table tbody tr:last-child {
      border-bottom: 1px solid #E2E7F0; }
    table tbody tr:hover {
      border-color: #c0c4cc; }
      table tbody tr:hover + tr {
        border-top-color: #c0c4cc; }

/* Size */
/* General */
body {
  font-size: 15px;
  background: #F8F9FA;
  font-family: 'Open Sans', 'Myanmartext', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  letter-spacing: 0.4px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

em {
  font-style: normal; }

/* Forms */
input:not([type='submit']), textarea {
  background: #FFF; }

form .item {
  position: relative;
  padding-bottom: 30px; }
  form .item:after {
    content: "";
    display: table;
    clear: both; }
  form .item label {
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: capitalize; }
  form .item input:not([type='submit']), form .item select {
    border-radius: 0px;
    height: 40px;
    box-sizing: border-box;
    width: 100%; }
  form .item input[type='text'][readonly=true] {
    border-color: #E2E7F0;
    background: #F8F9FA; }
  form .item textarea {
    box-sizing: border-box;
    resize: none;
    width: 100%;
    height: 100px; }
  form .item select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid #E2E7F0;
    background-color: white;
    cursor: pointer; }
    form .item select:focus {
      outline: none;
      box-shadow: 0px; }
  form .item p {
    bottom: 10px;
    display: none;
    color: #F77A7E;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 0px;
    position: absolute;
    right: 0px;
    text-align: right; }
  form .item.error input, form .item.error textarea, form .item.error select {
    border-color: #F77A7E; }
  form .item.error p {
    display: block; }
  form .item.radio-group .radiobutton {
    float: left;
    line-height: 40px;
    margin-right: 40px;
    padding-left: 20px;
    position: relative;
    width: auto; }
    form .item.radio-group .radiobutton label {
      float: left;
      margin-bottom: 0px;
      width: auto; }
    form .item.radio-group .radiobutton input[type='radio'] {
      position: absolute;
      left: 0px;
      top: 0px;
      width: auto; }
form h2 {
  border-bottom: 1px solid #F8F9FA;
  padding-bottom: 30px;
  text-align: center;
  margin-bottom: 20px; }

.action {
  box-sizing: border-box;
  padding-top: 20px;
  position: relative;
  text-align: right;
  width: 100%; }
  .action .button {
    border: 0px !important;
    height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.3px;
    padding: 7px 40px !important; }
    .action .button.cancel {
      background: #a9aaaa;
      border-radius: 2px;
      color: #FFF;
      display: inline-block;
      outline: none;
      padding: 4px 20px;
      -webkit-transition-property: background, border, color;
      -moz-transition-property: background, border, color;
      transition-property: background, border, color;
      -webkit-transition-duration: 0.1s;
      -moz-transition-duration: 0.1s;
      transition-duration: 0.1s;
      border: 1px solid #989999;
      border: 0px;
      margin-right: 10px; }
      .action .button.cancel:hover, .action .button.cancel:focus {
        background: #b1b2b2;
        color: #FFF;
        text-decoration: none; }
      .action .button.cancel:active, .action .button.cancel.active {
        background: #989999;
        color: #FFF;
        text-decoration: none; }
      .action .button.cancel[disabled=disabled], .action .button.cancel[disabled=true], .action .button.cancel[disabled] {
        background: #fafafa;
        border-color: #e1e1e1;
        color: #7e8080; }
    .action .button.submit {
      background: #53BF7A;
      border-radius: 2px;
      color: #FFF;
      display: inline-block;
      outline: none;
      padding: 4px 20px;
      -webkit-transition-property: background, border, color;
      -moz-transition-property: background, border, color;
      transition-property: background, border, color;
      -webkit-transition-duration: 0.1s;
      -moz-transition-duration: 0.1s;
      transition-duration: 0.1s;
      border: 1px solid #4aab6d;
      border: 0px; }
      .action .button.submit:hover, .action .button.submit:focus {
        background: #64c587;
        color: #FFF;
        text-decoration: none; }
      .action .button.submit:active, .action .button.submit.active {
        background: #4aab6d;
        color: #FFF;
        text-decoration: none; }
      .action .button.submit[disabled=disabled], .action .button.submit[disabled=true], .action .button.submit[disabled] {
        background: #fafafa;
        border-color: #e1e1e1;
        color: #7e8080; }
    .action .button.save {
      background: #419BDC;
      border-radius: 2px;
      color: #FFF;
      display: inline-block;
      outline: none;
      padding: 4px 20px;
      -webkit-transition-property: background, border, color;
      -moz-transition-property: background, border, color;
      transition-property: background, border, color;
      -webkit-transition-duration: 0.1s;
      -moz-transition-duration: 0.1s;
      transition-duration: 0.1s;
      border: 1px solid #3a8bc6;
      border: 0px;
      position: relative; }
      .action .button.save:hover, .action .button.save:focus {
        background: #54a5df;
        color: #FFF;
        text-decoration: none; }
      .action .button.save:active, .action .button.save.active {
        background: #3a8bc6;
        color: #FFF;
        text-decoration: none; }
      .action .button.save[disabled=disabled], .action .button.save[disabled=true], .action .button.save[disabled] {
        background: #fafafa;
        border-color: #e1e1e1;
        color: #7e8080; }
    .action .button.add {
      border: 0px; }
      .action .button.add.village {
        margin-left: 10px; }
    .action .button.merge {
      border: 0px; }
    .action .button.add.spinning, .action .button.merge.spinning, .action .button.save.spinning, .action .button.transfer.spinning {
      padding-left: 50px !important;
      padding-right: 30px !important; }
      .action .button.add.spinning i, .action .button.merge.spinning i, .action .button.save.spinning i, .action .button.transfer.spinning i {
        left: 12px;
        top: 8px;
        border: 5px solid rgba(255, 255, 255, 0.2);
        border-top: 5px solid rgba(255, 255, 255, 0.6);
        border-radius: 100%;
        height: 12px;
        position: absolute;
        width: 12px;
        -webkit-animation: spinning 1.5s linear infinite;
        -moz-animation: spinning 1.5s linear infinite;
        animation: spinning 1.5s linear infinite; }

.button, a.button, button.button {
  border: 0px !important;
  height: 23px; }

/* Header */
#header {
  background: #FFF;
  border-bottom: 1px solid #E2E7F0;
  min-width: 1040px; }
  #header:after {
    content: "";
    display: table;
    clear: both; }
  #header .menu {
    float: right;
    text-transform: capitalize; }
    #header .menu a {
      float: left; }
  #header h1, #header h2, #header a {
    border-left: 1px solid #E2E7F0;
    color: inherit;
    display: block;
    float: left;
    font-size: 13px;
    line-height: inherit;
    margin: 0;
    padding: 17px;
    text-transform: capitalize; }
    #header h1.home, #header h2.home, #header a.home {
      border-left: 0;
      height: 32px;
      padding: 15px; }
      #header h1.home .logo, #header h2.home .logo, #header a.home .logo {
        height: 32px; }
  #header h2 {
    border-left: 0px;
    font-weight: normal;
    padding: 20px 5px; }
  #header a.active, #header a:hover {
    background: #f9fafb; }

/* Main */
#main {
  float: left;
  padding: 40px 0;
  text-align: center;
  width: 100%;
}


@font-face {
  font-family: 'Open Sans';
  src: url('fonts/opensans-bold-webfont.eot');
  src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#Icons') format('svg');
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/opensans-regular-webfont.eot');
  src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#Icons') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/opensans-bolditalic-webfont.eot');
  src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bolditalic-webfont.woff') format('woff'), url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-bolditalic-webfont.svg#Icons') format('svg');
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/opensans-italic-webfont.eot');
  src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-italic-webfont.woff') format('woff'), url('fonts/opensans-italic-webfont.ttf') format('truetype'), url('fonts/opensans-italic-webfont.svg#Icons') format('svg');
  font-weight: normal;
  font-style: italic; }

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

/* Popup */
.popup {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0px;
  overflow-y: scroll;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1000;
  -webkit-transition: all, 0.3s, ease;
  -moz-transition: all, 0.3s, ease;
  transition: all, 0.3s, ease;
  /* Add */
  /* transfer village */
  /* Merge */
  /* Transfer */
  /* Create */
  /*Matching*/
  /* Confirm */ }
  .popup.hide {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -ms-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99); }
  .popup.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .popup .close-delimitation, .popup .close {
    color: #fff;
    position: absolute;
    right: 30px;
    top: 30px; }
    .popup .close-delimitation:hover, .popup .close:hover {
      color: rgba(255, 255, 255, 0.8); }
    .popup .close-delimitation:after, .popup .close:after {
      font-family: 'icons';
      font-variant: normal;
      font-weight: normal;
      speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      content: 'X';
      font-size: 26px;
      font-size: 2.6rem; }
  .popup .popup-scroller {
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0; }
    .popup .popup-scroller .popup-container {
      background: #fff;
      box-sizing: border-box;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
      padding: 20px;
      position: relative;
      margin: 0 auto;
      width: 400px; }
      .popup .popup-scroller .popup-container:after {
        content: "";
        display: table;
        clear: both; }
      .popup .popup-scroller .popup-container h2 {
        border-bottom: 1px solid #F8F9FA;
        padding-bottom: 30px;
        text-align: center;
        margin-bottom: 20px; }
      .popup .popup-scroller .popup-container .action {
        padding: 40px 0 0;
        float: left; }
        .popup .popup-scroller .popup-container .action .button {
          float: right;
          position: relative; }
  .popup.form .popup-container {
    width: 400px;
    padding: 30px;
    top: 50%;
    margin-top: -220px;
    position: absolute;
    left: 50%;
    margin-left: -200px; }
    .popup.form .popup-container .item {
      float: left;
      width: 100%; }
      .popup.form .popup-container .item label {
        font-weight: bold;
        text-align: left; }
      .popup.form .popup-container .item input, .popup.form .popup-container .item select {
        background: #fff;
        border-radius: 0px;
        box-sizing: border-box;
        height: 40px;
        width: 100%; }
      .popup.form .popup-container .item p {
        color: #F77A7E;
        display: none;
        margin-bottom: 0px;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: right; }
      .popup.form .popup-container .item.error p {
        display: block; }
      .popup.form .popup-container .item.error input, .popup.form .popup-container .item.error select {
        border-color: #F77A7E; }
    .popup.form .popup-container form {
      box-shadow: none !important; }
  .popup.add form, .popup.v-transfer form {
    padding: 0px !important;
    width: 100% !important; }
  .popup.v-transfer .popup-container .item input {
    height: 20px; }
  .popup.merge .popup-container {
    margin-top: -300px; }
    .popup.merge .popup-container h2 {
      margin-bottom: 0px !important; }
    .popup.merge .popup-container form {
      padding: 0px !important;
      width: 100% !important; }
    .popup.merge .popup-container ul {
      max-height: 150px;
      list-style: none;
      margin: 0 0 10px 0;
      overflow: auto; }
      .popup.merge .popup-container ul li {
        font-size: 14px;
        font-size: 1.4rem;
        box-sizing: border-box;
        border-bottom: 1px solid #F8F9FA;
        color: #282C2C;
        float: left;
        margin: 0px;
        padding: 12px 0;
        width: 100%; }
        .popup.merge .popup-container ul li span {
          float: left;
          margin-right: 3%;
          text-align: left;
          width: 90%;
          word-wrap: break-word;
          word-break: normal; }
        .popup.merge .popup-container ul li input {
          float: left;
          height: 22px;
          line-height: 22px;
          text-align: right;
          width: 6%; }
  .popup.transfer .wrapper {
    margin-top: 47px; }
    .popup.transfer .wrapper .action {
      float: left; }
      .popup.transfer .wrapper .action .Dropdown {
        float: left;
        height: 40px;
        text-align: left;
        max-width: 600px;
        width: auto; }
        .popup.transfer .wrapper .action .Dropdown .Dropdown-control {
          border-top-left-radius: 2px;
          border-bottom-left-radius: 2px;
          height: 40px;
          line-height: 26px;
          padding: 2px 40px 2px 20px;
          width: auto; }
          .popup.transfer .wrapper .action .Dropdown .Dropdown-control .placeholder {
            font-size: 14px;
            line-height: 15px; }
          .popup.transfer .wrapper .action .Dropdown .Dropdown-control .Dropdown-arrow {
            top: 18px; }
          .popup.transfer .wrapper .action .Dropdown .Dropdown-control .Dropdown-menu {
            text-align: left; }
      .popup.transfer .wrapper .action button {
        border: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        font-size: 14px;
        font-size: 1.4rem;
        float: left;
        height: 40px; }
        .popup.transfer .wrapper .action button.transfer {
          position: relative; }
      .popup.transfer .wrapper .action a {
        float: right;
        box-sizing: border-box;
        line-height: 26px; }
      .popup.transfer .wrapper .action .loader {
        color: #fff;
        display: block;
        height: 33px;
        left: auto;
        margin-top: -36px;
        margin-left: 0px;
        padding-left: 40px;
        right: 170px;
        top: 100%;
        width: auto; }
        .popup.transfer .wrapper .action .loader.default {
          right: 0px !important; }
        .popup.transfer .wrapper .action .loader i {
          border: 5px solid rgba(255, 255, 255, 0.2);
          border-top: 5px solid rgba(255, 255, 255, 0.6);
          border-radius: 100%;
          height: 22px;
          left: 0px;
          position: absolute;
          top: 0px;
          width: 22px;
          -webkit-animation: spinning 1.5s linear infinite;
          -moz-animation: spinning 1.5s linear infinite;
          animation: spinning 1.5s linear infinite; }
        .popup.transfer .wrapper .action .loader > span {
          float: right;
          height: 33px;
          line-height: 33px; }
        .popup.transfer .wrapper .action .loader.pagination {
          margin-left: -200px; }
      .popup.transfer .wrapper .action select {
        border: 1px solid #111;
        background: #fff;
        width: 150px;
        padding: 5px 35px 5px 5px;
        position: relative;
        top: 0px;
        font-size: 16px;
        border: 1px solid #ccc;
        height: 40px; }
    .popup.transfer .wrapper .datalist {
      margin-top: 20px; }
      .popup.transfer .wrapper .datalist thead th:last-child {
        cursor: default; }
        .popup.transfer .wrapper .datalist thead th:last-child:hover:after {
          display: none; }
  .popup.user-create .popup-container {
    margin-left: -520px;
    margin-top: -300px;
    padding: 20px;
    width: 1240px; }
    .popup.user-create .popup-container > h2 {
      padding-bottom: 10px; }
    .popup.user-create .popup-container label {
      margin-top: 10px; }
    .popup.user-create .popup-container input, .popup.user-create .popup-container select {
      background: #fff;
      border-radius: 0px;
      box-sizing: border-box;
      height: 40px; }
    .popup.user-create .popup-container .left {
      box-sizing: border-box;
      float: left;
      padding: 0px 20px 20px;
      width: 50%; }
      .popup.user-create .popup-container .left input {
        box-sizing: border-box;
        width: 100%; }
    .popup.user-create .popup-container .right {
      box-sizing: border-box;
      float: left;
      padding: 0px 20px 20px;
      width: 50%; }
      .popup.user-create .popup-container .right > input {
        box-sizing: border-box;
        width: 100%; }
      .popup.user-create .popup-container .right .date {
        float: left;
        margin-right: 20px;
        width: 100%; }
        .popup.user-create .popup-container .right .date div.date-container {
          width: 250px;
          position: relative; }
          .popup.user-create .popup-container .right .date div.date-container input[readonly] {
            border-color: #E2E7F0;
            width: 100%; }
          .popup.user-create .popup-container .right .date div.date-container:after {
            font-family: 'icons';
            font-variant: normal;
            font-weight: normal;
            speak: none;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            content: 'C';
            color: #000;
            font-size: 20px;
            font-size: 2rem;
            position: absolute;
            right: 8px;
            top: 8px; }
      .popup.user-create .popup-container .right div.role {
        float: right;
        width: 140px; }
        .popup.user-create .popup-container .right div.role select {
          width: 140px; }
      .popup.user-create .popup-container .right .location {
        float: left;
        width: 100%; }
        .popup.user-create .popup-container .right .location .added {
          float: left;
          width: 100%; }
          .popup.user-create .popup-container .right .location .added div {
            box-sizing: border-box;
            background: #e7e7e9;
            border: 0px;
            cursor: default;
            display: inline-block;
            float: left;
            height: 40px;
            line-height: 30px;
            padding: 5px 30px 5px 20px;
            position: relative;
            margin: 0px 10px 10px 0;
            -webkit-transition: all, 0.2s, ease;
            -moz-transition: all, 0.2s, ease;
            transition: all, 0.2s, ease; }
            .popup.user-create .popup-container .right .location .added div button {
              height: 40px;
              line-height: 40px;
              position: absolute;
              padding: 0px;
              right: 0px;
              top: 0px;
              -webkit-transition: all, 0.2s, ease;
              -moz-transition: all, 0.2s, ease;
              transition: all, 0.2s, ease;
              opacity: 0;
              visibility: hidden;
              width: 30px; }
              .popup.user-create .popup-container .right .location .added div button:after {
                font-family: 'icons';
                font-variant: normal;
                font-weight: normal;
                speak: none;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                content: "X";
                font-size: 10px;
                font-size: 1rem;
                position: absolute;
                right: 10px;
                top: -1px; }
            .popup.user-create .popup-container .right .location .added div:hover {
              background: #DCEDFA; }
              .popup.user-create .popup-container .right .location .added div:hover button {
                opacity: 1;
                visibility: visible; }
                .popup.user-create .popup-container .right .location .added div:hover button:hover {
                  color: #F77A7E; }
        .popup.user-create .popup-container .right .location .add, .popup.user-create .popup-container .right .location .v-transfer {
          float: left;
          width: 200px;
          position: relative; }
          .popup.user-create .popup-container .right .location .add input, .popup.user-create .popup-container .right .location .v-transfer input {
            padding-right: 30px;
            width: 200px; }
          .popup.user-create .popup-container .right .location .add button, .popup.user-create .popup-container .right .location .v-transfer button {
            height: 40px;
            position: absolute;
            right: 0px;
            top: 0px;
            width: 40px; }
            .popup.user-create .popup-container .right .location .add button:after, .popup.user-create .popup-container .right .location .v-transfer button:after {
              font-family: 'icons';
              font-variant: normal;
              font-weight: normal;
              speak: none;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              content: 'a';
              font-size: 24px;
              font-size: 2.4rem;
              position: absolute;
              top: 8px;
              right: 5px; }
            .popup.user-create .popup-container .right .location .add button:hover:after, .popup.user-create .popup-container .right .location .v-transfer button:hover:after {
              color: #419BDC; }
            .popup.user-create .popup-container .right .location .add button:active:after, .popup.user-create .popup-container .right .location .v-transfer button:active:after {
              color: #347cb0; }
    .popup.user-create .popup-container .action {
      float: left;
      padding: 20px 20px 20px; }
      .popup.user-create .popup-container .action .hint {
        color: #53BF7A !important;
        height: 40px;
        line-height: 40px;
        margin-right: 20px;
        width: auto !important; }
    .popup.user-create .popup-container .date-picker {
      background: #fff !important; }
      .popup.user-create .popup-container .date-picker table td {
        background-color: #fff !important;
        padding: 0px; }
        .popup.user-create .popup-container .date-picker table td:last-child {
          background-color: #fff !important; }
      .popup.user-create .popup-container .date-picker .dp-nav-view, .popup.user-create .popup-container .date-picker .dp-cell.dp-value, .popup.user-create .popup-container .date-picker .dp-nav-view, .popup.user-create .popup-container .date-picker .dp-cell.dp-value {
        background: #5e9fd4 !important; }
  .popup.matching .popup-container {
    margin-left: -340px;
    margin-top: -283px;
    width: 680px; }
    .popup.matching .popup-container form {
      padding: 0px !important;
      width: auto !important; }
    .popup.matching .popup-container .left, .popup.matching .popup-container .right {
      box-sizing: border-box;
      float: left;
      position: relative;
      width: 50%; }
      .popup.matching .popup-container .left .Select .Select-control .Select-input input, .popup.matching .popup-container .right .Select .Select-control .Select-input input {
        height: auto; }
      .popup.matching .popup-container .left .Select .Select-control .Select-arrow, .popup.matching .popup-container .right .Select .Select-control .Select-arrow {
        top: 17px; }
      .popup.matching .popup-container .left .Select .Select-control .Select-clear, .popup.matching .popup-container .right .Select .Select-control .Select-clear {
        top: 3px; }
      .popup.matching .popup-container .left header, .popup.matching .popup-container .right header {
        color: #282C2C;
        font-weight: bold;
        margin-bottom: 20px;
        padding-right: 50px;
        position: relative; }
        .popup.matching .popup-container .left header i, .popup.matching .popup-container .right header i {
          color: #fff;
          cursor: pointer;
          background: #53BF7A;
          border-radius: 50%;
          position: absolute;
          right: 22px;
          top: 1px;
          text-align: center;
          height: 20px;
          line-height: 20px;
          width: 20px;
          -webkit-transition: all, 0.1s, ease;
          -moz-transition: all, 0.1s, ease;
          transition: all, 0.1s, ease; }
          .popup.matching .popup-container .left header i:before, .popup.matching .popup-container .right header i:before {
            font-family: 'icons';
            font-variant: normal;
            font-weight: normal;
            speak: none;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            content: 'a';
            font-size: 18px;
            font-size: 1.8rem;
            font-style: normal;
            left: 1px;
            position: absolute;
            top: 0px;
            width: 20px; }
          .popup.matching .popup-container .left header i:hover, .popup.matching .popup-container .right header i:hover {
            background: #3ca361; }
      .popup.matching .popup-container .left ul, .popup.matching .popup-container .right ul {
        height: 300px;
        list-style: none;
        margin: 0px;
        overflow: visible;
        padding-right: 50px; }
        .popup.matching .popup-container .left ul:after, .popup.matching .popup-container .right ul:after {
          content: "";
          display: table;
          clear: both; }
        .popup.matching .popup-container .left ul li, .popup.matching .popup-container .right ul li {
          padding-bottom: 10px; }
          .popup.matching .popup-container .left ul li select, .popup.matching .popup-container .right ul li select {
            margin-bottom: 10px; }
    .popup.matching .popup-container .right select {
      margin-bottom: 0px !important; }
    .popup.matching .popup-container .item {
      position: relative; }
      .popup.matching .popup-container .item i {
        color: #fff;
        cursor: pointer;
        background: #F77A7E;
        border-radius: 50%;
        position: absolute;
        right: -28px;
        top: 9px;
        text-align: center;
        height: 20px;
        line-height: 20px;
        width: 20px;
        -webkit-transition: all, 0.1s, ease;
        -moz-transition: all, 0.1s, ease;
        transition: all, 0.1s, ease; }
        .popup.matching .popup-container .item i:before {
          font-family: 'icons';
          font-variant: normal;
          font-weight: normal;
          speak: none;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          content: 's';
          font-size: 18px;
          font-size: 1.8rem;
          font-style: normal;
          left: 1px;
          position: absolute;
          top: 0px;
          width: 20px; }
        .popup.matching .popup-container .item i:hover {
          background: #f44a4f; }
  .popup.matching.loading .popup-container {
    display: none; }
  .popup.matching.loading:before, .popup.matching.loading:after {
    display: none; }
  .popup.matching.loading .loader {
    display: block !important; }
  .popup.confirm .popup-container {
    margin-left: -225px;
    margin-top: -144px;
    width: 450px; }
    .popup.confirm .popup-container .spinning {
      position: relative; }
      .popup.confirm .popup-container .spinning:before {
        content: '';
        border: 3px solid rgba(255, 255, 255, 0.5);
        border-top: 3px solid rgba(255, 255, 255, 0.25);
        border-radius: 100%;
        height: 10px;
        position: absolute;
        left: 6px;
        top: 12px;
        width: 10px;
        -webkit-animation: spinning 1.5s linear infinite;
        -moz-animation: spinning 1.5s linear infinite;
        animation: spinning 1.5s linear infinite; }

.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); } }

.loader {
  position: absolute;
  width: 62px;
  height: 60px;
  left: 50%;
  top: 50%;
  margin-left: -31px;
  margin-top: -30px;
  color: #fff;
  display: none;
  font-size: 12px;
  font-size: 1.2rem; }

@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }

.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block; }

/* Landing page */
.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../resources/img/intro-bg.jpg) no-repeat center center;
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 7%;
    padding-bottom: 7%;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    .intro-divider {
        width: 100%;
    }
}


.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
/*    background: url(../img/banner-bg.jpg) no-repeat center center; */
      background-color: #575757;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}