@charset "UTF-8";
/* Compiled CSS, generated from "/apps/login/login_grid.less" */


html,
body {
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  font-family: sans-serif;
  color: #292b29;
}
html,
body {
  overflow: hidden;
  position: fixed;
}
@font-face {
  font-family: 'clearimage';
  src: url('/system/clearimage/font/clearimage-2.eot?vms5g');
  src: url('/system/clearimage/font/clearimage-2?#iefixvms5g') format('embedded-opentype'), url('/system/clearimage/font/clearimage-2.woff?vms5g') format('woff'), url('/system/clearimage/font/clearimage-2.ttf?vms5g') format('truetype'), url('/system/clearimage/font/clearimage-2.svg?vms5g#clearimage-2') format('svg');
  font-weight: normal;
  font-style: normal;
}
ci-icon,
[ci-icon] {
  font-family: 'clearimage';
  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;
}
ci-icon[terminal]:before,
[ci-icon="terminal"]:before {
  content: "\e606";
}
ci-icon[terminal2]:before,
[ci-icon="terminal2"]:before {
  content: "\e607";
}
ci-icon[home2]:before,
[ci-icon="home2"]:before {
  content: "\e600";
}
ci-icon[home22]:before,
[ci-icon="home22"]:before {
  content: "\e601";
}
ci-icon[home3]:before,
[ci-icon="home3"]:before {
  content: "\e602";
}
ci-icon[gohome]:before,
[ci-icon="gohome"]:before {
  content: "\e603";
}
ci-icon[home5]:before,
[ci-icon="home5"]:before {
  content: "\e604";
}
ci-icon[home6]:before,
[ci-icon="home6"]:before {
  content: "\e605";
}
ci-icon[pencil]:before,
[ci-icon="pencil"]:before {
  content: "\e60d";
}
ci-icon[pencil3]:before,
[ci-icon="pencil3"]:before {
  content: "\e610";
}
ci-icon[pencil4]:before,
[ci-icon="pencil4"]:before {
  content: "\e612";
}
ci-icon[pencil5]:before,
[ci-icon="pencil5"]:before {
  content: "\e613";
}
ci-icon[aim]:before,
[ci-icon="aim"]:before {
  content: "\e630";
}
ci-icon[cloud-upload]:before,
[ci-icon="cloud-upload"]:before {
  content: "\e64b";
}
ci-icon[cloud-download]:before,
[ci-icon="cloud-download"]:before {
  content: "\e64c";
}
ci-icon[cloud-lock]:before,
[ci-icon="cloud-lock"]:before {
  content: "\e656";
}
ci-icon[cloud-gear]:before,
[ci-icon="cloud-gear"]:before {
  content: "\e657";
}
ci-icon[database]:before,
[ci-icon="database"]:before {
  content: "\e65d";
}
ci-icon[database-add]:before,
[ci-icon="database-add"]:before {
  content: "\e65e";
}
ci-icon[database-remove]:before,
[ci-icon="database-remove"]:before {
  content: "\e65f";
}
ci-icon[lock]:before,
[ci-icon="lock"]:before {
  content: "\e66b";
}
ci-icon[unlock]:before,
[ci-icon="unlock"]:before {
  content: "\e66d";
}
ci-icon[key2]:before,
[ci-icon="key2"]:before {
  content: "\e66e";
}
ci-icon[key-hole]:before,
[ci-icon="key-hole"]:before {
  content: "\e66f";
}
ci-icon[toggle-off]:before,
[ci-icon="toggle-off"]:before {
  content: "\e670";
}
ci-icon[toggle-on]:before,
[ci-icon="toggle-on"]:before {
  content: "\e671";
}
ci-icon[cog]:before,
[ci-icon="cog"]:before {
  content: "\e672";
}
ci-icon[cog2]:before,
[ci-icon="cog2"]:before {
  content: "\e673";
}
ci-icon[wrench]:before,
[ci-icon="wrench"]:before {
  content: "\e674";
}
ci-icon[hammer-wrench]:before,
[ci-icon="hammer-wrench"]:before {
  content: "\e676";
}
ci-icon[trash]:before,
[ci-icon="trash"]:before {
  content: "\e680";
}
ci-icon[trash2]:before,
[ci-icon="trash2"]:before {
  content: "\e681";
}
ci-icon[trash3]:before,
[ci-icon="trash3"]:before {
  content: "\e682";
}
ci-icon[envelope]:before,
[ci-icon="envelope"]:before {
  content: "\e696";
}
ci-icon[envelope-open]:before,
[ci-icon="envelope-open"]:before {
  content: "\e697";
}
ci-icon[paperclip]:before,
[ci-icon="paperclip"]:before {
  content: "\e698";
}
ci-icon[eye]:before,
[ci-icon="eye"]:before {
  content: "\e6a5";
}
ci-icon[eye-plus]:before,
[ci-icon="eye-plus"]:before {
  content: "\e6a7";
}
ci-icon[eye-minus]:before,
[ci-icon="eye-minus"]:before {
  content: "\e6a8";
}
ci-icon[floppy-disk]:before,
[ci-icon="floppy-disk"]:before {
  content: "\e6ae";
}
ci-icon[file-empty]:before,
[ci-icon="file-empty"]:before {
  content: "\e6b3";
}
ci-icon[file-add]:before,
[ci-icon="file-add"]:before {
  content: "\e6b4";
}
ci-icon[file-lock]:before,
[ci-icon="file-lock"]:before {
  content: "\e6b6";
}
ci-icon[files]:before,
[ci-icon="files"]:before {
  content: "\e6b7";
}
ci-icon[copy]:before,
[ci-icon="copy"]:before {
  content: "\e6b8";
}
ci-icon[folder]:before,
[ci-icon="folder"]:before {
  content: "\e6ba";
}
ci-icon[folder-plus]:before,
[ci-icon="folder-plus"]:before {
  content: "\e6bc";
}
ci-icon[folder-minus]:before,
[ci-icon="folder-minus"]:before {
  content: "\e6bd";
}
ci-icon[folder-shared]:before,
[ci-icon="folder-shared"]:before {
  content: "\e6c3";
}
ci-icon[scissors]:before,
[ci-icon="scissors"]:before {
  content: "\e6c7";
}
ci-icon[paste]:before,
[ci-icon="paste"]:before {
  content: "\e6c8";
}
ci-icon[clipboard-empty]:before,
[ci-icon="clipboard-empty"]:before {
  content: "\e6c9";
}
ci-icon[clipboard-pencil]:before,
[ci-icon="clipboard-pencil"]:before {
  content: "\e6ca";
}
ci-icon[clipboard-text]:before,
[ci-icon="clipboard-text"]:before {
  content: "\e6cb";
}
ci-icon[register]:before,
[ci-icon="register"]:before {
  content: "\e6d1";
}
ci-icon[enter]:before,
[ci-icon="enter"]:before {
  content: "\e6d2";
}
ci-icon[exit]:before,
[ci-icon="exit"]:before {
  content: "\e6d3";
}
ci-icon[papers]:before,
[ci-icon="papers"]:before {
  content: "\e6d4";
}
ci-icon[document]:before,
[ci-icon="document"]:before {
  content: "\e6d8";
}
ci-icon[document2]:before,
[ci-icon="document2"]:before {
  content: "\e6d9";
}
ci-icon[music-note3]:before,
[ci-icon="music-note3"]:before {
  content: "\e6e6";
}
ci-icon[equalizer]:before,
[ci-icon="equalizer"]:before {
  content: "\e6f2";
}
ci-icon[play]:before,
[ci-icon="play"]:before {
  content: "\e6f7";
}
ci-icon[film-play]:before,
[ci-icon="film-play"]:before {
  content: "\e6f8";
}
ci-icon[clapboard-play]:before,
[ci-icon="clapboard-play"]:before {
  content: "\e6f9";
}
ci-icon[camera]:before,
[ci-icon="camera"]:before {
  content: "\e6ff";
}
ci-icon[camera2]:before,
[ci-icon="camera2"]:before {
  content: "\e704";
}
ci-icon[picture]:before,
[ci-icon="picture"]:before {
  content: "\e70e";
}
ci-icon[book]:before,
[ci-icon="book"]:before {
  content: "\e712";
}
ci-icon[book2]:before,
[ci-icon="book2"]:before {
  content: "\e714";
}
ci-icon[library]:before,
[ci-icon="library"]:before {
  content: "\e718";
}
ci-icon[user]:before,
[ci-icon="user"]:before {
  content: "\e71e";
}
ci-icon[users]:before,
[ci-icon="users"]:before {
  content: "\e722";
}
ci-icon[users2]:before,
[ci-icon="users2"]:before {
  content: "\e723";
}
ci-icon[run]:before,
[ci-icon="run"]:before {
  content: "\e730";
}
ci-icon[compass2]:before,
[ci-icon="compass2"]:before {
  content: "\e780";
}
ci-icon[road-sign]:before,
[ci-icon="road-sign"]:before {
  content: "\e784";
}
ci-icon[calendar-empty]:before,
[ci-icon="calendar-empty"]:before {
  content: "\e785";
}
ci-icon[calendar-31]:before,
[ci-icon="calendar-31"]:before {
  content: "\e788";
}
ci-icon[calendar-full]:before,
[ci-icon="calendar-full"]:before {
  content: "\e789";
}
ci-icon[screen]:before,
[ci-icon="screen"]:before {
  content: "\e798";
}
ci-icon[smartphone-notification]:before,
[ci-icon="smartphone-notification"]:before {
  content: "\e7a7";
}
ci-icon[desktop]:before,
[ci-icon="desktop"]:before {
  content: "\e7af";
}
ci-icon[lamp]:before,
[ci-icon="lamp"]:before {
  content: "\e7bc";
}
ci-icon[bubble-question]:before,
[ci-icon="bubble-question"]:before {
  content: "\e7da";
}
ci-icon[lifebuoy]:before,
[ci-icon="lifebuoy"]:before {
  content: "\e7ed";
}
ci-icon[chart-settings]:before,
[ci-icon="chart-settings"]:before {
  content: "\e7fd";
}
ci-icon[traffic-lights]:before,
[ci-icon="traffic-lights"]:before {
  content: "\e840";
}
ci-icon[8ball]:before,
[ci-icon="8ball"]:before {
  content: "\e86b";
}
ci-icon[glasses]:before,
[ci-icon="glasses"]:before {
  content: "\e877";
}
ci-icon[glasses2]:before,
[ci-icon="glasses2"]:before {
  content: "\e878";
}
ci-icon[earth]:before,
[ci-icon="earth"]:before {
  content: "\e884";
}
ci-icon[network]:before,
[ci-icon="network"]:before {
  content: "\e886";
}
ci-icon[volume-high]:before,
[ci-icon="volume-high"]:before {
  content: "\e8b0";
}
ci-icon[lan]:before,
[ci-icon="lan"]:before {
  content: "\e8b5";
}
ci-icon[redo2]:before,
[ci-icon="redo2"]:before {
  content: "\e8d9";
}
ci-icon[download2]:before,
[ci-icon="download2"]:before {
  content: "\e8f5";
}
ci-icon[upload2]:before,
[ci-icon="upload2"]:before {
  content: "\e8f6";
}
ci-icon[file-code]:before,
[ci-icon="file-code"]:before {
  content: "\e90c";
}
ci-icon[file-image]:before,
[ci-icon="file-image"]:before {
  content: "\e90d";
}
ci-icon[file-zip]:before,
[ci-icon="file-zip"]:before {
  content: "\e90e";
}
ci-icon[file-audio]:before,
[ci-icon="file-audio"]:before {
  content: "\e90f";
}
ci-icon[file-video]:before,
[ci-icon="file-video"]:before {
  content: "\e910";
}
ci-icon[file-charts]:before,
[ci-icon="file-charts"]:before {
  content: "\e912";
}
ci-icon[file-stats]:before,
[ci-icon="file-stats"]:before {
  content: "\e913";
}
ci-icon[file-spreadsheet]:before,
[ci-icon="file-spreadsheet"]:before {
  content: "\e914";
}
ci-icon[link]:before,
[ci-icon="link"]:before {
  content: "\e915";
}
ci-icon[link2]:before,
[ci-icon="link2"]:before {
  content: "\e917";
}
ci-icon[zoom-in]:before,
[ci-icon="zoom-in"]:before {
  content: "\e925";
}
ci-icon[zoom-out]:before,
[ci-icon="zoom-out"]:before {
  content: "\e926";
}
ci-icon[cross]:before,
[ci-icon="cross"]:before {
  content: "\e92a";
}
ci-icon[menu]:before,
[ci-icon="menu"]:before {
  content: "\e92b";
}
ci-icon[list]:before,
[ci-icon="list"]:before {
  content: "\e92c";
}
ci-icon[list2]:before,
[ci-icon="list2"]:before {
  content: "\e92d";
}
ci-icon[list3]:before,
[ci-icon="list3"]:before {
  content: "\e92e";
}
ci-icon[menu3]:before,
[ci-icon="menu3"]:before {
  content: "\e931";
}
ci-icon[cross2]:before,
[ci-icon="cross2"]:before {
  content: "\e935";
}
ci-icon[plus]:before,
[ci-icon="plus"]:before {
  content: "\e936";
}
ci-icon[chevron-up]:before,
[ci-icon="chevron-up"]:before {
  content: "\e939";
}
ci-icon[chevron-down]:before,
[ci-icon="chevron-down"]:before {
  content: "\e93a";
}
ci-icon[chevron-left]:before,
[ci-icon="chevron-left"]:before {
  content: "\e93b";
}
ci-icon[chevron-right]:before,
[ci-icon="chevron-right"]:before {
  content: "\e93c";
}
ci-icon[arrow-up]:before,
[ci-icon="arrow-up"]:before {
  content: "\e941";
}
ci-icon[arrow-down]:before,
[ci-icon="arrow-down"]:before {
  content: "\e942";
}
ci-icon[arrow-left]:before,
[ci-icon="arrow-left"]:before {
  content: "\e943";
}
ci-icon[arrow-right]:before,
[ci-icon="arrow-right"]:before {
  content: "\e944";
}
ci-icon[tab]:before,
[ci-icon="tab"]:before {
  content: "\e94f";
}
ci-icon[expand3]:before,
[ci-icon="expand3"]:before {
  content: "\e951";
}
ci-icon[expand4]:before,
[ci-icon="expand4"]:before {
  content: "\e952";
}
ci-icon[contract3]:before,
[ci-icon="contract3"]:before {
  content: "\e953";
}
ci-icon[notification]:before,
[ci-icon="notification"]:before {
  content: "\e954";
}
ci-icon[warning]:before,
[ci-icon="warning"]:before {
  content: "\e955";
}
ci-icon[notification-circle]:before,
[ci-icon="notification-circle"]:before {
  content: "\e956";
}
ci-icon[question-circle]:before,
[ci-icon="question-circle"]:before {
  content: "\e957";
}
ci-icon[menu-circle]:before,
[ci-icon="menu-circle"]:before {
  content: "\e958";
}
ci-icon[cross-circle]:before,
[ci-icon="cross-circle"]:before {
  content: "\e95a";
}
ci-icon[plus-circle]:before,
[ci-icon="plus-circle"]:before {
  content: "\e95b";
}
ci-icon[circle-minus]:before,
[ci-icon="circle-minus"]:before {
  content: "\e95c";
}
ci-icon[arrow-up-circle]:before,
[ci-icon="arrow-up-circle"]:before {
  content: "\e95e";
}
ci-icon[arrow-down-circle]:before,
[ci-icon="arrow-down-circle"]:before {
  content: "\e95f";
}
ci-icon[arrow-left-circle]:before,
[ci-icon="arrow-left-circle"]:before {
  content: "\e960";
}
ci-icon[arrow-right-circle]:before,
[ci-icon="arrow-right-circle"]:before {
  content: "\e961";
}
ci-icon[chevron-up-circle]:before,
[ci-icon="chevron-up-circle"]:before {
  content: "\e962";
}
ci-icon[chevron-down-circle]:before,
[ci-icon="chevron-down-circle"]:before {
  content: "\e963";
}
ci-icon[chevron-left-circle]:before,
[ci-icon="chevron-left-circle"]:before {
  content: "\e964";
}
ci-icon[chevron-right-circle]:before,
[ci-icon="chevron-right-circle"]:before {
  content: "\e965";
}
ci-icon[backward-circle]:before,
[ci-icon="backward-circle"]:before {
  content: "\e966";
}
ci-icon[first-circle]:before,
[ci-icon="first-circle"]:before {
  content: "\e967";
}
ci-icon[previous-circle]:before,
[ci-icon="previous-circle"]:before {
  content: "\e968";
}
ci-icon[stop-circle]:before,
[ci-icon="stop-circle"]:before {
  content: "\e969";
}
ci-icon[play-circle]:before,
[ci-icon="play-circle"]:before {
  content: "\e96a";
}
ci-icon[pause-circle]:before,
[ci-icon="pause-circle"]:before {
  content: "\e96b";
}
ci-icon[next-circle]:before,
[ci-icon="next-circle"]:before {
  content: "\e96c";
}
ci-icon[last-circle]:before,
[ci-icon="last-circle"]:before {
  content: "\e96d";
}
ci-icon[forward-circle]:before,
[ci-icon="forward-circle"]:before {
  content: "\e96e";
}
ci-icon[eject-circle]:before,
[ci-icon="eject-circle"]:before {
  content: "\e96f";
}
ci-icon[crop]:before,
[ci-icon="crop"]:before {
  content: "\e970";
}
ci-icon[frame-expand]:before,
[ci-icon="frame-expand"]:before {
  content: "\e971";
}
ci-icon[transform]:before,
[ci-icon="transform"]:before {
  content: "\e974";
}
ci-icon[grid]:before,
[ci-icon="grid"]:before {
  content: "\e975";
}
ci-icon[grid-crossed]:before,
[ci-icon="grid-crossed"]:before {
  content: "\e976";
}
ci-icon[layers]:before,
[ci-icon="layers"]:before {
  content: "\e977";
}
ci-icon[flip-horizontal]:before,
[ci-icon="flip-horizontal"]:before {
  content: "\e97d";
}
ci-icon[flip-vertical]:before,
[ci-icon="flip-vertical"]:before {
  content: "\e97e";
}
ci-icon[flip-horizontal2]:before,
[ci-icon="flip-horizontal2"]:before {
  content: "\e97f";
}
ci-icon[flip-vertical2]:before,
[ci-icon="flip-vertical2"]:before {
  content: "\e980";
}
ci-icon[square]:before,
[ci-icon="square"]:before {
  content: "\e98d";
}
ci-icon[plus-square]:before,
[ci-icon="plus-square"]:before {
  content: "\e98e";
}
ci-icon[minus-square]:before,
[ci-icon="minus-square"]:before {
  content: "\e98f";
}
ci-icon[arrow-up-square]:before,
[ci-icon="arrow-up-square"]:before {
  content: "\e991";
}
ci-icon[arrow-down-square]:before,
[ci-icon="arrow-down-square"]:before {
  content: "\e992";
}
ci-icon[arrow-left-square]:before,
[ci-icon="arrow-left-square"]:before {
  content: "\e993";
}
ci-icon[arrow-right-square]:before,
[ci-icon="arrow-right-square"]:before {
  content: "\e994";
}
ci-icon[chevron-up-square]:before,
[ci-icon="chevron-up-square"]:before {
  content: "\e995";
}
ci-icon[chevron-down-square]:before,
[ci-icon="chevron-down-square"]:before {
  content: "\e996";
}
ci-icon[chevron-left-square]:before,
[ci-icon="chevron-left-square"]:before {
  content: "\e997";
}
ci-icon[chevron-right-square]:before,
[ci-icon="chevron-right-square"]:before {
  content: "\e998";
}
ci-icon[check-square]:before,
[ci-icon="check-square"]:before {
  content: "\e999";
}
ci-icon[cross-square]:before,
[ci-icon="cross-square"]:before {
  content: "\e99a";
}
ci-icon[menu-square]:before,
[ci-icon="menu-square"]:before {
  content: "\e99b";
}
ci-icon[prohibited]:before,
[ci-icon="prohibited"]:before {
  content: "\e99c";
}
ci-icon[circle]:before,
[ci-icon="circle"]:before {
  content: "\e99d";
}
ci-icon[text-format]:before,
[ci-icon="text-format"]:before {
  content: "\e9a0";
}
ci-icon[text-format-remove]:before,
[ci-icon="text-format-remove"]:before {
  content: "\e9a1";
}
ci-icon[text-size]:before,
[ci-icon="text-size"]:before {
  content: "\e9a2";
}
ci-icon[bold]:before,
[ci-icon="bold"]:before {
  content: "\e9a3";
}
ci-icon[italic]:before,
[ci-icon="italic"]:before {
  content: "\e9a4";
}
ci-icon[underline]:before,
[ci-icon="underline"]:before {
  content: "\e9a5";
}
ci-icon[strikethrough]:before,
[ci-icon="strikethrough"]:before {
  content: "\e9a6";
}
ci-icon[highlight]:before,
[ci-icon="highlight"]:before {
  content: "\e9a7";
}
ci-icon[text-align-left]:before,
[ci-icon="text-align-left"]:before {
  content: "\e9a8";
}
ci-icon[text-align-center]:before,
[ci-icon="text-align-center"]:before {
  content: "\e9a9";
}
ci-icon[text-align-right]:before,
[ci-icon="text-align-right"]:before {
  content: "\e9aa";
}
ci-icon[text-align-justify]:before,
[ci-icon="text-align-justify"]:before {
  content: "\e9ab";
}
ci-icon[line-spacing]:before,
[ci-icon="line-spacing"]:before {
  content: "\e9ac";
}
ci-icon[indent-increase]:before,
[ci-icon="indent-increase"]:before {
  content: "\e9ad";
}
ci-icon[indent-decrease]:before,
[ci-icon="indent-decrease"]:before {
  content: "\e9ae";
}
ci-icon[text-wrap]:before,
[ci-icon="text-wrap"]:before {
  content: "\e9af";
}
ci-icon[pilcrow]:before,
[ci-icon="pilcrow"]:before {
  content: "\e9b0";
}
ci-icon[direction-ltr]:before,
[ci-icon="direction-ltr"]:before {
  content: "\e9b1";
}
ci-icon[direction-rtl]:before,
[ci-icon="direction-rtl"]:before {
  content: "\e9b2";
}
ci-icon[page-break]:before,
[ci-icon="page-break"]:before {
  content: "\e9b3";
}
ci-icon[page-break2]:before,
[ci-icon="page-break2"]:before {
  content: "\e9b4";
}
ci-icon[sort-alpha-asc]:before,
[ci-icon="sort-alpha-asc"]:before {
  content: "\e9b5";
}
ci-icon[sort-alpha-desc]:before,
[ci-icon="sort-alpha-desc"]:before {
  content: "\e9b6";
}
ci-icon[sort-numeric-asc]:before,
[ci-icon="sort-numeric-asc"]:before {
  content: "\e9b7";
}
ci-icon[sort-numeric-desc]:before,
[ci-icon="sort-numeric-desc"]:before {
  content: "\e9b8";
}
ci-icon[sort-amount-asc]:before,
[ci-icon="sort-amount-asc"]:before {
  content: "\e9b9";
}
ci-icon[sort-amount-desc]:before,
[ci-icon="sort-amount-desc"]:before {
  content: "\e9ba";
}
ci-icon[webblocks]:before,
[ci-icon="webblocks"]:before {
  content: "\e9ea";
}
ci-icon[home]:before,
[ci-icon="home"]:before {
  content: "\e9eb";
}
ci-icon[search]:before,
[ci-icon="search"]:before {
  content: "\e9ec";
}
ci-icon[email]:before,
[ci-icon="email"]:before {
  content: "\e9ed";
}
ci-icon[facebook]:before,
[ci-icon="facebook"]:before {
  content: "\e9ee";
}
ci-icon[twitter]:before,
[ci-icon="twitter"]:before {
  content: "\e9ef";
}
ci-icon[google]:before,
[ci-icon="google"]:before {
  content: "\e9f0";
}
ci-icon[linkedin]:before,
[ci-icon="linkedin"]:before {
  content: "\e9f1";
}
ci-icon[pintrest]:before,
[ci-icon="pintrest"]:before {
  content: "\e9f2";
}
ci-icon[blogger]:before,
[ci-icon="blogger"]:before {
  content: "\e9f3";
}
ci-icon[skype]:before,
[ci-icon="skype"]:before {
  content: "\e9f4";
}
ci-icon[amazon]:before,
[ci-icon="amazon"]:before {
  content: "\e9f5";
}
ci-icon[connected]:before,
[ci-icon="connected"]:before {
  content: "\e9f6";
}
ci-icon[youtube]:before,
[ci-icon="youtube"]:before {
  content: "\e9f7";
}
ci-icon[vimeo]:before,
[ci-icon="vimeo"]:before {
  content: "\e9f8";
}
ci-icon[playbutton]:before,
[ci-icon="playbutton"]:before {
  content: "\e9f9";
}
ci-icon[microphone]:before,
[ci-icon="microphone"]:before {
  content: "\e9fa";
}
ci-icon[audio]:before,
[ci-icon="audio"]:before {
  content: "\e9fb";
}
ci-icon[signs]:before,
[ci-icon="signs"]:before {
  content: "\e9fc";
}
ci-icon[location]:before,
[ci-icon="location"]:before {
  content: "\e9fd";
}
ci-icon[directions]:before,
[ci-icon="directions"]:before {
  content: "\e9fe";
}
ci-icon[key]:before,
[ci-icon="key"]:before {
  content: "\e9ff";
}
ci-icon[clock]:before,
[ci-icon="clock"]:before {
  content: "\ea00";
}
ci-icon[calendar]:before,
[ci-icon="calendar"]:before {
  content: "\ea01";
}
ci-icon[piggybank]:before,
[ci-icon="piggybank"]:before {
  content: "\ea02";
}
ci-icon[dollarsign]:before,
[ci-icon="dollarsign"]:before {
  content: "\ea03";
}
ci-icon[paypal]:before,
[ci-icon="paypal"]:before {
  content: "\ea04";
}
ci-icon[person]:before,
[ci-icon="person"]:before {
  content: "\ea05";
}
ci-icon[group]:before,
[ci-icon="group"]:before {
  content: "\ea06";
}
ci-icon[bible]:before,
[ci-icon="bible"]:before {
  content: "\ea07";
}
ci-icon[crossornate]:before,
[ci-icon="crossornate"]:before {
  content: "\ea08";
}
ci-icon[branch]:before,
[ci-icon="branch"]:before {
  content: "\ea09";
}
ci-icon[pillar]:before,
[ci-icon="pillar"]:before {
  content: "\ea0a";
}
ci-icon[bottle]:before,
[ci-icon="bottle"]:before {
  content: "\ea0b";
}
A {
  color: #292b29;
  text-decoration: none;
}
A:hover {
  text-decoration: none;
}
app {
  height: 100%;
  flex: 1;
}
.rows {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-direction: column;
  justify-content: space-between;
}
.rows > row {
  flex: 1 0 0%;
}
.columns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-direction: row;
  justify-content: space-between;
}
.columns > column {
  flex: 1 0 0%;
}
row.handle {
  overflow: hidden;
  height: 10px;
  color: #999999;
  cursor: ns-resize;
}
column.handle {
  width: 10px;
  color: #999999;
  cursor: ew-resize;
}
.handle {
  display: flex;
  flex: 0 1 10px !important;
  align-items: center;
  justify-content: center;
  transition: all ease-in 0.1s;
  background-color: #f7f7f7;
}
row:not([class]),
column:not([class]) {
  position: relative;
  padding: 0;
  height: auto;
  overflow: hidden;
}
row:not([class]) > content,
column:not([class]) > content,
row:not([class]) > textarea,
column:not([class]) > textarea,
row:not([class]) > iframe,
column:not([class]) > iframe {
  overflow: auto;
  padding: 0;
  margin: 0;
  resize: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
row:not([class]) > content::-webkit-scrollbar-track,
column:not([class]) > content::-webkit-scrollbar-track,
row:not([class]) > textarea::-webkit-scrollbar-track,
column:not([class]) > textarea::-webkit-scrollbar-track,
row:not([class]) > iframe::-webkit-scrollbar-track,
column:not([class]) > iframe::-webkit-scrollbar-track {
  background-color: #f7f7f7;
}
row:not([class]) > content::-webkit-scrollbar,
column:not([class]) > content::-webkit-scrollbar,
row:not([class]) > textarea::-webkit-scrollbar,
column:not([class]) > textarea::-webkit-scrollbar,
row:not([class]) > iframe::-webkit-scrollbar,
column:not([class]) > iframe::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
row:not([class]) > content::-webkit-scrollbar-thumb,
column:not([class]) > content::-webkit-scrollbar-thumb,
row:not([class]) > textarea::-webkit-scrollbar-thumb,
column:not([class]) > textarea::-webkit-scrollbar-thumb,
row:not([class]) > iframe::-webkit-scrollbar-thumb,
column:not([class]) > iframe::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}
row:not([class]) > content::-webkit-resizer,
column:not([class]) > content::-webkit-resizer,
row:not([class]) > textarea::-webkit-resizer,
column:not([class]) > textarea::-webkit-resizer,
row:not([class]) > iframe::-webkit-resizer,
column:not([class]) > iframe::-webkit-resizer,
row:not([class]) > content::-webkit-scrollbar-corner,
column:not([class]) > content::-webkit-scrollbar-corner,
row:not([class]) > textarea::-webkit-scrollbar-corner,
column:not([class]) > textarea::-webkit-scrollbar-corner,
row:not([class]) > iframe::-webkit-scrollbar-corner,
column:not([class]) > iframe::-webkit-scrollbar-corner {
  background-color: #edeeed;
}
app {
  height: 100%;
  flex: 1;
}
.rows {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-direction: column;
  justify-content: space-between;
}
.rows > row {
  flex: 1 0 0%;
}
.columns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-direction: row;
  justify-content: space-between;
}
.columns > column {
  flex: 1 0 0%;
}
row.handle {
  overflow: hidden;
  height: 10px;
  color: #999999;
  cursor: ns-resize;
}
column.handle {
  width: 10px;
  color: #999999;
  cursor: ew-resize;
}
.handle {
  display: flex;
  flex: 0 1 10px !important;
  align-items: center;
  justify-content: center;
  transition: all ease-in 0.1s;
  background-color: #f7f7f7;
}
row:not([class]),
column:not([class]) {
  position: relative;
  padding: 0;
  height: auto;
  overflow: hidden;
}
row:not([class]) > content,
column:not([class]) > content,
row:not([class]) > textarea,
column:not([class]) > textarea,
row:not([class]) > iframe,
column:not([class]) > iframe {
  overflow: auto;
  padding: 0;
  margin: 0;
  resize: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
row:not([class]) > content::-webkit-scrollbar-track,
column:not([class]) > content::-webkit-scrollbar-track,
row:not([class]) > textarea::-webkit-scrollbar-track,
column:not([class]) > textarea::-webkit-scrollbar-track,
row:not([class]) > iframe::-webkit-scrollbar-track,
column:not([class]) > iframe::-webkit-scrollbar-track {
  background-color: #f7f7f7;
}
row:not([class]) > content::-webkit-scrollbar,
column:not([class]) > content::-webkit-scrollbar,
row:not([class]) > textarea::-webkit-scrollbar,
column:not([class]) > textarea::-webkit-scrollbar,
row:not([class]) > iframe::-webkit-scrollbar,
column:not([class]) > iframe::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
row:not([class]) > content::-webkit-scrollbar-thumb,
column:not([class]) > content::-webkit-scrollbar-thumb,
row:not([class]) > textarea::-webkit-scrollbar-thumb,
column:not([class]) > textarea::-webkit-scrollbar-thumb,
row:not([class]) > iframe::-webkit-scrollbar-thumb,
column:not([class]) > iframe::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}
row:not([class]) > content::-webkit-resizer,
column:not([class]) > content::-webkit-resizer,
row:not([class]) > textarea::-webkit-resizer,
column:not([class]) > textarea::-webkit-resizer,
row:not([class]) > iframe::-webkit-resizer,
column:not([class]) > iframe::-webkit-resizer,
row:not([class]) > content::-webkit-scrollbar-corner,
column:not([class]) > content::-webkit-scrollbar-corner,
row:not([class]) > textarea::-webkit-scrollbar-corner,
column:not([class]) > textarea::-webkit-scrollbar-corner,
row:not([class]) > iframe::-webkit-scrollbar-corner,
column:not([class]) > iframe::-webkit-scrollbar-corner {
  background-color: #edeeed;
}
app {
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  background-color: #fff;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 550px;
  max-height: 275px;
}
app > row:nth-child(1) {
  flex: 0 1 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
app > row:nth-child(2) {
  -webkit-overflow-scrolling: touch;
}
app > row:nth-child(2) column {
  -webkit-overflow-scrolling: touch;
}
app > row:nth-child(2) column row {
  display: flex;
  align-items: center;
  justify-content: center;
}
app > row:nth-child(3) {
  flex: 0 1 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
app > row:nth-child(3) column {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
}
.file-wrapper .button,
.button,
button[type="submit"],
input[type="submit"],
input[type="file"],
input[type="button"],
a.button,
button {
  border: none;
  background-image: linear-gradient(bottom, #f68506 30%, #f68506 100%);
  background-image: -o-linear-gradient(bottom, #f68506 30%, #f68506 100%);
  background-image: -moz-linear-gradient(bottom, #f68506 30%, #f68506 100%);
  background-image: -webkit-linear-gradient(bottom, #f68506 30%, #f68506 100%);
  background-image: -ms-linear-gradient(bottom, #f68506 30%, #f68506 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #f68506), color-stop(1, #f68506));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68506', endColorstr='#f68506',GradientType=0 );
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: white;
}
.file-wrapper .button.normal,
button[type="submit"].normal,
input[type="submit"].normal,
input[type="file"].normal,
input[type="button"].normal,
a.button.normal,
.button.normal,
button.normal {
  border: none;
  background-image: linear-gradient(bottom, #aaaaaa 30%, #aaaaaa 100%);
  background-image: -o-linear-gradient(bottom, #aaaaaa 30%, #aaaaaa 100%);
  background-image: -moz-linear-gradient(bottom, #aaaaaa 30%, #aaaaaa 100%);
  background-image: -webkit-linear-gradient(bottom, #aaaaaa 30%, #aaaaaa 100%);
  background-image: -ms-linear-gradient(bottom, #aaaaaa 30%, #aaaaaa 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #aaaaaa), color-stop(1, #aaaaaa));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#aaaaaa',GradientType=0 );
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: white;
}
.button {
  width: 100%;
  padding: 5px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
}
.button.link {
  color: #5b7eb5;
  background: 0;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  background-color: #eee;
}
.button.login {
  text-align: left;
  margin-top: .5em;
  padding: 10px;
}
.button.facebook {
  background-image: linear-gradient(bottom, #5175b8 30%, #688ecc 100%);
  background-image: -o-linear-gradient(bottom, #5175b8 30%, #688ecc 100%);
  background-image: -moz-linear-gradient(bottom, #5175b8 30%, #688ecc 100%);
  background-image: -webkit-linear-gradient(bottom, #5175b8 30%, #688ecc 100%);
  background-image: -ms-linear-gradient(bottom, #5175b8 30%, #688ecc 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #5175b8), color-stop(1, #688ecc));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688ecc', endColorstr='#5175b8',GradientType=0 );
}
.button.facebook:hover {
  background-image: linear-gradient(bottom, #688ecc 30%, #5175b8 100%);
  background-image: -o-linear-gradient(bottom, #688ecc 30%, #5175b8 100%);
  background-image: -moz-linear-gradient(bottom, #688ecc 30%, #5175b8 100%);
  background-image: -webkit-linear-gradient(bottom, #688ecc 30%, #5175b8 100%);
  background-image: -ms-linear-gradient(bottom, #688ecc 30%, #5175b8 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #688ecc), color-stop(1, #5175b8));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5175b8', endColorstr='#688ecc',GradientType=0 );
}
.button.twitter {
  background-image: linear-gradient(bottom, #2599cf 30%, #4ac6f9 100%);
  background-image: -o-linear-gradient(bottom, #2599cf 30%, #4ac6f9 100%);
  background-image: -moz-linear-gradient(bottom, #2599cf 30%, #4ac6f9 100%);
  background-image: -webkit-linear-gradient(bottom, #2599cf 30%, #4ac6f9 100%);
  background-image: -ms-linear-gradient(bottom, #2599cf 30%, #4ac6f9 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #2599cf), color-stop(1, #4ac6f9));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ac6f9', endColorstr='#2599cf',GradientType=0 );
}
.button.twitter:hover {
  background-image: linear-gradient(bottom, #4ac6f9 30%, #2599cf 100%);
  background-image: -o-linear-gradient(bottom, #4ac6f9 30%, #2599cf 100%);
  background-image: -moz-linear-gradient(bottom, #4ac6f9 30%, #2599cf 100%);
  background-image: -webkit-linear-gradient(bottom, #4ac6f9 30%, #2599cf 100%);
  background-image: -ms-linear-gradient(bottom, #4ac6f9 30%, #2599cf 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #4ac6f9), color-stop(1, #2599cf));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2599cf', endColorstr='#4ac6f9',GradientType=0 );
}
.button.google {
  background-image: linear-gradient(bottom, #e45439 30%, #e2553f 100%);
  background-image: -o-linear-gradient(bottom, #e45439 30%, #e2553f 100%);
  background-image: -moz-linear-gradient(bottom, #e45439 30%, #e2553f 100%);
  background-image: -webkit-linear-gradient(bottom, #e45439 30%, #e2553f 100%);
  background-image: -ms-linear-gradient(bottom, #e45439 30%, #e2553f 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #e45439), color-stop(1, #e2553f));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2553f', endColorstr='#e45439',GradientType=0 );
}
.button.google:hover {
  background-image: linear-gradient(bottom, #e2553f 30%, #e45439 100%);
  background-image: -o-linear-gradient(bottom, #e2553f 30%, #e45439 100%);
  background-image: -moz-linear-gradient(bottom, #e2553f 30%, #e45439 100%);
  background-image: -webkit-linear-gradient(bottom, #e2553f 30%, #e45439 100%);
  background-image: -ms-linear-gradient(bottom, #e2553f 30%, #e45439 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #e2553f), color-stop(1, #e45439));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45439', endColorstr='#e2553f',GradientType=0 );
}
.button.webblocks {
  background-color: orange;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 18px;
    background: rgba(200, 200, 200, 0.2);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  h2 {
    font-size: 1.5em;
  }
  select,
  textarea,
  input {
    font-size: 18px!important;
  }
  .button {
    font-size: 18px!important;
  }
}
@media only screen and (max-width: 552px) {
  app {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
}
body.nobg {
  background: 0;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
}
body {
  background-image: url("/apps/login/images/bg.jpg");
  background-size: cover;
}
