/*
 *  Mixins
 */
/*
 *  Import mixins
 */
/*
    Example usage: 
    @include animation(ring, 8s, ease-in-out, 1s, infinite, forward, fowards)
 */
/*
 *  Generates prefixed opacity inlcuding filter for older IE
 *
 *  Example usage:
 *      .selector {
 *          @include x-opacity(0.3);
 *      }
 */
/*
 *  CSS Reset
 */
/* 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; }

/*
 *  Application partials
 */
/**************************************************
 *  Variables
 *************************************************/
/*  1. Globals
 *  ----------
 */
/* Colours */
/* Fonts */
/*  2. Header
 *  ----------
 */
/*  3. Sidebar
 *  ----------
 */
/*  4. Buttons
 *  ----------
 */
/*  5. Input
 *  ----------
 */
/*  6. Modal
 *  ----------
 */
/*
 *  Mixin wrapper - We can't set an include to a variable so this just uses a 
 *  mixin to wrap an include so that we can just call '@include VMBgradient'
 */
/*
 *  Icon Fonts
 */
/*
* Font Face
*/
@font-face {
  font-family: "simple-line-icons";
  src: url("../../../node_modules/simple-line-icons/fonts/Simple-Line-Icons.eot?v=2.4.0");
  src: url("../../../node_modules/simple-line-icons/fonts/Simple-Line-Icons.eot?v=2.4.0#iefix") format("embedded-opentype"), url("../../../node_modules/simple-line-icons/fonts/Simple-Line-Icons.woff2?v=2.4.0") format("woff2"), url("../../../node_modules/simple-line-icons/fonts/Simple-Line-Icons.ttf?v=2.4.0") format("truetype"), url("../../../node_modules/simple-line-icons/fonts/Simple-Line-Icons.woff?v=2.4.0") format("woff"), url("../../../node_modules/simple-line-icons/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
 Use the following code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector,
 but it's slower.
*/
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam {
  font-family: "simple-line-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-user:before {
  content: "\e005"; }

.icon-people:before {
  content: "\e001"; }

.icon-user-female:before {
  content: "\e000"; }

.icon-user-follow:before {
  content: "\e002"; }

.icon-user-following:before {
  content: "\e003"; }

.icon-user-unfollow:before {
  content: "\e004"; }

.icon-login:before {
  content: "\e066"; }

.icon-logout:before {
  content: "\e065"; }

.icon-emotsmile:before {
  content: "\e021"; }

.icon-phone:before {
  content: "\e600"; }

.icon-call-end:before {
  content: "\e048"; }

.icon-call-in:before {
  content: "\e047"; }

.icon-call-out:before {
  content: "\e046"; }

.icon-map:before {
  content: "\e033"; }

.icon-location-pin:before {
  content: "\e096"; }

.icon-direction:before {
  content: "\e042"; }

.icon-directions:before {
  content: "\e041"; }

.icon-compass:before {
  content: "\e045"; }

.icon-layers:before {
  content: "\e034"; }

.icon-menu:before {
  content: "\e601"; }

.icon-list:before {
  content: "\e067"; }

.icon-options-vertical:before {
  content: "\e602"; }

.icon-options:before {
  content: "\e603"; }

.icon-arrow-down:before {
  content: "\e604"; }

.icon-arrow-left:before {
  content: "\e605"; }

.icon-arrow-right:before {
  content: "\e606"; }

.icon-arrow-up:before {
  content: "\e607"; }

.icon-arrow-up-circle:before {
  content: "\e078"; }

.icon-arrow-left-circle:before {
  content: "\e07a"; }

.icon-arrow-right-circle:before {
  content: "\e079"; }

.icon-arrow-down-circle:before {
  content: "\e07b"; }

.icon-check:before {
  content: "\e080"; }

.icon-clock:before {
  content: "\e081"; }

.icon-plus:before {
  content: "\e095"; }

.icon-minus:before {
  content: "\e615"; }

.icon-close:before {
  content: "\e082"; }

.icon-event:before {
  content: "\e619"; }

.icon-exclamation:before {
  content: "\e617"; }

.icon-organization:before {
  content: "\e616"; }

.icon-trophy:before {
  content: "\e006"; }

.icon-screen-smartphone:before {
  content: "\e010"; }

.icon-screen-desktop:before {
  content: "\e011"; }

.icon-plane:before {
  content: "\e012"; }

.icon-notebook:before {
  content: "\e013"; }

.icon-mustache:before {
  content: "\e014"; }

.icon-mouse:before {
  content: "\e015"; }

.icon-magnet:before {
  content: "\e016"; }

.icon-energy:before {
  content: "\e020"; }

.icon-disc:before {
  content: "\e022"; }

.icon-cursor:before {
  content: "\e06e"; }

.icon-cursor-move:before {
  content: "\e023"; }

.icon-crop:before {
  content: "\e024"; }

.icon-chemistry:before {
  content: "\e026"; }

.icon-speedometer:before {
  content: "\e007"; }

.icon-shield:before {
  content: "\e00e"; }

.icon-screen-tablet:before {
  content: "\e00f"; }

.icon-magic-wand:before {
  content: "\e017"; }

.icon-hourglass:before {
  content: "\e018"; }

.icon-graduation:before {
  content: "\e019"; }

.icon-ghost:before {
  content: "\e01a"; }

.icon-game-controller:before {
  content: "\e01b"; }

.icon-fire:before {
  content: "\e01c"; }

.icon-eyeglass:before {
  content: "\e01d"; }

.icon-envelope-open:before {
  content: "\e01e"; }

.icon-envelope-letter:before {
  content: "\e01f"; }

.icon-bell:before {
  content: "\e027"; }

.icon-badge:before {
  content: "\e028"; }

.icon-anchor:before {
  content: "\e029"; }

.icon-wallet:before {
  content: "\e02a"; }

.icon-vector:before {
  content: "\e02b"; }

.icon-speech:before {
  content: "\e02c"; }

.icon-puzzle:before {
  content: "\e02d"; }

.icon-printer:before {
  content: "\e02e"; }

.icon-present:before {
  content: "\e02f"; }

.icon-playlist:before {
  content: "\e030"; }

.icon-pin:before {
  content: "\e031"; }

.icon-picture:before {
  content: "\e032"; }

.icon-handbag:before {
  content: "\e035"; }

.icon-globe-alt:before {
  content: "\e036"; }

.icon-globe:before {
  content: "\e037"; }

.icon-folder-alt:before {
  content: "\e039"; }

.icon-folder:before {
  content: "\e089"; }

.icon-film:before {
  content: "\e03a"; }

.icon-feed:before {
  content: "\e03b"; }

.icon-drop:before {
  content: "\e03e"; }

.icon-drawer:before {
  content: "\e03f"; }

.icon-docs:before {
  content: "\e040"; }

.icon-doc:before {
  content: "\e085"; }

.icon-diamond:before {
  content: "\e043"; }

.icon-cup:before {
  content: "\e044"; }

.icon-calculator:before {
  content: "\e049"; }

.icon-bubbles:before {
  content: "\e04a"; }

.icon-briefcase:before {
  content: "\e04b"; }

.icon-book-open:before {
  content: "\e04c"; }

.icon-basket-loaded:before {
  content: "\e04d"; }

.icon-basket:before {
  content: "\e04e"; }

.icon-bag:before {
  content: "\e04f"; }

.icon-action-undo:before {
  content: "\e050"; }

.icon-action-redo:before {
  content: "\e051"; }

.icon-wrench:before {
  content: "\e052"; }

.icon-umbrella:before {
  content: "\e053"; }

.icon-trash:before {
  content: "\e054"; }

.icon-tag:before {
  content: "\e055"; }

.icon-support:before {
  content: "\e056"; }

.icon-frame:before {
  content: "\e038"; }

.icon-size-fullscreen:before {
  content: "\e057"; }

.icon-size-actual:before {
  content: "\e058"; }

.icon-shuffle:before {
  content: "\e059"; }

.icon-share-alt:before {
  content: "\e05a"; }

.icon-share:before {
  content: "\e05b"; }

.icon-rocket:before {
  content: "\e05c"; }

.icon-question:before {
  content: "\e05d"; }

.icon-pie-chart:before {
  content: "\e05e"; }

.icon-pencil:before {
  content: "\e05f"; }

.icon-note:before {
  content: "\e060"; }

.icon-loop:before {
  content: "\e064"; }

.icon-home:before {
  content: "\e069"; }

.icon-grid:before {
  content: "\e06a"; }

.icon-graph:before {
  content: "\e06b"; }

.icon-microphone:before {
  content: "\e063"; }

.icon-music-tone-alt:before {
  content: "\e061"; }

.icon-music-tone:before {
  content: "\e062"; }

.icon-earphones-alt:before {
  content: "\e03c"; }

.icon-earphones:before {
  content: "\e03d"; }

.icon-equalizer:before {
  content: "\e06c"; }

.icon-like:before {
  content: "\e068"; }

.icon-dislike:before {
  content: "\e06d"; }

.icon-control-start:before {
  content: "\e06f"; }

.icon-control-rewind:before {
  content: "\e070"; }

.icon-control-play:before {
  content: "\e071"; }

.icon-control-pause:before {
  content: "\e072"; }

.icon-control-forward:before {
  content: "\e073"; }

.icon-control-end:before {
  content: "\e074"; }

.icon-volume-1:before {
  content: "\e09f"; }

.icon-volume-2:before {
  content: "\e0a0"; }

.icon-volume-off:before {
  content: "\e0a1"; }

.icon-calendar:before {
  content: "\e075"; }

.icon-bulb:before {
  content: "\e076"; }

.icon-chart:before {
  content: "\e077"; }

.icon-ban:before {
  content: "\e07c"; }

.icon-bubble:before {
  content: "\e07d"; }

.icon-camrecorder:before {
  content: "\e07e"; }

.icon-camera:before {
  content: "\e07f"; }

.icon-cloud-download:before {
  content: "\e083"; }

.icon-cloud-upload:before {
  content: "\e084"; }

.icon-envelope:before {
  content: "\e086"; }

.icon-eye:before {
  content: "\e087"; }

.icon-flag:before {
  content: "\e088"; }

.icon-heart:before {
  content: "\e08a"; }

.icon-info:before {
  content: "\e08b"; }

.icon-key:before {
  content: "\e08c"; }

.icon-link:before {
  content: "\e08d"; }

.icon-lock:before {
  content: "\e08e"; }

.icon-lock-open:before {
  content: "\e08f"; }

.icon-magnifier:before {
  content: "\e090"; }

.icon-magnifier-add:before {
  content: "\e091"; }

.icon-magnifier-remove:before {
  content: "\e092"; }

.icon-paper-clip:before {
  content: "\e093"; }

.icon-paper-plane:before {
  content: "\e094"; }

.icon-power:before {
  content: "\e097"; }

.icon-refresh:before {
  content: "\e098"; }

.icon-reload:before {
  content: "\e099"; }

.icon-settings:before {
  content: "\e09a"; }

.icon-star:before {
  content: "\e09b"; }

.icon-symbol-female:before {
  content: "\e09c"; }

.icon-symbol-male:before {
  content: "\e09d"; }

.icon-target:before {
  content: "\e09e"; }

.icon-credit-card:before {
  content: "\e025"; }

.icon-paypal:before {
  content: "\e608"; }

.icon-social-tumblr:before {
  content: "\e00a"; }

.icon-social-twitter:before {
  content: "\e009"; }

.icon-social-facebook:before {
  content: "\e00b"; }

.icon-social-instagram:before {
  content: "\e609"; }

.icon-social-linkedin:before {
  content: "\e60a"; }

.icon-social-pinterest:before {
  content: "\e60b"; }

.icon-social-github:before {
  content: "\e60c"; }

.icon-social-google:before {
  content: "\e60d"; }

.icon-social-reddit:before {
  content: "\e60e"; }

.icon-social-skype:before {
  content: "\e60f"; }

.icon-social-dribbble:before {
  content: "\e00d"; }

.icon-social-behance:before {
  content: "\e610"; }

.icon-social-foursqare:before {
  content: "\e611"; }

.icon-social-soundcloud:before {
  content: "\e612"; }

.icon-social-spotify:before {
  content: "\e613"; }

.icon-social-stumbleupon:before {
  content: "\e614"; }

.icon-social-youtube:before {
  content: "\e008"; }

.icon-social-dropbox:before {
  content: "\e00c"; }

.icon-social-vkontakte:before {
  content: "\e618"; }

.icon-social-steam:before {
  content: "\e620"; }

/*
 *  Register Fonts
 */
@font-face {
  font-family: 'VM Circular Yell';
  src: url("/fonts/VMCircularYell-Black.woff2") format("woff2"), url("/fonts/VMCircularYell-Black.woff") format("woff");
  font-weight: 900; }
@font-face {
  font-family: 'VM Circular Shout';
  src: url("/fonts/VMCircularShout-Bold.woff2") format("woff2"), url("/fonts/VMCircularShout-Bold.woff") format("woff");
  font-weight: bold; }
@font-face {
  font-family: 'VM Circular Chat';
  src: url("/fonts/VMCircularChat.woff2") format("woff2"), url("/fonts/VMCircularChat.woff") format("woff");
  font-weight: normal; }
@font-face {
  font-family: 'VM Circular Whisper';
  src: url("/fonts/VMCircularWhisper-Light.woff2") format("woff2"), url("/fonts/VMCircularWhisper-Light.woff") format("woff");
  font-weight: 300; }
@font-face {
  font-family: 'VM Circular Natter';
  src: url("/fonts/VMCircularNatter-Medium.woff2") format("woff2"), url("/fonts/VMCircularNatter-Medium.woff") format("woff");
  font-weight: 500; }
/*
 *  SCSS begins
 */
* {
  box-sizing: border-box; }

html {
  height: 100%;
  font-size: 62.5%;
  line-height: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important; } }
body, #root, .app {
  height: 100%; }

body {
  color: #3E364A;
  background-color: #FAFAFA;
  font-family: "VM Circular Natter";
  font-weight: normal;
  font-style: normal;
  font-size: 1.4rem; }

a, li {
  text-decoration: none;
  color: #3E364A; }

a, a:hover, a:focus {
  color: #ffffff;
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  display: block;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold; }

h1 {
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em; }

h2 {
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em; }

h3 {
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em; }

h4 {
  margin-top: 1.33em;
  margin-bottom: 1.33em; }

h5 {
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em; }

h6 {
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em; }

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  line-height: 1.3; }

small {
  font-size: 75%; }

.no-padding {
  padding: 0 !important;
  margin: 0 !important; }

[class^="icon-"] {
  display: inline-block; }

.icon-spin {
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear; }

.icon-spin-anticlockwise {
  -webkit-animation: icon-spin-anticlockwise 2s infinite linear;
  animation: icon-spin-anticlockwise 2s infinite linear; }

button:focus {
  outline: none; }

@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes icon-spin-anticlockwise {
  0% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
.chatbot-blink {
  animation-duration: 5s;
  animation-name: chatBotBlink;
  animation-iteration-count: infinite; }

@keyframes chatBotBlink {
  0% {
    height: 4px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  5% {
    height: 0;
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    transform: translate(0, 2px); }
  10% {
    height: 4px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
svg.pulse {
  transform-origin: 50% 50%;
  animation-duration: 1s;
  animation-name: pulse;
  animation-iteration-count: infinite; }

@keyframes pulse {
  from {
    stroke-width: 2px;
    stroke-opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  to {
    stroke-width: 0px !important;
    stroke-opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); } }
/*
 *  CSS for non-specific global elements (Buttons, inputs, modals etc.)
 */
.alert {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  padding: 0;
  color: #FFF;
  border-radius: 2px;
  margin: 20px 0;
  font-family: "VM Circular Shout"; }
  .alert.alert-danger {
    background-color: #C3272B;
    border: 0.1rem solid #991f22;
    color: #ffffff; }
  .alert.alert-danger .add-on::before {
    background: #e26e71; }
  .alert.alert-default {
    background-color: #6C7A89;
    border: 0.1rem solid #56616c;
    color: #ffffff; }
  .alert.alert-default .add-on::before {
    background: #a4adb7; }
  .alert.alert-info {
    background-color: #1B9CE5;
    border: 0.1rem solid #157db8;
    color: #ffffff; }
  .alert.alert-info .add-on::before {
    background: #77c4ef; }
  .alert.alert-success {
    background-color: #007e4b;
    border: 0.1rem solid #004b2d;
    color: #ffffff; }
  .alert.alert-success .add-on::before {
    background: #00e488; }
  .alert.alert-warning {
    background-color: #f27935;
    border: 0.1rem solid #e55c0f;
    color: #ffffff; }
  .alert.alert-warning .add-on::before {
    background: #f8b995; }
  .alert .add-on {
    height: 100%;
    text-align: center;
    position: relative;
    font-family: "VM Circular Yell";
    font-size: 2.5rem;
    width: 35px;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center; }
    .alert .add-on::before {
      content: '';
      width: 1px;
      height: 50%;
      position: absolute;
      top: 25%;
      right: 0; }
  .alert .alert-content {
    font-size: 1.4rem;
    padding: 12px 15px;
    line-height: 1.8rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center; }

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  height: 42px;
  width: 100%;
  background: #F1F1F1;
  border: 2px solid transparent;
  padding: 10px 12px;
  border-radius: 2px;
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "VM Circular Chat";
  font-family: "VM Circular Chat";
  font-family: "VM Circular Chat";
  font-family: "VM Circular Chat"; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  textarea:focus,
  select:focus {
    box-shadow: 0 0 10px 0px #ccc; }

label {
  font-family: "VM Circular Shout";
  margin-bottom: .8rem;
  display: block; }

input[disabled] {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30); }

/*
 *  Switch Toggle 
 */
label.switch {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */ }
  label.switch.active > input .slider {
    background-color: #00B16A; }
  label.switch.active > input .slider:before {
    -webkit-transform: translateX(85px);
    -moz-transform: translateX(85px);
    -ms-transform: translateX(85px);
    transform: translateX(85px); }
  label.switch.active > input .slider .on {
    display: block; }
  label.switch.active > input .slider .off {
    display: none; }
  label.switch > input {
    display: none; }
    label.switch > input:checked + .slider {
      background-color: #00B16A; }
    label.switch > input:checked + .slider:before {
      -webkit-transform: translateX(85px);
      -moz-transform: translateX(85px);
      -ms-transform: translateX(85px);
      transform: translateX(85px); }
    label.switch > input:checked + .slider .on {
      display: block; }
    label.switch > input:checked + .slider .off {
      display: none; }
    label.switch > input:focus + .slider {
      box-shadow: 0 0 1px #2196F3; }
  label.switch .slider {
    width: 125px;
    height: 40px;
    cursor: pointer;
    background-color: #3E364A;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    /* Rounded sliders */ }
    label.switch .slider:before {
      position: absolute;
      content: "";
      height: 30px;
      width: 30px;
      left: 5px;
      bottom: 5px;
      background-color: white;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    label.switch .slider.round {
      border-radius: 34px; }
      label.switch .slider.round:before {
        border-radius: 50%; }
    label.switch .slider .on {
      display: none; }
    label.switch .slider .on, label.switch .slider .off {
      color: white;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      font-size: 12px;
      font-weight: 600;
      backface-visibility: hidden; }

.field-loading svg {
  vertical-align: middle; }
.field-loading span {
  margin-left: 5px; }

.field-error .error-msg {
  color: #fff;
  background: #FF5C54;
  display: block;
  text-align: center;
  padding: 5px;
  margin-top: 8px;
  position: relative;
  border-radius: 4px; }
  .field-error .error-msg:before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #FF5C54 transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -3px; }
.field-error input.highlight.input-error {
  border: 2px solid #FF5C54; }
.field-error input.highlight.input-warning {
  border: 2px solid #F7CA18; }
.field-error .Select.modal-form-select .Select-control {
  border: 2px solid red; }
.field-error .react-datepicker__input-container > input {
  border: 2px solid #FF5C54; }

.hidden-element {
  display: none; }

.Modal {
  max-width: 570px;
  outline: none;
  margin: auto;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0); }
  .Modal.ReactModal__Content--after-open {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .Modal.ReactModal__Content--before-close {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  .Modal .modal-frame {
    max-width: 90%;
    margin: 25px auto;
    background: #FAFAFA;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 16px 5px rgba(41, 41, 41, 0.5);
    -moz-box-shadow: 0 0 16px 5px rgba(41, 41, 41, 0.5);
    box-shadow: 0 0 16px 5px rgba(41, 41, 41, 0.5); }
  .Modal .modal-header {
    padding: 20px 20px 5px 20px;
    margin-bottom: 5px;
    font-family: "VM Circular Shout";
    color: #3E364A;
    border: 0;
    position: relative; }
    .Modal .modal-header h2 {
      font-size: 32px;
      margin: 0 0 5px 0; }
    .Modal .modal-header .alert {
      font-size: 1.2rem;
      display: inline-block; }
  .Modal .modal-body {
    padding: 25px 20px; }
  .Modal .modal-button {
    height: 60px;
    max-height: 75px;
    font-size: 16px;
    font-family: "VM Circular Shout";
    border: 0;
    color: #ffffff;
    border-radius: 0;
    -webkit-appearance: none; }
    .Modal .modal-button.modal-cancel {
      background-color: #3E364A; }
    .Modal .modal-button.modal-submit {
      background-color: #2a2533; }
    .Modal .modal-button i {
      font-size: 25px;
      line-height: 1.5rem; }
  .Modal .modal-footer {
    padding: 0;
    text-align: initial;
    border: 0;
    overflow: hidden;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px; }

.Modal-Overlay {
  position: fixed;
  overflow: auto;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: #40364a;
  background-color: rgba(64, 54, 74, 0.9);
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0); }
  .Modal-Overlay.ReactModal__Overlay--after-open {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
  .Modal-Overlay.ReactModal__Overlay--before-close {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); }

body.ReactModal__Body--open {
  overflow: hidden; }

.Select.modal-form-select.is-disabled {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30); }

.Select.modal-form-select.Select--single .Select-value,
.Select.modal-form-select.Select--single .Select-value-label {
  line-height: 4.2rem; }

.Select--multi .Select-value {
  line-height: 2.5rem; }

.Select.modal-form-select .Select-control {
  background: #F1F1F1;
  border-radius: 0;
  border: 2px solid transparent;
  height: 4.2rem;
  cursor: pointer;
  border: 0;
  border-radius: 2px; }
  .Select.modal-form-select .Select-control .Select-placeholder {
    line-height: 4.2rem; }
  .Select.modal-form-select .Select-control .Select-input {
    line-height: 4.2rem;
    height: 100%; }
  .Select.modal-form-select .Select-control .Select-placeholder,
  .Select.modal-form-select .Select-control .Select-control .Select-value,
  .Select.modal-form-select .Select-control .Select-control .Select-value .Select-value-label {
    padding: 0 45px 0 12px;
    font-family: "VM Circular Chat"; }

.input-with-select input[type="text"],
.input-with-select input[type="email"],
.input-with-select input[type="password"],
.input-with-select textarea,
.input-with-select select {
  border-radius: 2px 0 0 2px; }
.input-with-select .Select.modal-form-select .Select-control {
  background-color: #2a2533;
  border-radius: 0 2px 2px 0; }
.input-with-select .Select-placeholder,
.input-with-select .Select-control .Select-value,
.input-with-select .Select-control .Select-value .Select-value-label {
  color: #ffffff; }
.input-with-select .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.input-with-select .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #ffffff; }

.react-datepicker-wrapper,
.react-datepicker__input-container {
  width: 100%; }

/* Modal Collapsible */
.Collapsible {
  margin-bottom: 8px; }
  .Collapsible .Collapsible__trigger {
    display: block;
    background: #3E364A;
    padding: 10px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer; }
    .Collapsible .Collapsible__trigger.is-open {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .Collapsible .Collapsible__contentOuter {
    background: #FAFAFA;
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2); }
  .Collapsible .Collapsible__contentInner {
    padding: 15px 10px; }

.ReactTable p {
  margin: 0; }
.ReactTable .-loading.-active > div.-loading-inner {
  position: fixed;
  top: 50%;
  padding-left: 250px; }
.ReactTable .rt-noData {
  font-size: 16px;
  background: rgba(64, 54, 74, 0.7);
  color: #fff;
  width: 100%;
  max-width: 200px;
  text-align: center; }
.ReactTable .-pagination {
  padding: 0;
  margin-top: 8px;
  box-shadow: none;
  border-top: 0;
  background: #F5F5F5;
  border: 1px solid #EEE; }
  .ReactTable .-pagination input,
  .ReactTable .-pagination select {
    -webkit-appearance: none;
    -moz-appearance: none; }
  .ReactTable .-pagination .-center {
    -webkit-box-flex: 1 0 50%;
    -moz-box-flex: 1 0 50%;
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 300px; }
  .ReactTable .-pagination .-previous,
  .ReactTable .-pagination .-next {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    border-radius: 0; }
    .ReactTable .-pagination .-previous .-btn,
    .ReactTable .-pagination .-next .-btn {
      padding: 15px;
      border-radius: 0;
      background: #2a2533;
      color: #ffffff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .ReactTable .-pagination .-previous .-btn:enabled:hover,
    .ReactTable .-pagination .-next .-btn:enabled:hover {
      background: #574c67;
      color: #ffffff; }
  .ReactTable .-pagination .-pageSizeOptions {
    margin: 3px 10px;
    position: relative; }
    .ReactTable .-pagination .-pageSizeOptions:before {
      content: "\E604";
      font-family: 'simple-line-icons';
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -5px;
      font-size: 1.2rem;
      pointer-events: none; }
    .ReactTable .-pagination .-pageSizeOptions select {
      padding-right: 30px;
      height: initial; }
      .ReactTable .-pagination .-pageSizeOptions select::-ms-expand {
        display: none; }

/*
 *  Component SCSS
 */
.Login {
  background-image: radial-gradient(50% 99%, #2a2533 50%, #2a2533 70%, #3E364A 100%);
  min-height: 100vh;
  height: 100vh; }
  .Login .page-content .alert {
    width: 100%; }
  .Login .page-content .form-group {
    margin-bottom: 15px; }
  .Login .page-content .box {
    margin: 0; }

@media screen and (min-width: 768px) {
  .Login .page-content .box {
    width: 100%;
    max-width: 730px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch; }
  .Login .page-content .half-box {
    width: 365px !important; } }
.login-form {
  background: #FAFAFA;
  /*height: 100%;*/
  min-height: 250px;
  padding: 35px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }
  .login-form .title {
    font-size: 22px;
    color: #3E364A;
    letter-spacing: 0;
    font-family: "VM Circular Shout";
    margin: 0 0 20px 0; }
  .login-form .input-group {
    width: 100%;
    border-radius: 2px;
    overflow: hidden; }
    .login-form .input-group .form-control {
      z-index: unset; }
      .login-form .input-group .form-control:focus {
        box-shadow: inset 0 0 0 0.2rem rgba(62, 54, 74, 0.25); }
  .login-form .input-group-addon {
    border-radius: 0;
    background: #FF0085;
    color: #ffffff;
    height: 50px;
    width: 50px;
    border: 0; }
    .login-form .input-group-addon .icon {
      height: 30px;
      width: 30px; }
  .login-form .form-control {
    height: 50px;
    border-radius: 0;
    background: #EBE9EA;
    font-family: "VM Circular Natter";
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #3E334A;
    letter-spacing: 0;
    border: 0; }
  .login-form .form-control::placeholder {
    font-family: "VM Circular Natter";
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #757575;
    letter-spacing: 0; }
  .login-form .form-control-feedback {
    line-height: 50px; }
  .login-form .field-error .error-msg {
    display: none; }
  .login-form .btn-submit {
    /* Rectangle 18 Copy 4: */
    background: #2C2533;
    border: 1px solid #352D3E;
    border-radius: 2px;
    color: #ffffff;
    width: 100%;
    height: 50px;
    padding: 0 50px;
    font-size: 18px;
    font-weight: lighter; }
    .login-form .btn-submit .text {
      display: inline-block; }
    .login-form .btn-submit .indicator {
      display: inline-block;
      width: 50px;
      margin-right: -50px; }
  .login-form .btn-submit:hover,
  .login-form .btn-submit:focus {
    color: #ffffff;
    background-color: #2C2533;
    border-color: #352D3E; }
  .login-form .btn-submit:active,
  .login-form .btn-submit:visited {
    color: #ffffff;
    background: #2C2533; }
  .login-form .forgot-password {
    margin-bottom: 0; }
  .login-form .help-block {
    padding-top: 13px;
    padding-bottom: 7px;
    font-size: 12px; }
    .login-form .help-block a {
      color: #3E364A; }
      .login-form .help-block a:hover, .login-form .help-block a:focus {
        color: #3E364A; }
  .login-form .valign {
    display: table-cell;
    vertical-align: middle; }
  .login-form .anchor-align {
    display: inline-block;
    vertical-align: middle; }
  .login-form .anchor-margin-top {
    margin-top: 10px; }
  .login-form .line-height-one {
    line-height: 1; }
  .login-form .gray-tooltip + .tooltip > .tooltip-inner {
    background-color: #383838; }
  .login-form .gray-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #383838; }
  .login-form .qr-code-text {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
    background-color: #ffffff;
    color: #000000; }

.login-message {
  color: #ffffff;
  padding: 35px;
  position: relative;
  background-image: linear-gradient(45deg, #FF0A0A 0, #FF0085 100%);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
  .login-message .title {
    font-size: 36px;
    font-family: "VM Circular Shout";
    color: #FFFFFF;
    letter-spacing: 0;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    line-height: 1; }
  .login-message .description {
    margin-top: 0;
    font-size: 22px;
    font-family: "VM Circular Chat"; }
  .login-message .logo {
    position: relative; }
    .login-message .logo #VirginWifiLogo {
      width: 140px !important; }

@media screen and (min-width: 768px) {
  .login-message .logo {
    position: absolute;
    bottom: 25px;
    right: 25px; } }
/*.forgotpass-form {
    max-width: 370px;
    background: #FAFAFA;
    border-radius: 5px;
    margin: 0 auto;
    padding: 25px 25px 25px 25px;  

    .title {
        font-size: 32px;
        color: #352D3E;
        letter-spacing: 0;
        margin-bottom: 20px;
    }

    .instruc {
        display: inline-block;
        margin-bottom: 10px;
    }

    .input-group {
        width: 100%;
    }
    
    
    .input-group-addon {
        border-radius: 0;  
        background: #2C2533;
        color: #ffffff;
        height: 50px;
        width: 50px;
        .icon {
            height: 30px;
            width: 30px;
        }
    }

    .form-control {
        height: 50px;
        border-radius: 0;    
        background: #CDD1D5;
        font-size: 16px;
        color: #40364A;
        letter-spacing: 0;
        border: 0px;
    }
    
    .form-control::placeholder {
        font-size: 16px;
        color: #40364A;
        letter-spacing: 0;
    }
   
    .form-control-feedback {
        line-height: 50px;
    } 
    
    
    .btn-submit {
        /* Rectangle 18 Copy 4: */
                                  /*
        background: #2C2533;
        border: 1px solid #352D3E;
        border-radius: 4px;
        color: #ffffff;
        width: 100%;
        height: 50px;    
        padding: 0 50px;
        font-size: 18px;
        font-weight: lighter;
    
        .text {
            display: inline-block;
        }
        .indicator {
            display: inline-block;
            width: 50px;
            margin-right: -50px;
        }
    }
    .btn-submit:hover,
    .btn-submit:focus
    {    
        color: #ffffff;
        background-color: #2C2533;
        border-color: #352D3E;       
    }
    .btn-submit:active,
    .btn-submit:visited {
        color: #ffffff;
        background: #2C2533;
    }
    
    .help-block {
        padding-top: 13px;
        padding-bottom: 7px;
        font-size: 12px;
    }
}*/
.header {
  height: 5rem;
  margin-left: 0;
  background: #2a2533;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .header .header-action-wrapper {
    display: inline-block;
    height: 100%;
    width: 50%;
    vertical-align: middle; }
  .header .header-action-icon {
    position: relative;
    height: 100%;
    display: inline-block;
    vertical-align: top; }
    .header .header-action-icon:first-of-type {
      margin-left: 10px; }
    .header .header-action-icon .action-icon {
      height: 100%;
      display: inline-block;
      padding: 0 6px;
      overflow: visible;
      position: relative;
      background: none;
      border: 0;
      font-size: 2.8rem;
      color: #ffffff;
      cursor: pointer;
      -webkit-appearance: none; }
      .header .header-action-icon .action-icon svg {
        vertical-align: middle; }
      .header .header-action-icon .action-icon .icon {
        position: relative; }
      .header .header-action-icon .action-icon.active {
        background-color: #2a2533; }
      .header .header-action-icon .action-icon #ChatBotIcon .ChatBotIcon--eye.left-eye {
        transform-origin: 0 2.5px; }
      .header .header-action-icon .action-icon #ChatBotIcon .ChatBotIcon--eye.right-eye {
        transform-origin: 8px 2.5px; }
    .header .header-action-icon .notification-icon .count {
      font-size: 1.2rem;
      background: #3E364A;
      color: #ffffff;
      border-radius: 5px;
      padding: 4px;
      position: absolute;
      top: -8px;
      right: -10px;
      font-family: "VM Circular Shout";
      min-width: 20px;
      text-align: center;
      -webkit-transition: transform 0.5s ease;
      -moz-transition: transform 0.5s ease;
      -ms-transition: transform 0.5s ease;
      -o-transition: transform 0.5s ease;
      transition: transform 0.5s ease; }
    .header .header-action-icon .notification-icon .icon.no-messages {
      overflow: hidden; }
      .header .header-action-icon .notification-icon .icon.no-messages .count {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); }
    .header .header-action-icon .notification-icon.active + .notification-dropdown {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      visibility: visible; }
  .header .header-right {
    height: 100%;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: right; }
    .header .header-right img.vm-wifi-logo {
      max-width: 80px;
      height: 100%;
      padding: 5px; }
    .header .header-right .site-title {
      display: inline-block;
      vertical-align: middle;
      margin: 0 20px 0 0;
      line-height: 5rem;
      font-family: "VM Circular Shout";
      font-size: 2rem;
      color: #fff;
      text-transform: uppercase; }
    .header .header-right .separator {
      display: inline-block;
      height: 50%;
      width: 1px;
      background: white;
      background: rgba(255, 255, 255, 0.6);
      vertical-align: middle; }
    .header .header-right .logo {
      display: inline-block;
      vertical-align: middle;
      margin: 0 15px 0 20px; }
      .header .header-right .logo #VirginWifiLogo {
        max-width: 65px;
        max-height: 40px; }
  .header .notification-dropdown {
    background: #3E364A;
    border-radius: 4px;
    box-shadow: 2px 6px 8px 5px rgba(153, 153, 153, 0.5);
    z-index: 1;
    position: absolute;
    width: 200px;
    top: 60px;
    left: 10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden; }
    .header .notification-dropdown:before {
      content: " ";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 11px 10px 10px;
      border-color: transparent transparent #2a2533 transparent;
      position: absolute;
      bottom: 100%;
      left: 10px; }
    .header .notification-dropdown .dropdown-header {
      padding: 10px 15px;
      background-color: #2a2533;
      color: #ffffff; }
    .header .notification-dropdown .dropdown-header .title {
      font-size: 1.6rem; }
    .header .notification-dropdown .dropdown-header .new-count {
      background: #ffffff;
      color: red;
      padding: 6px;
      border-radius: 50px;
      display: inline-block;
      margin-left: 15px; }
    .header .notification-dropdown li.dd-item {
      padding: 10px 5px 10px 10px;
      border-bottom: 1px solid #2a2533;
      color: #ffffff; }

.SidebarToggle {
  height: 100%;
  padding: 0 10px;
  background: #FF0A0A;
  background: -moz-linear-gradient(90deg, #FF0A0A 0%, #FF0085 100%);
  background: -webkit-linear-gradient(90deg, #FF0A0A 0%, #FF0085 100%);
  background: linear-gradient(90deg, #FF0A0A 0%, #FF0085 100%);
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0A0A',endColorstr='#FF0085',GradientType=1 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0A0A',endColorstr='#FF0085',GradientType=1 );
  cursor: pointer;
  width: 250px;
  border: 0;
  text-align: left;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  /* Styling for when the sidebar is hidden */ }
  .SidebarToggle.sidebar-small {
    width: 50px; }
    .SidebarToggle.sidebar-small .toggle-text {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      visibility: hidden; }
  .SidebarToggle .toggler {
    height: 50px;
    width: 35px;
    padding-top: 8px;
    display: inline-block;
    vertical-align: middle; }
  .SidebarToggle .toggle-icon {
    width: 30px;
    height: 3px;
    background: #fff;
    border-radius: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .SidebarToggle .toggle-icon:before, .SidebarToggle .toggle-icon:after {
      content: " ";
      height: 3px;
      background: #fff;
      border-radius: 15px;
      position: absolute;
      left: 0; }
    .SidebarToggle .toggle-icon:before {
      width: 22.5px;
      top: 10px; }
    .SidebarToggle .toggle-icon:after {
      width: 15px;
      top: 20px; }
  .SidebarToggle .toggle-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    white-space: nowrap;
    font-size: 1.4rem;
    font-family: "VM Circular Shout";
    color: #fff; }

.Footer {
  background: #2C2533;
  position: fixed;
  bottom: 0;
  color: #ffffff;
  margin: 0;
  width: 100%;
  font-size: 1.1rem;
  z-index: 9999;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 20px 25px;
  text-transform: uppercase; }
  .Footer > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .Footer > div ul li {
      font-size: 1.1rem;
      color: #fff;
      letter-spacing: 0;
      display: inline-block;
      padding: 0 12px;
      border-left: 1px solid #FF0A0A;
      text-transform: uppercase; }
      .Footer > div ul li:first-child {
        border-left: 0; }
    .Footer > div:first-child {
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: flex-start;
      color: #999; }
    .Footer > div:last-child {
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: flex-end; }
  .Footer .logo {
    max-width: 140px; }
    .Footer .logo .vm-wifi-logo,
    .Footer .logo svg {
      max-height: 50px;
      padding: 5px 0;
      vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .Footer {
      position: relative;
      -webkit-flex-direction: column-reverse;
      -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      padding: 20px 0; }
      .Footer > div {
        text-align: center;
        margin-bottom: 12px;
        font-size: 1rem; }
        .Footer > div:first-child {
          margin-bottom: 0; }
        .Footer > div ul li {
          padding: 0 8px; }
      .Footer .logo .vm-wifi-logo {
        padding: 0; } }

.not-found {
  /* Rectangle 20: */
  background-image: radial-gradient(50% 99%, #2a2533 50%, #2a2533 70%, #3E364A 100%);
  min-height: 100vh; }
  .not-found .outer-box {
    margin: 0 auto;
    max-width: 740px; }
    .not-found .outer-box .logo {
      margin: 80px auto;
      text-align: center; }
      .not-found .outer-box .logo .vm-wifi-logo {
        width: 163px;
        height: 93px; }
    .not-found .outer-box .box {
      height: 250px;
      background-image: linear-gradient(90deg, #FF072F 4%, #FF0285 100%);
      color: #ffffff;
      padding: 50px 0 25px;
      text-align: center;
      border-radius: 20px; }
      .not-found .outer-box .box .title {
        font-size: 32px;
        color: #FFFFFF;
        letter-spacing: 0;
        margin: 0; }
      .not-found .outer-box .box .sub-title {
        margin: 20px 0;
        font-size: 22px; }

@media screen and (max-width: 768px) {
  .not-found .page-content {
    padding: 10px; }
  .not-found .outer-box .logo {
    margin: 10px auto; }
    .not-found .outer-box .logo .vm-wifi-logo {
      width: 100px;
      height: 57px; }
  .not-found .outer-box .box {
    max-height: 250px; } }
html, body {
  overflow-x: hidden;
  height: 100%; }

body {
  background: #FAFAFA;
  padding: 0;
  margin: 0; }

.wrapper {
  padding: 0; }
  .wrapper .Footer {
    position: fixed !important; }
  .wrapper .Header {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background: -webkit-linear-gradient(270deg, #2a2533 0%, #2a2533 4%, #2a2533 44%, #2a2533 86%, #3e364a 100%, #3e364a 100%);
    background: -moz-linear-gradient(180deg, #2a2533 0%, #2a2533 4%, #2a2533 44%, #2a2533 86%, #3e364a 100%, #3e364a 100%);
    background: linear-gradient(180deg, #2a2533 0%, #2a2533 4%, #2a2533 44%, #2a2533 86%, #3e364a 100%, #3e364a 100%);
    position: fixed;
    height: 50px !important;
    overflow: hidden; }
    .wrapper .Header .backgroundMobileMenu {
      display: none; }
    .wrapper .Header .closeButton {
      float: right;
      height: 50px;
      width: 60px;
      display: table;
      margin-right: 15px;
      cursor: pointer; }
      .wrapper .Header .closeButton .closeButtonImage {
        float: left;
        margin: 12px 3px 12px 5px; }
      .wrapper .Header .closeButton .closeButtonText {
        font-family: "VM Circular Natter";
        font-weight: 500;
        font-style: normal;
        font-size: 11px;
        color: #ffffff;
        display: table-cell;
        vertical-align: middle; }
  .wrapper label {
    margin: 0; }
  .wrapper .sidebarToggleIcon {
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    left: 15px;
    height: 30px;
    width: 50px;
    text-align: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /* Styling for when the sidebar is hidden */ }
    .wrapper .sidebarToggleIcon.sidebar-small {
      width: 50px; }
      .wrapper .sidebarToggleIcon.sidebar-small .toggle-text {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        visibility: hidden; }
    .wrapper .sidebarToggleIcon .toggler {
      height: 50px;
      width: 35px;
      padding-top: 8px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer; }
    .wrapper .sidebarToggleIcon .toggle-icon {
      width: 30px;
      height: 3px;
      background: #fff;
      border-radius: 15px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer; }
      .wrapper .sidebarToggleIcon .toggle-icon:before, .wrapper .sidebarToggleIcon .toggle-icon:after {
        content: " ";
        height: 3px;
        background: #fff;
        border-radius: 15px;
        position: absolute;
        left: 0; }
      .wrapper .sidebarToggleIcon .toggle-icon:before {
        width: 22.5px;
        top: 10px; }
      .wrapper .sidebarToggleIcon .toggle-icon:after {
        width: 15px;
        top: 20px; }
    .wrapper .sidebarToggleIcon .toggle-text {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      white-space: nowrap;
      font-size: 1.4rem;
      font-family: "VM Circular Shout";
      color: #fff; }
  .wrapper #sidebarMenu {
    height: 100%;
    position: fixed;
    left: 0;
    width: 250px;
    padding-top: 50px;
    /* transform: translateX(-250px);
    transition: transform 250ms ease-in-out; */
    transition: transform 250ms ease-in-out;
    transform: translateX(-250px);
    background: #FF0A0A;
    background: -moz-linear-gradient(45deg, #ff0a0a 0%, #ff0085 100%);
    background: -webkit-linear-gradient(45deg, #ff0a0a 0%, #ff0085 100%);
    background: linear-gradient(45deg, #ff0a0a 0%, #ff0085 100%);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0A0A',endColorstr='#FF0085',GradientType=1 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0A0A',endColorstr='#FF0085',GradientType=1 );
    z-index: 1; }
  .wrapper .sidebarMenu_active {
    /* transform: translateX(0) !important; */
    transform: translateX(0) !important;
    transition: transform 250ms ease-out-in; }
  .wrapper .mainMenu {
    top: 0; }
    .wrapper .mainMenu .sidebarMenuInner {
      margin: 80px 0 0 0;
      padding: 0; }
      .wrapper .mainMenu .sidebarMenuInner li {
        list-style: none;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        padding: 20px;
        cursor: pointer;
        border-bottom: 1px solid #cccbcb; }
        .wrapper .mainMenu .sidebarMenuInner li span {
          display: block;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.5); }
        .wrapper .mainMenu .sidebarMenuInner li a {
          color: #fff;
          text-transform: uppercase;
          font-weight: bold;
          cursor: pointer;
          text-decoration: none; }
  .wrapper .bottomMenu {
    bottom: 0;
    position: absolute;
    margin-left: 55px;
    display: block;
    margin-bottom: 100px;
    color: #FFFFFF; }
    .wrapper .bottomMenu h1.title {
      font-family: "VM Circular Chat";
      font-weight: 300;
      font-style: normal;
      font-size: 24px; }
    .wrapper .bottomMenu .logo {
      float: right; }
  .wrapper .main {
    margin: 0 auto;
    display: block;
    height: 100%;
    padding-top: 50px;
    overflow: hidden; }
    .wrapper .main .mainInner {
      display: block;
      padding: 20px;
      overflow: hidden;
      margin-bottom: 50px; }
      .wrapper .main .mainInner .success-update {
        width: 320px;
        height: 31px;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 30px;
        display: block; }
        .wrapper .main .mainInner .success-update .success-msg {
          width: 320px; }
          .wrapper .main .mainInner .success-update .success-msg .alert-success {
            width: 100%;
            margin: 0; }
            .wrapper .main .mainInner .success-update .success-msg .alert-success .icon {
              font-size: 18px;
              font-weight: bold; }
            .wrapper .main .mainInner .success-update .success-msg .alert-success .alert-content {
              text-align: center;
              font-family: "VM Circular Chat";
              font-weight: 300;
              font-style: normal;
              font-size: 13px;
              color: #FFFFFF;
              padding: 3px 0; }
      .wrapper .main .mainInner .container-fluid {
        padding: 0; }
      .wrapper .main .mainInner .card {
        padding: 10px;
        border-radius: 10px;
        margin-top: 50px !important;
        margin-bottom: 50px;
        width: 320px; }
        .wrapper .main .mainInner .card .card-body .card-title-text {
          font-size: 22px;
          font-weight: 700;
          font-family: "VM Circular Shout";
          color: #333333; }
        .wrapper .main .mainInner .card .card-body .userIconBox {
          background: transparent;
          border: 2px solid #959595;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          border-radius: 50%;
          width: 80px;
          height: 80px;
          margin: 15px auto; }
          .wrapper .main .mainInner .card .card-body .userIconBox .userIcon {
            width: 50px;
            height: 50px;
            margin: 14px; }
        .wrapper .main .mainInner .card .card-body .userName {
          color: #3E364A;
          font-family: "VM Circular Natter";
          font-weight: 500;
          font-style: normal;
          font-size: 14px;
          color: #757575; }
        .wrapper .main .mainInner .card .card-body .content-action .submit {
          margin-left: 58px; }
        .wrapper .main .mainInner .card .card-body .content-action .mt-1 {
          margin-top: 10px; }
        .wrapper .main .mainInner .card .card-body .content-action .mt-3 {
          margin-top: 30px; }
        .wrapper .main .mainInner .card .card-body .content-action .ml-60 {
          margin-left: 60px; }
        .wrapper .main .mainInner .card .card-body .content-action .alert {
          margin: 0;
          width: 100%;
          background-color: #ff5c53;
          border: #ff5c53;
          font-family: "VM Circular Natter";
          font-weight: 500;
          font-style: normal;
          color: #FFFFFF; }
        .wrapper .main .mainInner .card .card-body .content-action .user-line {
          clear: both;
          padding: 10px 0;
          font-family: "VM Circular Chat";
          font-weight: 300;
          font-style: normal;
          font-size: 13px;
          color: #333333; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .user-label {
            width: 66px; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .user-link a {
            color: #276090; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .input-profile {
            width: 150px;
            height: 25px;
            padding: 5px;
            border-radius: 0;
            margin-left: 10px;
            font-size: 12px;
            text-decoration: none;
            color: #000000;
            text-align: left;
            font-family: "VM Circular Chat";
            font-weight: 400;
            font-style: normal;
            border-width: 1px;
            border-style: solid;
            border-color: #cccccc;
            background: #fff; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .btn-submit {
            background: #2C2533;
            border: 1px solid #352D3E;
            border-radius: 2px;
            color: #ffffff;
            width: 175px;
            height: 40px;
            padding: 0 50px;
            font-size: 18px;
            font-weight: lighter; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .btn-submit .text {
            display: inline-block; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .indicator {
            display: inline-block;
            width: 50px;
            margin-right: -50px; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .btn-submit:hover,
          .wrapper .main .mainInner .card .card-body .content-action .user-line .btn-submit:focus {
            color: #ffffff;
            background-color: #2C2533;
            border-color: #352D3E; }
          .wrapper .main .mainInner .card .card-body .content-action .user-line .btn-submit:active,
          .wrapper .main .mainInner .card .card-body .content-action .user-line .btn-submit:visited {
            color: #ffffff;
            background: #2C2533; }
        .wrapper .main .mainInner .card .card-body .content-action span.user-switch label.switch {
          margin-bottom: -10px;
          margin-left: 10px; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch .switch {
          position: relative;
          display: inline-block;
          width: 44px;
          height: 26px; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch .switch input {
          opacity: 0;
          width: 0;
          height: 0; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch .slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #ccc;
          /*background-color: white;*/
          background: -webkit-linear-gradient(270deg, white 0%, white 0%, #e4e4e4 100%, #e4e4e4 100%);
          background: -moz-linear-gradient(180deg, white 0%, white 0%, #e4e4e4 100%, #e4e4e4 100%);
          background: linear-gradient(180deg, white 0%, white 0%, #e4e4e4 100%, #e4e4e4 100%);
          -webkit-transition: .4s;
          transition: .4s;
          border: 1px solid #797979; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch .slider:before {
          position: absolute;
          content: "";
          height: 26px;
          width: 26px;
          left: 4px;
          bottom: 4px;
          /*background-color: white;*/
          background-color: #ccc;
          -webkit-transition: .4s;
          transition: .4s; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch input:checked + .slider {
          background-color: #2196F3; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch input:focus + .slider {
          box-shadow: 0 0 1px #2196F3; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch input:checked + .slider:before {
          -webkit-transform: translateX(26px);
          -ms-transform: translateX(26px);
          transform: translateX(26px);
          background-color: #008000; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch .user-switch label.switch .slider.round {
          border-radius: 10px; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch .slider.round:before {
          border-radius: 50%; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch label.switch .slider {
          width: 44px;
          height: 26px;
          /*background-color: #FFFFFF;*/ }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch .slider:before {
          background-color: #000; }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch label.switch > input:checked + .slider:before {
          -webkit-transform: translateX(18px);
          -ms-transform: translateX(18px);
          transform: translateX(18px); }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch label.switch .slider:before {
          height: 20px;
          width: 20px;
          left: 2px;
          bottom: 2px;
          /*background-color: #008000;*/ }
        .wrapper .main .mainInner .card .card-body .content-action .user-switch label.disabled .slider:before {
          background-color: lightgray; }
        .wrapper .main .mainInner .card .card-body .content-action .back-link a {
          color: #276090;
          font-weight: 300;
          font-size: 14px; }
        .wrapper .main .mainInner .card .card-body .content-action .form-group .input-group {
          width: 100%;
          border-radius: 2px;
          overflow: hidden;
          position: inherit; }
        .wrapper .main .mainInner .card .card-body .content-action .form-group .input-group-addon {
          border-radius: 0;
          background: #ff0085;
          color: #ffffff;
          height: 50px;
          width: 50px;
          border: 0; }
        .wrapper .main .mainInner .card .card-body .content-action .form-group .form-control {
          height: 50px;
          border-radius: 0;
          background: #EBE9EA;
          font-size: 16px;
          color: #3e364a;
          letter-spacing: 0;
          border: 0;
          position: inherit; }
        .wrapper .main .mainInner .card .card-body .content-action .form-group ::-webkit-input-placeholder {
          /* Edge */
          font-family: "VM Circular Natter";
          font-weight: 500;
          font-style: normal;
          font-size: 16px;
          color: #757575; }
        .wrapper .main .mainInner .card .card-body .content-action .form-group :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          font-family: "VM Circular Natter";
          font-weight: 500;
          font-style: normal;
          font-size: 16px;
          color: #757575; }
        .wrapper .main .mainInner .card .card-body .content-action .form-group ::placeholder {
          font-family: "VM Circular Natter";
          font-weight: 500;
          font-style: normal;
          font-size: 16px;
          color: #757575; }
        .wrapper .main .mainInner .card .card-body .content-action .text-thin {
          font-family: "VM Circular Chat";
          font-weight: 300;
          font-style: normal;
          font-size: 12px; }
      .wrapper .main .mainInner .card-center {
        margin: 0 auto; }
    .wrapper .main .mainInner_active {
      width: calc(100% - 250px);
      float: right; }

@media only screen and (max-width: 767px) {
  .mainInner_active {
    width: 100% !important;
    float: none !important; }

  .backgroundMobileMenu {
    background: #FF0A0A;
    background: -moz-linear-gradient(45deg, #ff0a0a 0%, #ff0085 100%);
    background: -webkit-linear-gradient(45deg, #ff0a0a 0%, #ff0085 100%);
    background: linear-gradient(45deg, #ff0a0a 0%, #ff0085 100%);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A0A', endColorstr='#FF0085', GradientType=1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A0A', endColorstr='#FF0085', GradientType=1);
    width: 250px;
    height: 50px;
    float: left;
    display: block !important; } }

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