/*! 2015 © iEncuentra. All rights reserved. */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | //h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
html {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 1.25), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: 'Simple-Line-Icons';
  src: url('fonts/simple-line-icons/simple-line-icons.eot');
  src: url('fonts/simple-line-icons/simple-line-icons.eot?#iefix') format('embedded-opentype'), url('fonts/simple-line-icons/simple-line-icons.woff') format('woff'), url('fonts/simple-line-icons/simple-line-icons.ttf') format('truetype'), url('fonts/simple-line-icons/simple-line-icons.svg#Simple-Line-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Simple-Line-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.ic-user-female,
.ic-user-follow,
.ic-user-following,
.ic-user-unfollow,
.ic-trophy,
.ic-screen-smartphone,
.ic-screen-desktop,
.ic-plane,
.ic-notebook,
.ic-moustache,
.ic-mouse,
.ic-magnet,
.ic-energy,
.ic-emoticon-smile,
.ic-disc,
.ic-cursor-move,
.ic-crop,
.ic-credit-card,
.ic-chemistry,
.ic-user,
.ic-speedometer,
.ic-social-youtube,
.ic-social-twitter,
.ic-social-tumblr,
.ic-social-facebook,
.ic-social-dropbox,
.ic-social-dribbble,
.ic-shield,
.ic-screen-tablet,
.ic-magic-wand,
.ic-hourglass,
.ic-graduation,
.ic-ghost,
.ic-game-controller,
.ic-fire,
.ic-eyeglasses,
.ic-envelope-open,
.ic-envelope-letter,
.ic-bell,
.ic-badge,
.ic-anchor,
.ic-wallet,
.ic-vector,
.ic-speech,
.ic-puzzle,
.ic-printer,
.ic-present,
.ic-playlist,
.ic-pin,
.ic-picture,
.ic-map,
.ic-layers,
.ic-handbag,
.ic-globe-alt,
.ic-globe,
.ic-frame,
.ic-folder-alt,
.ic-film,
.ic-feed,
.ic-earphones-alt,
.ic-earphones,
.ic-drop,
.ic-drawer,
.ic-docs,
.ic-directions,
.ic-direction,
.ic-diamond,
.ic-cup,
.ic-compass,
.ic-call-out,
.ic-call-in,
.ic-call-end,
.ic-calculator,
.ic-bubbles,
.ic-briefcase,
.ic-book-open,
.ic-basket-loaded,
.ic-basket,
.ic-bag,
.ic-action-undo,
.ic-action-redo,
.ic-wrench,
.ic-umbrella,
.ic-trash,
.ic-tag,
.ic-support,
.ic-size-fullscreen,
.ic-size-actual,
.ic-shuffle,
.ic-share-alt,
.ic-share,
.ic-rocket,
.ic-question,
.ic-pie-chart,
.ic-pencil,
.ic-note,
.ic-music-tone-alt,
.ic-music-tone,
.ic-microphone,
.ic-loop,
.ic-logout,
.ic-login,
.ic-list,
.ic-like,
.ic-home,
.ic-grid,
.ic-graph,
.ic-equalizer,
.ic-dislike,
.ic-cursor,
.ic-control-start,
.ic-control-rewind,
.ic-control-play,
.ic-control-pause,
.ic-control-forward,
.ic-control-end,
.ic-calendar,
.ic-bulb,
.ic-bar-chart,
.ic-arrow-up,
.ic-arrow-right,
.ic-arrow-left,
.ic-arrow-down,
.ic-ban,
.ic-bubble,
.ic-camcorder,
.ic-camera,
.ic-check,
.ic-clock,
.ic-close,
.ic-cloud-download,
.ic-cloud-upload,
.ic-doc,
.ic-envelope,
.ic-eye,
.ic-flag,
.ic-folder,
.ic-heart,
.ic-info,
.ic-key,
.ic-link,
.ic-lock,
.ic-lock-open,
.ic-magnifier,
.ic-magnifier-add,
.ic-magnifier-remove,
.ic-paper-clip,
.ic-paper-plane,
.ic-plus,
.ic-pointer,
.ic-power,
.ic-refresh,
.ic-reload,
.ic-settings,
.ic-star,
.ic-symbol-female,
.ic-symbol-male,
.ic-target,
.ic-volume-1,
.ic-volume-2,
.ic-volume-off,
.ic-users {
  font-family: 'Simple-Line-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.ic-user-female:before {
  content: "\e000";
}
.ic-user-follow:before {
  content: "\e002";
}
.ic-user-following:before {
  content: "\e003";
}
.ic-user-unfollow:before {
  content: "\e004";
}
.ic-trophy:before {
  content: "\e006";
}
.ic-screen-smartphone:before {
  content: "\e010";
}
.ic-screen-desktop:before {
  content: "\e011";
}
.ic-plane:before {
  content: "\e012";
}
.ic-notebook:before {
  content: "\e013";
}
.ic-moustache:before {
  content: "\e014";
}
.ic-mouse:before {
  content: "\e015";
}
.ic-magnet:before {
  content: "\e016";
}
.ic-energy:before {
  content: "\e020";
}
.ic-emoticon-smile:before {
  content: "\e021";
}
.ic-disc:before {
  content: "\e022";
}
.ic-cursor-move:before {
  content: "\e023";
}
.ic-crop:before {
  content: "\e024";
}
.ic-credit-card:before {
  content: "\e025";
}
.ic-chemistry:before {
  content: "\e026";
}
.ic-user:before {
  content: "\e005";
}
.ic-speedometer:before {
  content: "\e007";
}
.ic-social-youtube:before {
  content: "\e008";
}
.ic-social-twitter:before {
  content: "\e009";
}
.ic-social-tumblr:before {
  content: "\e00a";
}
.ic-social-facebook:before {
  content: "\e00b";
}
.ic-social-dropbox:before {
  content: "\e00c";
}
.ic-social-dribbble:before {
  content: "\e00d";
}
.ic-shield:before {
  content: "\e00e";
}
.ic-screen-tablet:before {
  content: "\e00f";
}
.ic-magic-wand:before {
  content: "\e017";
}
.ic-hourglass:before {
  content: "\e018";
}
.ic-graduation:before {
  content: "\e019";
}
.ic-ghost:before {
  content: "\e01a";
}
.ic-game-controller:before {
  content: "\e01b";
}
.ic-fire:before {
  content: "\e01c";
}
.ic-eyeglasses:before {
  content: "\e01d";
}
.ic-envelope-open:before {
  content: "\e01e";
}
.ic-envelope-letter:before {
  content: "\e01f";
}
.ic-bell:before {
  content: "\e027";
}
.ic-badge:before {
  content: "\e028";
}
.ic-anchor:before {
  content: "\e029";
}
.ic-wallet:before {
  content: "\e02a";
}
.ic-vector:before {
  content: "\e02b";
}
.ic-speech:before {
  content: "\e02c";
}
.ic-puzzle:before {
  content: "\e02d";
}
.ic-printer:before {
  content: "\e02e";
}
.ic-present:before {
  content: "\e02f";
}
.ic-playlist:before {
  content: "\e030";
}
.ic-pin:before {
  content: "\e031";
}
.ic-picture:before {
  content: "\e032";
}
.ic-map:before {
  content: "\e033";
}
.ic-layers:before {
  content: "\e034";
}
.ic-handbag:before {
  content: "\e035";
}
.ic-globe-alt:before {
  content: "\e036";
}
.ic-globe:before {
  content: "\e037";
}
.ic-frame:before {
  content: "\e038";
}
.ic-folder-alt:before {
  content: "\e039";
}
.ic-film:before {
  content: "\e03a";
}
.ic-feed:before {
  content: "\e03b";
}
.ic-earphones-alt:before {
  content: "\e03c";
}
.ic-earphones:before {
  content: "\e03d";
}
.ic-drop:before {
  content: "\e03e";
}
.ic-drawer:before {
  content: "\e03f";
}
.ic-docs:before {
  content: "\e040";
}
.ic-directions:before {
  content: "\e041";
}
.ic-direction:before {
  content: "\e042";
}
.ic-diamond:before {
  content: "\e043";
}
.ic-cup:before {
  content: "\e044";
}
.ic-compass:before {
  content: "\e045";
}
.ic-call-out:before {
  content: "\e046";
}
.ic-call-in:before {
  content: "\e047";
}
.ic-call-end:before {
  content: "\e048";
}
.ic-calculator:before {
  content: "\e049";
}
.ic-bubbles:before {
  content: "\e04a";
}
.ic-briefcase:before {
  content: "\e04b";
}
.ic-book-open:before {
  content: "\e04c";
}
.ic-basket-loaded:before {
  content: "\e04d";
}
.ic-basket:before {
  content: "\e04e";
}
.ic-bag:before {
  content: "\e04f";
}
.ic-action-undo:before {
  content: "\e050";
}
.ic-action-redo:before {
  content: "\e051";
}
.ic-wrench:before {
  content: "\e052";
}
.ic-umbrella:before {
  content: "\e053";
}
.ic-trash:before {
  content: "\e054";
}
.ic-tag:before {
  content: "\e055";
}
.ic-support:before {
  content: "\e056";
}
.ic-size-fullscreen:before {
  content: "\e057";
}
.ic-size-actual:before {
  content: "\e058";
}
.ic-shuffle:before {
  content: "\e059";
}
.ic-share-alt:before {
  content: "\e05a";
}
.ic-share:before {
  content: "\e05b";
}
.ic-rocket:before {
  content: "\e05c";
}
.ic-question:before {
  content: "\e05d";
}
.ic-pie-chart:before {
  content: "\e05e";
}
.ic-pencil:before {
  content: "\e05f";
}
.ic-note:before {
  content: "\e060";
}
.ic-music-tone-alt:before {
  content: "\e061";
}
.ic-music-tone:before {
  content: "\e062";
}
.ic-microphone:before {
  content: "\e063";
}
.ic-loop:before {
  content: "\e064";
}
.ic-logout:before {
  content: "\e065";
}
.ic-login:before {
  content: "\e066";
}
.ic-list:before {
  content: "\e067";
}
.ic-like:before {
  content: "\e068";
}
.ic-home:before {
  content: "\e069";
}
.ic-grid:before {
  content: "\e06a";
}
.ic-graph:before {
  content: "\e06b";
}
.ic-equalizer:before {
  content: "\e06c";
}
.ic-dislike:before {
  content: "\e06d";
}
.ic-cursor:before {
  content: "\e06e";
}
.ic-control-start:before {
  content: "\e06f";
}
.ic-control-rewind:before {
  content: "\e070";
}
.ic-control-play:before {
  content: "\e071";
}
.ic-control-pause:before {
  content: "\e072";
}
.ic-control-forward:before {
  content: "\e073";
}
.ic-control-end:before {
  content: "\e074";
}
.ic-calendar:before {
  content: "\e075";
}
.ic-bulb:before {
  content: "\e076";
}
.ic-bar-chart:before {
  content: "\e077";
}
.ic-arrow-up:before {
  content: "\e078";
}
.ic-arrow-right:before {
  content: "\e079";
}
.ic-arrow-left:before {
  content: "\e07a";
}
.ic-arrow-down:before {
  content: "\e07b";
}
.ic-ban:before {
  content: "\e07c";
}
.ic-bubble:before {
  content: "\e07d";
}
.ic-camcorder:before {
  content: "\e07e";
}
.ic-camera:before {
  content: "\e07f";
}
.ic-check:before {
  content: "\e080";
}
.ic-clock:before {
  content: "\e081";
}
.ic-close:before {
  content: "\e082";
}
.ic-cloud-download:before {
  content: "\e083";
}
.ic-cloud-upload:before {
  content: "\e084";
}
.ic-doc:before {
  content: "\e085";
}
.ic-envelope:before {
  content: "\e086";
}
.ic-eye:before {
  content: "\e087";
}
.ic-flag:before {
  content: "\e088";
}
.ic-folder:before {
  content: "\e089";
}
.ic-heart:before {
  content: "\e08a";
}
.ic-info:before {
  content: "\e08b";
}
.ic-key:before {
  content: "\e08c";
}
.ic-link:before {
  content: "\e08d";
}
.ic-lock:before {
  content: "\e08e";
}
.ic-lock-open:before {
  content: "\e08f";
}
.ic-magnifier:before {
  content: "\e090";
}
.ic-magnifier-add:before {
  content: "\e091";
}
.ic-magnifier-remove:before {
  content: "\e092";
}
.ic-paper-clip:before {
  content: "\e093";
}
.ic-paper-plane:before {
  content: "\e094";
}
.ic-plus:before {
  content: "\e095";
}
.ic-pointer:before {
  content: "\e096";
}
.ic-power:before {
  content: "\e097";
}
.ic-refresh:before {
  content: "\e098";
}
.ic-reload:before {
  content: "\e099";
}
.ic-settings:before {
  content: "\e09a";
}
.ic-star:before {
  content: "\e09b";
}
.ic-symbol-female:before {
  content: "\e09c";
}
.ic-symbol-male:before {
  content: "\e09d";
}
.ic-target:before {
  content: "\e09e";
}
.ic-volume-1:before {
  content: "\e09f";
}
.ic-volume-2:before {
  content: "\e0a0";
}
.ic-volume-off:before {
  content: "\e0a1";
}
.ic-users:before {
  content: "\e001";
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
textarea,
input,
li,
span,
button,
select {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #4e4e4e;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}
h2 {
  font-size: 19.2px;
  line-height: 1.1;
}
h3 {
  font-size: 16.8px;
  line-height: 1.1;
}
p,
label,
textarea,
input,
select,
li,
span,
button,
td {
  font-weight: 300;
}
.value {
  color: #80c1e8;
}
button[disabled],
html input[disabled],
select[disabled],
textarea[disabled] {
  background: #e4e4e4;
}
a,
button {
  cursor: pointer;
}
a:focus,
button:focus,
.btn-default:focus,
.btn-link:focus,
.btn-icon:focus,
.btn-action:focus,
.btn-cancel:focus {
  outline: none;
  background: none;
  text-decoration: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.clear {
  width: 100%;
  float: left;
  height: 1px;
  margin-bottom: -1px;
}
button {
  background: none;
}
.btn-medium {
  min-width: 90px;
}
.btn-large {
  min-width: 120px;
}
.btn-small {
  min-width: 60px;
}
.btn-default {
  padding: 6px 9px;
  background: none;
  background-color: #80c1e8;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  border: 0;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.btn-default [class^="ic-"] {
  color: #fff;
  font-weight: bolder;
}
.btn-danger {
  padding: 6px 9px;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  border: 0;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.btn-danger [class^="ic-"] {
  color: #fff;
  font-weight: bolder;
}
.btn-link {
  background-color: #2488c5;
  position: relative;
}
.btn-link:after {
  content: '';
  position: absolute;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 2px;
  background-color: #80c1e8;
}
.btn-link:hover {
  text-decoration: none;
}
.btn-action,
.btn-cancel {
  position: relative;
}
.btn-action:before,
.btn-cancel:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.btn-action {
  background-color: #4FD05B;
  position: relative;
}
.btn-cancel {
  background-color: #E86868;
}
.btn-icon {
  height: 32px;
  width: 32px;
  line-height: 1;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.btn-icon [class^="ic-"] {
  color: #fff;
  font-weight: bolder;
}
.btn-icon:hover [class^="ic-"] {
  color: #80c1e8;
}
.btn-default:before {
  left: 0;
  bottom: 0;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 0;
  border-right: 0;
}
.btn-default:after {
  left: 0;
  top: 0;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 0;
  border-bottom: 0;
}
.btn-default:hover {
  color: #fff;
  background: none;
  background-color: #55ace0;
}
.btn-default:hover [class^="ic-"] {
  color: #fff;
}
.btn-action:hover {
  color: #fff;
  background-color: #2ca638;
}
.btn-cancel:hover {
  color: #fff;
  background-color: #de2626;
}
.btn-default:focus {
  color: #fff;
  background-color: #80c1e8;
}
.btn-action:focus {
  color: #fff;
  background-color: #4FD05B;
}
.btn-cancel:hover {
  color: #fff;
  color: #E86868;
}
.btn-cancel:focus {
  background-color: #E86868;
}
.btn-action:hover:before,
.btn-action:hover:after {
  border: 1px solid #4FD05B;
}
.btn-cancel:hover:before,
.btn-cancel:hover:after {
  border: 1px solid #E86868;
}
.btn-trigger {
  position: relative;
  width: 32px;
  height: 32px;
}
.btn-trigger .trigger {
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  height: 1px;
  background-color: #fff;
}
.btn-trigger .btn-trigger:after,
.btn-trigger .btn-trigger:before {
  position: absolute;
  left: 5%;
}
.btn-yes,
.btn-no {
  padding: 6px 8px;
}
.btn.non-style {
  border: 0;
  background: none;
  color: #ddd;
}
.lnk-tab {
  display: inline-block;
  color: #2488c5;
  border: 1px solid #2488c5;
  background-color: #abd6f0;
  padding: 7px 12px;
  margin: 0 2px;
  min-width: 60px;
  text-align: center;
}
button.action {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.action {
  font-size: 16px;
  color: red;
  margin: 0;
  line-height: 22px;
  text-align: center;
  margin-left: 5px;
  display: inline-block;
  margin-bottom: 5px;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.action:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn-default.action:hover {
  background: none;
}
.btn-default.action:hover span {
  color: #4e4e4e;
}
.action-show {
  background-color: #3AA1F7;
}
.action-show:hover,
.btn-default.action-show:hover {
  border: 1px solid #3AA1F7;
  color: #3AA1F7;
  background: none;
}
.action-view {
  background-color: #0a8af4;
}
.action-view:hover,
.btn-default.action-view:hover {
  border: 1px solid #0a8af4;
  color: #0a8af4;
  background: none;
}
.action-configuration span {
  color: #4FD05B !important;
}
.action-configuration:hover {
  border: 1px solid #4FD05B;
  background: none;
}
.action-config-image span {
  color: #4FD05B !important;
}
.action-config-image:hover {
  border: 1px solid #4FD05B;
  background: none;
}
.action-edit {
  background-color: #4FD05B;
}
.action-edit:hover,
.btn-default.action-edit:hover {
  border: 1px solid #4FD05B;
  color: #4FD05B;
  background: none;
}
.action-trash {
  background-color: #E86868;
}
.action-trash:hover,
.btn-default.action-trash:hover {
  border: 1px solid #E86868;
  color: #E86868;
  background: none;
}
.action-delete {
  display: inline-block;
}
.action-delete [class^="ic-"] {
  color: #E86868;
  font-weight: bolder;
}
.action-delete:hover,
.btn-default.action-delete:hover {
  border: 1px solid #E86868;
  color: #E86868;
  background: none;
}
.action-duplicate,
.action-preview {
  background-color: #F0BA0C;
}
.action-duplicate:hover,
.action-preview:hover,
.btn-default.action-duplicate:hover,
.btn-default.action-preview:hover {
  border: 1px solid #F0BA0C;
  color: #F0BA0C;
  background: none;
}
.action-assign {
  background-color: #F7BFEE;
}
.action-assign:hover,
.btn-default.action-assign:hover {
  border: 1px solid #F7BFEE;
  color: #F7BFEE;
  background: none;
}
.action-min-close {
  color: #e86868 !important;
  margin-bottom: 0px !important;
}
.action-min-close:hover {
  text-decoration: none;
  color: #e86868 !important;
}
.hidden {
  display: none;
}
.no-border {
  border: 0;
}
.bg-none {
  background: none !important;
}
.divider {
  width: 100%;
  float: left;
  height: 1px;
  background-color: #ddd;
}
.separator {
  width: 100%;
  height: 1px;
  margin: 6px 0;
}
.block {
  width: 100%;
  display: block;
  float: left;
}
.none {
  display: none;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.t-center {
  text-align: center;
}
.no-margin {
  margin: 0 !important;
}
.padding-horizontal {
  padding-left: 15px;
  padding-right: 15px;
}
.available-success {
  color: #4FD05B;
}
.available-error {
  color: #E86868;
}
.icon-module {
  position: relative;
  font-size: 42px;
  color: #fafafa;
}
.icon-send-chat:before {
  font-family: 'Simple-Line-Icons';
  content: "\e071";
}
.icon-module:before {
  font-family: 'Simple-Line-Icons';
  font-weight: normal;
}
.icon-1:before {
  content: "\e09a";
}
.icon-2:before {
  content: "\e089";
}
.icon-3:before {
  content: "\e075";
}
.icon-4:before {
  content: "\e037";
}
.icon-5:before {
  content: "\e077";
}
.icon-6:before {
  content: "\e02c";
}
.icon-7:before {
  content: "\e096";
}
.icon-8:before {
  content: "\e010";
}
.icon-9:before {
  content: "\e008";
}
.icon-10:before {
  content: "\e055";
}
.icon-11:before {
  content: "\e067";
}
.icon-12:before {
  content: "\e038";
}
.icon-13:before {
  content: "\e001";
}
.icon-14:before {
  content: "\e086";
}
.icon-15:before {
  content: "\e07d";
}
.icon-16:before {
  content: "\e034";
}
.icon-trash:before {
  content: "\e054";
}
.icon-num-users {
  font-size: 14px !important;
}
.icon-num-users:before {
  content: "\e001";
  color: white !important;
}
.icon-num-messages {
  font-size: 14px !important;
}
.icon-num-messages:before {
  content: "\e02c";
  color: white !important;
}
.separator {
  display: block;
  width: 100%;
  float: left;
  margin: 6px 0;
  height: 1px;
  position: relative;
}
.separator:before,
.separator:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background: transparent;
}
.fixed-top {
  position: fixed;
  z-index: 999;
}
.form {
  float: left;
  width: 100%;
}
.form .form-sbt {
  margin: 0;
  padding: 7px 3px;
  background-color: #f9f9f9;
  margin-bottom: 16px;
  color: #bbb;
  border-bottom: 1px solid #bbb;
}
.item-form {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 16px;
}
.item-form .icon-box {
  width: 44px;
  height: 44px;
  margin-left: -1px;
  background-color: #e2e2e2;
  float: left;
  color: #c5c5c5;
  text-align: center;
  font-size: 22px;
  line-height: 44px;
}
.item-form .icon-box-check span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #454545;
  position: relative;
}
.item-form .icon-box-check span:before,
.item-form .icon-box-check span:after {
  content: '';
  position: absolute;
  background: none;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.item-form .icon-box-check span:before {
  border-top: 2px solid #614E4E;
  border-right: 2px solid #444;
  height: 35%;
  width: 60%;
  left: 20%;
  top: 25%;
  -webkit-transform: rotate(-230deg);
  -moz-transform: rotate(-230deg);
  -ms-transform: rotate(-230deg);
  -o-transform: rotate(-230deg);
  -transform: rotate(-230deg);
}
.item-form .icon-box-check span:after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
}
.item-form .icon-box-check span[class^="ic-"] {
  color: #a7a7a7;
  font-size: 24px;
}
.item-form .icon-box-radio span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #454545;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.item-form .icon-box-radio span:before,
.item-form .icon-box-radio span:after {
  content: '';
  position: absolute;
  background: none;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.item-form .icon-box-radio span:before {
  opacity: 0;
  width: 12px;
  height: 12px;
  background-color: #454545;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
}
.item-form .icon-box-radio span:after {
  width: 0%;
  height: 0%;
  left: 50%;
  top: 50%;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.item-form .icon-box-radio span[class^="ic-"] {
  color: #a7a7a7;
  font-size: 24px;
}
.item-form .input-box {
  width: 100%;
  float: left;
}
.item-form .input-box label {
  display: none;
}
.item-form .input-box input[type="text"],
.item-form .input-box input[type="email"],
.item-form .input-box input[type="password"],
.item-form .input-box input[type="numeric"],
.item-form .input-box input[type="number"],
.item-form .input-box input[type="date"],
.item-form .input-box input[type="phone"] {
  width: 100%;
  height: 44px;
  border: 1px solid #e2e2e2;
  padding-left: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.item-form .input-box textarea {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  padding-left: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.item-form .input-box input[type="text"].ng-touched.ng-invalid,
.item-form .input-box input[type="email"].ng-touched.ng-invalid,
.item-form .input-box input[type="password"].ng-touched.ng-invalid,
.item-form .input-box input[type="numeric"].ng-touched.ng-invalid,
.item-form .input-box input[type="number"].ng-touched.ng-invalid,
.item-form .input-box input[type="date"].ng-touched.ng-invalid,
.item-form .input-box textarea.ng-invalid,
.item-form .input-box input[type="phone"].ng-touched.ng-invalid {
  border: 1px solid #E77575;
}
.item-form .input-box input[id*='upload_file'] {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.item-form .icon-box ~ .input-box {
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: -ms-calc(100% - 100px);
  width: calc(100% - 100px);
}
.item-form .input-check {
  position: relative;
  display: inline-block;
}
.item-form .input-check input[type="radio"],
.item-form .input-check input[type="checkbox"] {
  margin-top: 0;
  opacity: 0;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.item-form .input-check .icon-box {
  background-color: transparent;
}
.item-form .input-check label {
  display: inline-block;
  color: #454545;
  height: 44px;
  padding-left: 10px;
  line-height: 44px;
  margin-bottom: 0;
}
.item-form .input-check input[type="checkbox"]:checked + .icon-box-check span:before,
.item-form .input-check input[type="radio"]:checked + .icon-box-radio span:before {
  opacity: 1;
}
.item-form .input-check input[type="checkbox"]:checked + .icon-box-check span:after {
  width: 0;
}
.item-form .input-check input[type="radio"]:checked + .icon-box-radio span {
  border-color: transparent;
}
.item-form .input-check input[type="radio"]:checked + .icon-box-radio span:after {
  width: 25px;
  height: 25px;
  border-color: #232323;
  margin-left: -12px;
  margin-top: -12px;
}
.item-form .input-check.block {
  display: block;
}
.item-form .form-actions {
  float: right;
}
.item-form .input-description {
  margin-bottom: 24px;
  padding-top: 12px;
  padding-left: 42px;
  margin-top: -1px;
  border-top: 1px solid #bbb;
}
.item-form .input-description p {
  margin: 0;
}
.item-form .dp-input {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  opacity: 0;
}
.item-form .upload-file {
  position: absolute;
  top: 0;
  height: 100%;
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: -ms-calc(100% - 60px);
  width: calc(100% - 60px);
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.item-form #btn_download_file {
  margin-left: 13px;
  background-color: #80c1e8;
  text-decoration: blink;
}
.item-form #btn_download_file .ic-cloud-download {
  color: #fff;
}
.item-form .input-select label {
  display: none;
}
.item-form .input-select .select {
  position: relative;
}
.item-form .input-select .select select {
  min-height: 44px;
  border: 1px solid #e2e2e2;
  background: none;
  border-bottom: 2px solid #e2e2e2;
  display: block;
  width: 100%;
  padding-left: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.item-form .input-select .select select:focus {
  outline: none;
}
.item-form .input-select .select:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  border-top: 8px solid #ddd;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.item-form .input-textarea label {
  display: none;
}
.item-form .input-textarea textarea {
  width: 100%;
  border: 1px solid #e2e2e2;
  min-height: 44px;
  border-bottom: 2px solid #e2e2e2;
  padding-left: 10px;
  padding-top: 8px;
}
.item-form .input-textarea textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.item-form .options p span {
  color: #80c1e8;
}
.item-form .form-item-widget-custom {
  display: inline-flex;
  margin-right: 10px;
}
.item-form .form-item-widget-custom label,
.item-form .form-item-widget-custom span,
.item-form .form-item-widget-custom input {
  cursor: move;
  display: block;
}
.item-form .form-item-widget-custom ~ input[type="text"] {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: -ms-calc(100% - 60px);
  width: calc(100% - 60px);
}
.form .form-sbt {
  margin: 0;
  padding: 7px 3px;
  background-color: #f3f3f3;
  margin-bottom: 16px;
  color: #454545;
  border-bottom: 1px solid #bbb;
}
input::-webkit-input-placeholder {
  color: #e2e2e2;
}
input:-moz-placeholder {
  color: r #e2e2e2;
}
input:-ms-input-placeholder {
  color: #e2e2e2;
}
button[id*='button_field_'] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: left;
  min-height: 45px;
}
ul.list {
  width: 100%;
  float: left;
  padding-left: 0;
}
ul.list li {
  list-style: none;
  width: 100%;
  float: left;
  border-bottom: 1px solid #bbb;
  margin: 0 0 16px 0;
  position: relative;
}
ul.list li .list-logo {
  width: 8%;
  float: left;
  padding-right: 10px;
  max-width: 45px;
}
ul.list li .list-logo img {
  width: 100%;
}
ul.list li .list-id {
  width: 10%;
  float: left;
  line-height: 45px;
}
ul.list li .list-title {
  width: 60%;
  float: left;
  font-size: 16px;
  line-height: 45px;
}
ul.list li .list-username {
  width: 20%;
  float: left;
  font-size: 16px;
  line-height: 45px;
}
ul.list li .list-size {
  width: 10%;
  float: left;
  font-size: 14px;
  line-height: 45px;
}
ul.list li .list-time {
  width: 15%;
  float: left;
  font-size: 14px;
  line-height: 45px;
}
ul.list li .list-contenttype {
  width: 20%;
  float: left;
  font-size: 14px;
  line-height: 45px;
}
ul.list li .list-rol {
  width: 10%;
  float: left;
  font-size: 16px;
  line-height: 45px;
}
ul.list li .list-email {
  width: 20%;
  float: left;
  font-size: 16px;
  line-height: 45px;
}
ul.list li .list-name {
  width: 40%;
  float: left;
  font-size: 16px;
  line-height: 45px;
}
ul.list li .list-last_updated {
  width: 20%;
  float: left;
  font-size: 16px;
  line-height: 45px;
}
ul.list li .list-active {
  float: left;
  font-size: 16px;
  line-height: 45px;
  width: 5%;
}
ul.list li .list-actions {
  width: 30%;
}
ul.list li .item-form {
  height: auto;
  line-height: 1;
}
ul.list li .nav-tabs li {
  width: auto;
  margin: 0 0 -1px 0;
  border-bottom: 0;
}
ul.list li.header {
  border-bottom: 0;
  margin-bottom: 5px;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
ul.list li.header .header-left,
ul.list li.header .header-right,
ul.list li.header .header-id,
ul.list li.header .header-logo,
ul.list li.header .header-rol,
ul.list li.header .header-username,
ul.list li.header .header-actionsuser,
ul.list li.header .header-last_updated,
ul.list li.header .header-name,
ul.list li.header .header-size,
ul.list li.header .header-time,
ul.list li.header .header-contenttype,
ul.list li.header .header-actions,
ul.list li.header .header-email,
ul.list li.header .header-useractive {
  float: left;
  color: #bbb;
}
ul.list li.header .header-id {
  width: 10%;
}
ul.list li.header .header-last_updated {
  width: 20%;
}
ul.list li.header .header-name {
  width: 40%;
  float: left;
}
ul.list li.header .header-logo {
  width: 10%;
  max-width: 45px;
}
ul.list li.header .header-size {
  width: 10%;
}
ul.list li.header .header-time {
  width: 15%;
}
ul.list li.header .header-contenttype {
  width: 20%;
}
ul.list li.header .header-left {
  width: 60%;
}
ul.list li.header .header-right {
  width: 30%;
}
ul.list li.header .header-rol {
  width: 10%;
}
ul.list li.header .header-username {
  width: 20%;
}
ul.list li.header .header-email {
  width: 20%;
}
ul.list li.header .header-actionsuser {
  width: 30%;
}
ul.list li.header .header-actions-storage {
  width: 20%;
}
ul.list li.item-select-lang .list-title {
  width: 60%;
}
ul.list li.item-select-lang .list-actions {
  width: 40%;
}
ul.list li.item-select-lang .list-name {
  width: 30%;
}
ul.list li.item-select-lang .list-last_updated {
  width: 20%;
}
.list-actions {
  float: left;
  line-height: 32px;
}
.list-actions .action {
  font-size: 16px;
  color: red;
  margin: 0;
  line-height: 22px;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.list-actions a {
  padding: 7px 12px;
  border: 1px solid transparent;
}
.list-actions a span {
  color: #454545;
}
.list-actions a:hover {
  background: none;
  text-decoration: none;
}
.list-actions a:focus {
  text-decoration: none;
}
.list-actions .action-show {
  background-color: #3AA1F7;
}
.list-actions .action-show:hover {
  border: 1px solid #3AA1F7;
}
.list-actions .action-edit {
  background-color: #4FD05B;
}
.list-actions .action-edit:hover {
  border: 1px solid #4FD05B;
}
.list-actions .action-trash {
  background-color: #E86868;
}
.list-actions .action-trash:hover {
  border: 1px solid #E86868;
}
.list-actions .action-delete {
  display: inline-block;
}
.list-actions .action-delete [class^="ic-"] {
  color: #E86868;
  font-weight: bolder;
}
.list-actions .action-delete:hover {
  border: 1px solid #E86868;
}
.list-actions .action-duplicate,
.list-actions .action-preview {
  background-color: #F0BA0C;
}
.list-actions .action-duplicate:hover,
.list-actions .action-preview:hover {
  border: 1px solid #F0BA0C;
}
.list-actions .action-assign {
  background-color: #F7BFEE;
}
.list-actions .action-assign:hover {
  border: 1px solid #F7BFEE;
}
.list-actions .fav-active {
  background-color: #F0BA0C;
}
.list-actions .fav-active:hover {
  background-color: #F0BA0C;
  border: false;
}
.list-actions .action-lang-fav:hover {
  border: 1px solid #F0BA0C;
}
div.container_question_poll .action-edit {
  display: inline-block;
  background-color: #fff !important;
}
div.container_question_poll .action-edit [class^="ic-"] {
  color: #4fd05b;
  font-weight: bolder;
}
div.container_question_poll #table_questions [class^="ic-plus"] {
  color: #80c1e8;
  font-weight: bolder;
}
.nav-tabs {
  margin-bottom: 24px;
}
.nav-tabs li a {
  background-color: #efefef;
  border: 1px solid #ddd;
  color: #aaa !important;
}
.nav-tabs li a:hover {
  border: 1px solid #ddd;
}
.nav-tabs li.active a {
  background-color: #fff;
  color: #80c1e8 !important;
}
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:active {
  color: #80c1e8;
}
.drag-drop {
  float: left;
  width: 100%;
  position: relative;
  padding: 12px 8px;
}
.drag-drop .item-drag-drop {
  overflow: hidden;
  padding: 6px 6px 0;
  margin: 0 0 12px 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.drag-drop .item-drag-drop .item-form {
  margin-bottom: 0;
}
.drag-drop .item-drag-drop .item-form .input-check {
  float: left;
  padding: 6px 0;
}
.drag-drop .item-drag-drop .item-form .list-actions {
  float: right;
}
.drag-drop .item-drag-drop:hover,
.drag-drop .item-drag-drop.active {
  background-color: #5082AD;
}
.drag-drop .item-drag-drop:hover .item-form .input-check .icon-box span,
.drag-drop .item-drag-drop.active .item-form .input-check .icon-box span {
  border-color: #fff;
}
.drag-drop .item-drag-drop:hover .item-form .input-check .icon-box span[class^="ic-"],
.drag-drop .item-drag-drop.active .item-form .input-check .icon-box span[class^="ic-"] {
  color: #fff;
}
.drag-drop .item-drag-drop:hover .item-form .input-check label,
.drag-drop .item-drag-drop.active .item-form .input-check label {
  color: #fff;
}
.drag-drop .item-drag-drop:hover .item-form .input-check input[type="radio"]:checked + .icon-box-check span:before,
.drag-drop .item-drag-drop.active .item-form .input-check input[type="radio"]:checked + .icon-box-check span:before,
.drag-drop .item-drag-drop:hover .item-form .input-check input[type="checkbox"]:checked + .icon-box-check span:before,
.drag-drop .item-drag-drop.active .item-form .input-check input[type="checkbox"]:checked + .icon-box-check span:before,
.drag-drop .item-drag-drop:hover .item-form .input-check input[type="checkbox"]:checked + .icon-box-check span:after,
.drag-drop .item-drag-drop.active .item-form .input-check input[type="checkbox"]:checked + .icon-box-check span:after {
  background-color: #fff;
}
.drag-drop .item-drag-drop.active {
  color: #fff;
  margin: 0 -40px 12px 0;
  padding-right: 45px;
}
.drag-drop-left {
  border: 1px solid #bbb;
}
.drag-drop-right {
  border: 1px solid #5082AD;
}
.table thead tr td {
  color: #bbb;
}
.table tbody tr td {
  color: #4e4e4e;
  font-size: 16px;
  line-height: 32px;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pagination-project {
  width: 100%;
  float: left;
  margin: auto;
  position: relative;
  display: block;
  text-align: center;
  margin: 0 0 25px 0;
}
.pagination-project ul {
  margin: 0;
}
.breadcrumb {
  width: 100%;
  float: left;
  background: none;
  border-bottom: 1px solid #bbb;
  padding: 6px 0;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.breadcrumb .list {
  width: 100%;
  float: left;
  margin: 0;
}
.breadcrumb .list li {
  display: inline-block;
  width: auto;
  float: none;
  color: #bbb;
  border: 0;
  margin: 0;
}
.breadcrumb .list li a {
  color: #80c1e8;
}
.breadcrumb .list li .brdivider {
  color: #a1a1a1;
}
.selections .dropdown .dropdown-toggle {
  background: none;
  width: -webkit-calc(100% - 42px);
  width: -moz-calc(100% - 42px);
  width: -ms-calc(100% - 42px);
  width: -o-calc(100% - 42px);
  width: calc(100% - 42px);
  float: left;
  margin-right: 10px;
  text-align: left;
  color: #454545;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.selections .dropdown .dropdown-toggle .caret {
  float: right;
  margin-top: 8px;
}
.selections .dropdown .dropdown-menu {
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.selections .dropdown .dropdown-menu li a {
  padding: 12px 16px;
}
.selections .dropdown .dropdown-menu li a:hover {
  background: none;
  background-color: #80c1e8;
  color: #fff;
}
#dropdown_datatype {
  height: 44px;
}
#add_answer_type {
  margin-top: 5px;
}
ul#drop_data_type,
ul#drop_dgs {
  max-height: 264px;
  overflow: auto;
}
ul#drop_dgs {
  position: absolute;
  top: 84px;
}
#dropdown_dgs {
  height: 44px;
}
button[id*='button_field_'] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
#filters {
  background-color: #f4f4f4;
  padding: 0 6px;
}
.filters h3 {
  margin-top: 0;
  font-weight: 300;
  font-size: 42px;
}
.filters .item-form {
  padding: 6px 0;
  margin: 0;
}
.filters .item-form .input-box {
  padding: 2px 0;
}
.filters .item-form .form-actions {
  margin-top: 0;
}
.filters .item-form .form-actions p {
  margin: 0;
}
.filters .item-form .form-actions p .btn-default {
  padding: 8px 7px;
}
.container-results .list {
  margin-top: 0;
}
.panel {
  width: 100%;
  float: left;
  overflow: hidden;
  width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.panel.in {
  width: 100%;
}
.info {
  position: absolute;
  height: 0;
  background-color: #ffffff;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.info p {
  margin: 0;
}
.info p span {
  color: #c2c2c2;
}
.info .btn {
  margin: 0 8px;
}
.info.in {
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  padding-top: 13px;
}
.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.loader .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  border-top: 2px solid #fff;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spinner 0.8s linear infinite;
  -moz-animation: spinner 0.8s linear infinite;
  -ms-animation: spinner 0.8s linear infinite;
  -o-animation: spinner 0.8s linear infinite;
  animation: spinner 0.8s linear infinite;
}
@-webkit-keyframes spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.table_questions {
  border-collapse: separate;
  border-spacing: 0 5px;
}
.table_questions tbody tr {
  background-color: #f9f9f9;
}
.table_questions tbody tr td {
  white-space: initial !important;
}
.img_arrowupdown {
  height: 25px;
}
.ui-state-highlight {
  background: wheat !important;
  height: 82px;
}
.element-locker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  background-color: rgba(255, 255, 255, 0.6);
}
.grid-cotainer {
  width: 100%;
  float: left;
}
.grid-cotainer .grid-1 {
  width: 100%;
}
.grid-cotainer .grid-2 {
  width: 50%;
}
.grid-cotainer .grid-3 {
  width: 33.33333333%;
}
.grid-cotainer .grid-4 {
  width: 25%;
}
.grid-cotainer .grid-5 {
  width: 20%;
}
.grid-cotainer .grid-6 {
  width: 16.66666667%;
}
.grid-cotainer .grid-7 {
  width: 14.28571429%;
}
.grid-cotainer .grid-8 {
  width: 12.5%;
}
.grid-cotainer .grid-9 {
  width: 11.11111111%;
}
.grid-cotainer .grid-10 {
  width: 10%;
}
.grid-cotainer .list {
  margin: 0;
}
.grid-cotainer .list li {
  float: left;
  border: 0;
  margin: 0;
}
.grid-cotainer .list li .module-item {
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #70A5B2;
  border: 5px solid #fff;
}
.grid-cotainer .list li .module-item a {
  display: block;
  width: 100%;
  padding: 20px 16px;
}
.grid-cotainer .list li .module-item a span[class^="ic-"] {
  font-size: 46px;
  color: #fff;
}
.grid-cotainer .list li .module-item a span[class^="ic-"]:before {
  font-weight: normal;
}
.grid-cotainer .list li .module-item a .module-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.grid-cotainer .list li .module-item a .module-title span {
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.grid-cotainer .list li .module-item a:hover {
  text-decoration: none;
}
.grid-cotainer .list li .module-item .actions {
  position: absolute;
  width: 100%;
  bottom: -100%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.8);
}
.grid-cotainer .list li .module-item .actions .list {
  /* two items */
  /* three items */
  /* four items */
  /* five items */
  /* six items */
  /* seven items */
  /* eight items */
  /* nine items */
  /* ten items */
}
.grid-cotainer .list li .module-item .actions .list li .action {
  padding: 3px 0;
  margin: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.grid-cotainer .list li .module-item .actions .list li .action span[class^="ic-"] {
  font-size: 22px;
}
.grid-cotainer .list li .module-item .actions .list li .action span[class^="ic-"]:before {
  font-weight: bolder;
}
.grid-cotainer .list li .module-item .actions .list li .action-create:hover {
  background-color: #4FD05B;
}
.grid-cotainer .list li .module-item .actions .list li .action-trash:hover {
  background-color: #E86868;
}
.grid-cotainer .list li .module-item .actions .list li .action-show:hover {
  background-color: #3AA1F7;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(1) {
  width: 100%;
  padding: 0;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(2),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(3),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(3) ~ li {
  width: 33.33333333%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(4),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(5),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(6),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(6) ~ li {
  width: 16.66666667%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(7),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(7) ~ li {
  width: 14.28571429%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(8),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(9),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(9) ~ li {
  width: 11.11111111%;
}
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(10),
.grid-cotainer .list li .module-item .actions .list li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}
.grid-cotainer .list li .module-item-disabled {
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #BDBDBD;
  border: 5px solid #fff;
}
.grid-cotainer .list li .module-item-disabled a {
  display: block;
  width: 100%;
  padding: 20px 16px;
  cursor: default;
}
.grid-cotainer .list li .module-item-disabled a span[class^="ic-"] {
  font-size: 46px;
  color: #fff;
}
.grid-cotainer .list li .module-item-disabled a span[class^="ic-"]:before {
  font-weight: normal;
}
.grid-cotainer .list li .module-item-disabled a .module-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.grid-cotainer .list li .module-item-disabled a .module-title span {
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.grid-cotainer .list li .module-item-disabled a:hover {
  text-decoration: none;
}
.grid-cotainer .list li .module-item-disabled .actions {
  position: absolute;
  width: 100%;
  bottom: -100%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.8);
}
.grid-cotainer .list li .module-item-disabled .actions .list {
  /* two items */
  /* three items */
  /* four items */
  /* five items */
  /* six items */
  /* seven items */
  /* eight items */
  /* nine items */
  /* ten items */
}
.grid-cotainer .list li .module-item-disabled .actions .list li .action {
  padding: 3px 0;
  margin: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.grid-cotainer .list li .module-item-disabled .actions .list li .action span[class^="ic-"] {
  font-size: 22px;
}
.grid-cotainer .list li .module-item-disabled .actions .list li .action span[class^="ic-"]:before {
  font-weight: bolder;
}
.grid-cotainer .list li .module-item-disabled .actions .list li .action-create:hover {
  background-color: #4FD05B;
}
.grid-cotainer .list li .module-item-disabled .actions .list li .action-trash:hover {
  background-color: #E86868;
}
.grid-cotainer .list li .module-item-disabled .actions .list li .action-show:hover {
  background-color: #3AA1F7;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(1) {
  width: 100%;
  padding: 0;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(2),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(3),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(3) ~ li {
  width: 33.33333333%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(4),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(5),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(6),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(6) ~ li {
  width: 16.66666667%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(7),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(7) ~ li {
  width: 14.28571429%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(8),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(9),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(9) ~ li {
  width: 11.11111111%;
}
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(10),
.grid-cotainer .list li .module-item-disabled .actions .list li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}
.grid-cotainer .list li .add-item {
  background: none;
}
.grid-cotainer .list li .add-item a {
  border: 1px solid #80c1e8;
}
.grid-cotainer .list li .add-item a span[class^="ic-"] {
  color: #80c1e8;
}
.grid-cotainer .list li .add-item a .module-title span {
  color: #80c1e8;
}
.grid-cotainer .list li .add-item:hover .module-title,
.grid-cotainer .list li .module-item:hover .module-title {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.grid-cotainer .list li .add-item:hover .module-title span,
.grid-cotainer .list li .module-item:hover .module-title span {
  top: 35%;
  left: 0;
  width: 100%;
}
.grid-cotainer .list li .add-item:hover .actions,
.grid-cotainer .list li .module-item:hover .actions {
  opacity: 1;
  bottom: 0;
}
.grid-cotainer .list li .add-item:hover .module-title {
  height: 30px;
}
.grid-cotainer .list li .add-item:hover .module-title span {
  top: 0;
  left: 0;
  color: #fff;
}
.form-item-widget-custom {
  position: relative;
  line-height: 60px;
  width: 60px;
  display: inline-block;
}
.form-item-widget-custom input[type="radio"] {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  margin-top: 0;
  z-index: 1;
}
.form-item-widget-custom label {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  background-color: #006dff;
  cursor: pointer;
  color: #fff;
}
.form-item-widget-custom .select {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.6);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.form-item-widget-custom .left {
  left: 0;
}
.form-item-widget-custom .right {
  left: 100%;
  margin-left: -30px;
}
.form-item-widget-custom .right[type="radio"]:checked ~ .select {
  left: 0%;
  width: 50%;
}
.form-item-widget-custom .left[type="radio"]:checked ~ .select {
  left: 100%;
  width: 50%;
  margin-left: -30px;
}
.simple-action {
  height: 0;
  overflow: hidden;
  width: 100%;
  float: left;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.simple-action .header-simple-action {
  margin-bottom: 16px;
}
.simple-action .header-simple-action h3 {
  font-size: 24px;
  line-height: 32px;
  display: inline-block;
  margin: 0;
}
.simple-action.in {
  height: 100%;
  padding: 24px 0 0 0;
  border-top: 1px solid #bbb;
}
.modal-body {
  width: 100%;
  float: left;
}
.modal-body img {
  max-width: 568px;
  max-height: 400px;
}
.modal-body .jcrop-keymgr {
  display: none!important;
}
.modal-footer .crop-options {
  float: left;
  padding: 12px 0;
}
.modal-footer .crop-options .crop-option {
  padding: 12px 36px;
  margin-right: 5px;
  border: 1px solid black;
}
.modal-footer .crop-options .crop-option:hover {
  text-decoration: none;
  background-color: #55ace0;
  border: 1px solid transparent;
}
.modal-footer .crop-options .crop-option:focus {
  text-decoration: none;
}
.modal-footer .crop-options .crop-option-active {
  background-color: #80c1e8;
  border: 1px solid transparent;
}
.modal-footer .crop-options .crop-option-active:hover {
  text-decoration: none;
  background-color: #80c1e8;
  cursor: default;
}
.modal-footer .crop-options #crop-option-adapt.crop-option-active:hover {
  cursor: pointer;
}
div#subcategory_list,
div#category_list {
  overflow-y: scroll;
  height: 438px;
  overflow-x: hidden;
}
#container_cat_subcat h3 {
  width: 30%;
  position: relative;
  float: left;
}
#container_cat_subcat h3 ~ div.row {
  width: 50%;
  position: relative;
  float: right;
}
.project_logo_col {
  float: right;
  display: none;
}
.project_logo_col #final_project_logo,
.project_logo_col .final_project_logo {
  padding: 2px;
  width: 100%;
  position: absolute;
  margin-bottom: 16px;
}
.project_logo_col #final_project_logo img,
.project_logo_col .final_project_logo img {
  border: 3px solid #e2e2e2;
  padding: 2px;
  float: left;
  margin-right: 25px;
  cursor: pointer;
}
#gallery-thumbs .gallery-thumb {
  text-align: center;
}
#gallery-thumbs .gallery-thumb .thumb {
  position: relative;
  max-width: 75px;
  margin: 0 auto;
}
#gallery-thumbs .gallery-thumb .thumb img {
  border: 3px solid #e2e2e2;
  text-align: center;
  padding: 2px;
  max-width: 75px;
  margin-bottom: 16px;
}
#gallery-thumbs .gallery-thumb .thumb span {
  display: none;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  background-color: #E86868;
  color: rgba(0, 0, 0, 0.8);
}
#gallery-thumbs .gallery-thumb:hover span {
  display: block!important;
}
#thumb_options {
  display: none;
  position: absolute;
  right: 100px;
  top: 29px;
}
#thumb_options #restore_last_thumb {
  float: right;
}
#thumb_options #restore_last_thumb span {
  background-color: #4FD05B;
  border: 1px solid transparent;
  padding: 14px;
}
#thumb_options #restore_last_thumb span:hover {
  border: 1px solid #4FD05B;
  background-color: #fff;
}
#thumb_options #restore_last_thumb:hover {
  text-decoration: none;
}
#thumb_options #restore_last_thumb:focus {
  text-decoration: none;
}
#container_date_poll {
  margin-top: 100px;
}
.validate {
  position: absolute;
  font-size: 18px;
}
.validate.validate-success span {
  color: #8AC783;
}
.validate.validate-error span {
  color: #D87551;
}
.alert {
  opacity: 1;
  margin: 0;
  margin-top: -12px;
  margin-bottom: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.alert p {
  margin: 0;
}
.alert.in {
  opacity: 1;
}
.alert-error {
  background-color: #F2A5A5;
  border: 1px solid #B25959;
}
.alert-error p {
  color: #B25959;
}
.slidenav {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 50;
  width: 160px;
  height: -webkit-calc(100% - 90px);
  height: -moz-calc(100% - 90px);
  height: -ms-calc(100% - 90px);
  height: -o-calc(100% - 90px);
  height: calc(100% - 90px);
  overflow: auto;
  background-color: rgba(85, 172, 224, 0.15);
  border-right: 1px solid #55ace0;
}
.slidenav .title-project {
  color: #55ace0;
  font-size: 26px;
  line-height: 26px;
  margin: 6px 0 6px 6px;
}
.slidenav .list {
  margin: 0;
}
.slidenav .list li {
  margin: 0;
  border: 0;
}
.slidenav .list li a {
  display: block;
  padding: 0.2rem;
  text-align: left;
  border-bottom: 1px solid #80c1e8;
}
.slidenav .list li a span {
  font-size: 16px;
  color: #80c1e8;
}
.slidenav .list li a:hover {
  text-decoration: none;
}
.modal-content {
  float: left;
  width: 100%;
}
.modal-content .modal-footer,
.modal-content .modal-header {
  float: left;
  width: 100%;
}
.tab-content > .tab-pane {
  width: 100%;
  float: left;
}
/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
ul[dnd-list],
ul[dnd-list] > li {
  position: relative;
}
/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}
/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
ul[dnd-list] .dndDraggingSource {
  display: none;
}
/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  min-height: 42px;
}
/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
ul[dnd-list] li {
  /*    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;*/
}
/**
 * Show selected elements in green
 */
/* ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}*/
.simulate-file {
  min-width: 160px;
  padding: 6px 8px;
  background-color: #80c1e8;
  color: #fff;
}
/*.button {
    -moz-appearance: button;
     Firefox 
    -webkit-appearance: button;
     Safari and Chrome 
    padding: 10px;
    margin: 10px;
    width: 70px;
}
.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 200px;
    height: 65px;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
}
.dragover {
    border: 5px dashed blue;
}*/
.slider.slider-horizontal {
  width: 98%;
  height: 22px;
  margin-left: 0px;
}
.input-group {
  width: 100%;
  height: 44px;
}
#modules .item-form {
  width: 33%;
}
#permission .item-form label {
  padding-left: 0px;
  margin-left: -5px;
  padding-right: 20px;
}
.select-permission {
  width: 31.5%;
  float: left;
}
md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  color: #80c1e8 !important;
  background: #80c1e8 !important;
}
@media (max-width: 992px) {
  .project_logo_col {
    float: left;
    margin-bottom: 16px;
  }
  .project_logo_col #final_project_logo,
  .project_logo_col .final_project_logo {
    position: relative;
  }
}
.header {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.header nav {
  background: none;
  background-color: #fff;
}
.header nav .logo {
  width: 60px;
  margin: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.header nav .user-actions .lnk {
  line-height: 60px;
  display: inline-block;
  padding: 0 14px;
  color: #80c1e8;
  border-bottom: 2px solid #80c1e8;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.header nav .user-actions .lnk:before {
  content: attr(title);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.header nav .user-actions .lnk:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #80c1e8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.header nav .user-actions .lnk:hover {
  color: #fff;
  text-decoration: none;
}
.header nav .user-actions .lnk:hover:before {
  color: #fff;
}
.header nav .user-actions .lnk:hover:after {
  height: 100%;
}
.header .user-profile {
  display: flex;
  align-items: center;
  height: 60px;
  text-align: right;
}
.header .user-profile .profile-img {
  height: 42px;
  width: 42px;
  overflow: hidden;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.header .user-profile .profile-img img {
  max-width: 100%;
}
.header .user-profile .profile-name {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}
.header .user-profile .profile-name:before {
  content: '';
  position: absolute;
  top: -15%;
  left: -15px;
  height: 130%;
  width: 1px;
  background-color: #ddd;
}
.logo {
  margin-bottom: 42px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}
.logo span {
  text-indent: -10000px;
  display: block;
  width: 0;
  height: 0;
}
.logo img {
  max-width: 90%;
  margin-top: 3px;
}
#loading-bar {
  pointer-events: all;
  z-index: 99999;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: wait;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
}
#loading-bar-spinner {
  top: 50% !important;
  left: 50% !important;
  z-index: 99999 !important;
}
#loading-bar-spinner .spinner-icon {
  height: 50px !important;
  width: 50px !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
}
html,
body {
  height: 100%;
}
.wrapper-page {
  min-height: 100%;
  position: relative;
}
body {
  position: relative;
  overflow: hidden;
}
.page {
  position: relative;
  padding-bottom: 30px;
  width: 100%;
  float: left;
}
.page .content,
.page .content-footer {
  width: 100%;
  float: left;
}
.page .content h2 {
  font-size: 42px;
  font-weight: 300;
  margin: 0;
}
.page .content .page-info .lnk-page {
  display: inline-block;
  padding: 6px 8px;
  margin: 0 4px;
  position: relative;
  color: #80c1e8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.page .content .page-info .lnk-page:hover,
.page .content .page-info .lnk-page.sel {
  color: #55ace0;
}
.page .content .page-info .lnk-page:hover,
.page .content .page-info .lnk-page:active,
.page .content .page-info .lnk-page:focus {
  text-decoration: none;
}
.page .content .page-info .lnk-page:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #80c1e8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.page .content .page-info .lnk-page.sel:after,
.page .content .page-info .lnk-page:hover:after {
  width: 100%;
}
.page .content-footer .pagination-centered {
  text-align: center;
}
.page-footer {
  width: 100%;
  float: left;
  margin-top: 16px;
}
#table_data_types {
  margin-top: 30px;
}
/*div[id*='name_datagroup_list_']{
    max-width: 300px;
}*/
.main-content {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 90px);
  height: -moz-calc(100% - 90px);
  height: -ms-calc(100% - 90px);
  height: -o-calc(100% - 90px);
  height: calc(100% - 90px);
  overflow-y: auto;
  padding-left: 160px;
  padding-top: 12px;
}
.main-content.without-menu {
  padding-left: 0;
}
.map-location {
  width: 100%;
  float: left;
}
input[type="time"] {
  height: 44px;
}
.chart-wrapper {
  float: left;
  width: 100%;
}
.chart-header {
  width: 100%;
  float: left;
  background-color: #efefef;
  border-top: 1px solid #dfdfdf;
  padding: 12px 0;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 24px;
}
.chart-header .title {
  font-size: 36px;
  margin: 0;
  color: #55ace0;
}
.chart-header .title span {
  font-size: 28px;
  display: block;
}
.chart-subheader {
  margin-bottom: 30px;
  width: 100%;
  float: left;
  background-color: #f5f5f5;
}
.chart-body .list {
  font-size: 16px;
  line-height: 18px;
}
.highcharts-container {
  float: left !important;
  width: 100% !important;
}
/**
 * CATEGORIES
 **/
.item-category {
  position: relative;
  width: 100%;
  float: left;
  display: block;
  padding: 12px 0;
}
.item-category > a {
  display: block;
  width: 100%;
  margin: -12px 0;
  padding: 12px 0 12px 0;
  color: #4e4e4e !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.item-category > a:hover {
  color: #fff;
  background: none;
  background-color: #80c1e8;
  text-decoration: none;
  padding: 12px 0 12px 4px;
}
.item-category > a.active {
  background-color: #80c1e8;
  padding-left: 4px;
  color: #fff;
}
.item-category .category-actions {
  position: absolute;
  top: 100%;
  left: auto;
  right: 3px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
}
.item-category:hover .category-actions {
  top: 3px;
  opacity: 1;
  visibility: visible;
}
.elementDetach {
  width: 100%;
  float: left;
  position: relative;
}
.elementDetach > .action.action-trash {
  position: absolute;
  right: 0;
  top: -3px;
}
.drop-file .preview {
  margin-top: 25px;
  height: 200px;
}
.drop-file .preview .cropArea {
  position: relative;
  background: #E4E4E4;
  overflow: hidden;
  width: 100%;
  height: 200px;
}
.drop-file .preview .cropArea img-crop {
  position: relative;
  float: left;
  background: #E4E4E4;
  overflow: hidden;
  min-width: 100%;
  height: 200px;
}
.drop-file .preview .cropArea img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: 0px;
  -webkit-tap-highlight-color: transparent;
}
.drop-file .preview .croppable {
  position: relative;
  top: -315px;
  left: 110%;
  margin-bottom: -330px;
}
.drop-file .preview .data-croppable-img {
  max-width: 100%;
}
.drop-file .preview .data-croppable-img img {
  max-height: 200px;
}
.drop-file .preview #final_project_logo_edit,
.drop-file .preview div[id*='container_croppable'] {
  position: relative;
  top: -213px;
  left: 110%;
  margin-bottom: -330px;
}
.drop-file .preview #final_project_banner_edit,
.drop-file .preview div[id*='container_croppable'] {
  position: relative;
  top: -213px;
  left: 110%;
  margin-bottom: -330px;
}
.drop-file .preview div.croppable img {
  max-height: 201px;
}
/*.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}*/
/*.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}*/
/*PROJECTS*/
#span_info_nopic {
  font-size: 2rem;
  display: block;
  text-align: center;
  padding-top: 10px;
}
/*GALLERY*/
#filesContainer li {
  max-width: 200px;
}
#filesContainer li div.module-item {
  background-size: cover;
  height: 15vh;
  background-color: #ccc;
}
#filesContainer li div.module-item img {
  width: 200px;
}
#container_pic_gallery {
  margin-top: 30px;
}
#container_parents,
[id*='container_parents'] {
  position: relative;
  float: right;
  margin-left: 20px;
  float: left;
}
#container_parents md-autocomplete,
[id*='container_parents'] md-autocomplete {
  float: left;
}
#table_data_types input[type="text"] {
  padding: 5px;
}
#list_dg_parents li,
ul[id*='list_dg_parents_'] li {
  list-style: none;
  margin-left: -38px;
  max-width: 300px;
}
#list_dg_parents li #container_li_dg_parents,
ul[id*='list_dg_parents_'] li #container_li_dg_parents,
#list_dg_parents li div[id*='container_li_dg_parents'],
ul[id*='list_dg_parents_'] li div[id*='container_li_dg_parents'] {
  display: flex;
  align-items: center;
  border: 1px solid #bbb;
  margin-bottom: -1px;
}
#list_dg_parents li #container_li_dg_parents #container_parent_name,
ul[id*='list_dg_parents_'] li #container_li_dg_parents #container_parent_name,
#list_dg_parents li div[id*='container_li_dg_parents'] #container_parent_name,
ul[id*='list_dg_parents_'] li div[id*='container_li_dg_parents'] #container_parent_name,
#list_dg_parents li #container_li_dg_parents div[id*='container_parent_name_'],
ul[id*='list_dg_parents_'] li #container_li_dg_parents div[id*='container_parent_name_'],
#list_dg_parents li div[id*='container_li_dg_parents'] div[id*='container_parent_name_'],
ul[id*='list_dg_parents_'] li div[id*='container_li_dg_parents'] div[id*='container_parent_name_'] {
  padding: 10px;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#list_dg_parents li #container_li_dg_parents .list-actions .action,
ul[id*='list_dg_parents_'] li #container_li_dg_parents .list-actions .action,
#list_dg_parents li div[id*='container_li_dg_parents'] .list-actions .action,
ul[id*='list_dg_parents_'] li div[id*='container_li_dg_parents'] .list-actions .action {
  margin-right: 0px;
  margin-bottom: 0px;
}
#list_dg_parents li:first-child,
ul[id*='list_dg_parents_'] li:first-child {
  margin-top: 40px;
}
button[id*='add_parents_'] {
  margin-left: 20px;
}
.img_tab {
  height: 15px;
  margin-top: -5px;
}
.nivel1 {
  padding-right: 5px;
  padding-left: 20px;
}
.nivel2 {
  padding-right: 5px;
  padding-left: 60px;
}
.nivel3 {
  padding-right: 5px;
  padding-left: 90px;
}
.nivel4 {
  padding-right: 5px;
  padding-left: 120px;
}
#toolbarWC,
#toolbarCC {
  color: black !important;
}
.content-statistics {
  margin-top: 40px;
}
.total-users {
  margin-bottom: 30px;
  background-color: #f9f9f9;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
  float: left;
}
.table-statistics {
  margin-top: 30px;
}
.table-statistics span {
  font-size: 14px;
}
.scroll-statistic {
  min-width: 100% !important;
  overflow: auto;
}
.scroll-statistic table {
  margin-top: 30px;
}
.scroll-statistic table tbody tr td {
  max-width: initial !important;
}
.label_selected {
  padding-left: 10%;
  padding-right: 2%;
}
.icon-order {
  height: 15px;
  padding-left: 1%;
  cursor: pointer;
}
#contentPreview {
  padding-bottom: 50px;
}
.modal-backdrop {
  z-index: 0 !important;
}
md-tabs md-tabs-wrapper {
  background-color: #80c1e8;
}
.labelTab {
  color: #D8F0FF;
  font-size: 15px;
}
.subtabs md-tabs-wrapper {
  background-color: #efefef;
}
.labelSubTab {
  color: #80c1e8;
  font-size: 15px;
}
.md-ripple-container {
  color: red;
}
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 75px !important;
}
.subtabs2 {
  margin-top: -27px;
  background-color: transparent;
}
.subtabs2 md-tabs-wrapper {
  background-color: #efefef;
}
md-select {
  margin: 5px 0 26px !important;
}
#table_details td {
  white-space: normal !important;
}
.orderBy {
  color: #80c1e8 !important;
}
.spanErrorRequired {
  color: #E77575;
  margin-left: 10px;
}
#template_html .ta-html {
  height: auto;
  min-height: 600px !important;
  padding: 6px 12px;
}
#template_html .ta-scroll-window > .ta-bind {
  height: auto;
  min-height: 600px !important;
  padding: 6px 12px;
}
.project-name {
  float: left;
  width: 80%;
}
.icon-edit-project {
  float: left;
  width: 20%;
}
.projects_container {
  width: 75%;
  margin: auto;
  overflow: hidden;
  margin-bottom: 40px;
  max-width: 1000px;
}
.module_project {
  width: 20%;
  padding: 2.5%;
  float: left;
  max-width: 200px;
  position: relative;
}
.module_project a {
  text-decoration: none;
}
.module_project img {
  width: 100%;
}
.module_project img:hover {
  opacity: 0.7;
}
.module_project .ic-edit-project {
  float: right;
  padding: 2px;
}
.module_project .project-header {
  height: 10px;
  background-color: #80c1e8;
}
.module_project .project-name-module {
  text-align: center;
  width: 100%;
  min-height: 30px;
  background-color: #f4f4f4;
  margin-top: 10px;
}
.module_project .project-name-module .name-project-center {
  padding: 5px;
}
.module_project .project-name-module .name-project-center span {
  font-size: 16px;
}
.chat-detail {
  overflow: hidden;
  padding: 5%;
  background-color: #e6e5eb;
  height: 500px;
  overflow-y: scroll;
}
.chat-detail .scroll-content {
  background-color: #f9f9f9;
}
.chat-detail img.profile-picture {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 10px;
}
.chat-detail img.profile-picture.left {
  left: 10px;
}
.chat-detail img.profile-picture.right {
  right: 10px;
}
.chat-detail .ion-email {
  float: right;
  font-size: 32px;
  vertical-align: middle;
}
.chat-detail .message {
  font-size: 14px;
}
.chat-detail .message-detail {
  white-space: nowrap;
  font-size: 14px;
}
.chat-detail .bar.item-input-inset .item-input-wrapper input {
  width: 100% !important;
}
.chat-detail .message-wrapper {
  position: relative;
}
.chat-detail .message-wrapper:last-child {
  margin-bottom: 10px;
}
.chat-detail .chat-bubble {
  border-radius: 5px;
  display: inline-block;
  padding: 10px 18px;
  position: relative;
  margin: 10px;
  max-width: 80%;
  clear: both;
}
.chat-detail .chat-bubble .message-time {
  font-size: 0.7em;
  display: block;
}
.chat-detail .chat-bubble:before {
  content: "\00a0";
  display: block;
  height: 16px;
  width: 9px;
  position: absolute;
  bottom: -7.5px;
}
.chat-detail .chat-bubble.left {
  background-color: #e6e5eb;
  float: left;
  margin-left: 55px;
}
.chat-detail .chat-bubble.left:before {
  background-color: #e6e5eb;
  left: 10px;
  -webkit-transform: rotate(70deg) skew(5deg);
}
.chat-detail .chat-bubble.right {
  background-color: #158ffe;
  color: #fff;
  float: right;
  margin-right: 55px;
}
.chat-detail .chat-bubble.right:before {
  background-color: #158ffe;
  right: 10px;
  -webkit-transform: rotate(118deg) skew(-5deg);
}
.chat-detail .chat-bubble.right a.autolinker {
  color: #fff;
  font-weight: bold;
}
.chat-detail .chat-bubble.right .message-time {
  text-align: right;
}
.chat-detail .bar-footer {
  height: auto;
  overflow: visible !important;
}
.chat-detail .bar-footer .item-input-inset {
  padding-left: 0;
  padding-right: 0;
}
.chat-detail .bar-footer textarea {
  resize: none;
  height: 1.5em;
  width: 100%;
  background: none;
}
.chat-detail .bar-footer .footer-btn-wrap {
  align-self: flex-end;
}
.chat-detail .bar-footer .footer-btn-wrap .button-icon {
  color: #fff;
}
.chat-detail .bar-footer .footer-btn-wrap .button-icon:before {
  font-size: 1.5em;
}
.chat-detail .chat-bubble.left {
  margin-left: 0;
}
.chat-detail .chat-bubble.right {
  margin-right: 0;
}
.chat-detail .chat-bubble.left {
  background-color: #fff;
  color: #333;
}
.chat-detail .chat-bubble.right {
  background-color: #5db0e2;
  color: #fff;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  -moz-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  -ms-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  -o-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
}
.chat-detail .chat-bubble.right:before {
  background-color: #5db0e2;
  border-top: 1px solid #5db0e2;
  border-right: 1px solid #5db0e2;
  -webkit-transform: rotate(113deg) skew(-3deg);
  -moz-transform: rotate(113deg) skew(-3deg);
  -ms-transform: rotate(113deg) skew(-3deg);
  -o-transform: rotate(113deg) skew(-3deg);
  transform: rotate(113deg) skew(-3deg);
  -webkit-box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, 0.4);
  -moz-box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, 0.4);
  -ms-box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, 0.4);
  -o-box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, 0.4);
  box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, 0.4);
}
.chat-detail .chat-bubble.left {
  background-color: #fff;
  color: #333;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  -moz-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  -ms-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  -o-box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
  box-shadow: 0 0 5px rgba(125, 125, 125, 0.8);
}
.chat-detail .chat-bubble.left:before {
  background-color: #fff;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  -webkit-transform: rotate(66deg) skew(5deg);
  -moz-transform: rotate(66deg) skew(5deg);
  -ms-transform: rotate(66deg) skew(5deg);
  -o-transform: rotate(66deg) skew(5deg);
  transform: rotate(66deg) skew(5deg);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(178, 178, 178, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(178, 178, 178, 0.4);
  -ms-box-shadow: 2px 2px 2px 0 rgba(178, 178, 178, 0.4);
  -o-box-shadow: 2px 2px 2px 0 rgba(178, 178, 178, 0.4);
  box-shadow: 2px 2px 2px 0 rgba(178, 178, 178, 0.4);
}
.send-chat-bar {
  padding-right: 2.5%;
  padding-left: 2.5%;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  background-color: #80c1e8;
  color: white;
  overflow: hidden;
  height: 40px;
}
.send-chat-bar .icon-send-chat {
  width: 25px;
  float: left;
  color: #b3d4fc;
  font-size: 24px;
  margin-left: 1%;
  cursor: pointer;
  margin-top: -2px;
}
.send-chat-bar .icon-send-chat:hover {
  color: white;
}
.send-chat-bar textarea {
  background-color: #e6e5eb;
  resize: none;
  width: 95%;
  border: 0px;
  border-radius: 2px;
  float: left;
  height: 30px;
}
.name-room-select {
  background-color: #80c1e8;
  height: 30px;
  width: 100%;
  padding-right: 2.5%;
  padding-left: 2.5%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.name-room-select span {
  color: #E5FEFF;
}
.rooms-chat {
  background-color: white;
  max-height: 550px;
}
.rooms-chat .room-chat {
  width: 100%;
  background-color: #f7f7f7;
  border-bottom: 1px solid #55ace0;
  border-right: 1px solid #55ace0;
  border-left: 1px solid #55ace0;
  cursor: pointer;
  height: 35px;
  padding: 2.5%;
}
.rooms-chat .room-chat span {
  color: #80c1e8;
}
.rooms-chat .room-chat .badge-chat {
  color: white !important;
  float: right;
}
.rooms-chat .room-chat .badge-messages {
  color: white !important;
  float: right;
  background-color: #FA5858;
  margin-right: 10px;
  display: none;
}
.rooms-chat .room-chat .view-badge {
  display: block;
}
.rooms-chat .room-chat-disable {
  width: 100%;
  background-color: #f7f7f7;
  border-bottom: 1px solid #55ace0;
  border-right: 1px solid #55ace0;
  border-left: 1px solid #55ace0;
  cursor: pointer;
  height: 35px;
  padding: 1%;
  line-height: 26px;
}
.rooms-chat .room-chat-disable span {
  color: #80c1e8;
}
.rooms-chat .room-chat-disable .badge-chat {
  color: white !important;
}
.rooms-chat .room-chat-disable .badge-messages {
  color: white !important;
  float: right;
  background-color: #FA5858;
  margin-right: 10px;
  display: none;
}
.rooms-chat .room-chat-disable .view-badge {
  display: block;
}
#firechat-wrapper {
  height: 500px;
}
#firechat-wrapper #firechat {
  height: 500px;
}
#firechat-wrapper #firechat .icon.user-chat {
  display: none;
}
#firechat-wrapper #firechat .user-mute {
  display: none;
}
#firechat .tab-pane .clearfix:last-child {
  display: none;
}
#firechat-tab-list {
  display: none;
}
#firechat-header {
  display: none;
}
.tab-pane-menu {
  display: none;
}
.message {
  border-radius: 5px;
  display: inline-block;
  padding: 10px 18px !important;
  position: relative;
  margin: 10px !important;
  background-color: white !important;
  clear: both;
  width: 60%;
  height: auto;
}
.message .fourfifth em {
  font-size: 0.7em;
}
.message .message-content {
  display: block !important;
  color: #4e4e4e;
}
.message strong {
  font-size: 12px;
}
.message-self {
  margin-left: 40% !important;
  background-color: #5db0e2 !important;
  color: #E5FEFF !important;
}
.message-self .message-content {
  display: block !important;
  color: #E5FEFF !important;
}
.message-self label {
  color: #E5FEFF !important;
}
#firechat .message:nth-child(odd) {
  background-color: white;
  color: white;
}
.message:before {
  content: "\00a0";
  display: block;
  height: 16px;
  width: 9px;
  position: absolute;
  bottom: -7.5px;
  background-color: #fff;
  -webkit-transform: rotate(70deg) skew(5deg);
  -moz-transform: rotate(70deg) skew(5deg);
  -ms-transform: rotate(70deg) skew(5deg);
  -o-transform: rotate(70deg) skew(5deg);
  -transform: rotate(70deg) skew(5deg);
  -webkit-box-shadow: 1px 1px 0px 0px #ccc;
  -moz-box-shadow: 1px 1px 0px 0px #ccc;
  -ms-box-shadow: 1px 1px 0px 0px #ccc;
  -o-box-shadow: 1px 1px 0px 0px #ccc;
  box-shadow: 1px 1px 0px 0px #ccc;
}
.message-self:before {
  content: "\00a0";
  display: block;
  height: 16px;
  width: 9px;
  position: absolute;
  bottom: -7.5px;
  background-color: #5db0e2;
  right: 10px;
  -webkit-transform: rotate(118deg) skew(5deg);
  -moz-transform: rotate(118deg) skew(5deg);
  -ms-transform: rotate(118deg) skew(5deg);
  -o-transform: rotate(118deg) skew(5deg);
  -transform: rotate(118deg) skew(5deg);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#firechat .chat {
  overflow: hidden;
  padding-right: 5%;
  padding-left: 3%;
  background-color: #f7f7f7;
  height: 500px !important;
  overflow-y: scroll;
  margin-bottom: 0px !important;
}
#firechat #firechat-tabs {
  height: auto !important;
}
.filter-push-title {
  display: block;
  font-size: 16px;
}
.filter-push {
  width: 33.33%;
  float: left;
  height: 80px;
}
.filter-push h3,
.filter-push select,
.filter-push input {
  width: 80%;
  height: 28px;
}
.filter-push h3 {
  margin: 5px;
  line-height: 35px;
  font-style: italic;
}
.filter-push md-checkbox {
  margin-bottom: 0;
  margin-top: 8px;
}
.loading {
  width: 50px;
  margin: auto;
  text-align: center;
  padding-top: 100px;
}
.loading md-progress-circular path {
  stroke: #80c1e8;
}
.md-input-focused .md-input {
  border-color: #80c1e8;
}
.foldername:hover {
  text-decoration: none;
}
.foldername:hover > span {
  color: #80c1e8;
  text-decoration: none;
}
md-radio-button.md-default-theme ._md-on,
md-radio-button ._md-on {
  background-color: #80c1e8;
}
md-radio-button.md-default-theme.md-checked ._md-off,
md-radio-button.md-checked ._md-off {
  border-color: #80c1e8;
}
.md-calendar-scroll-mask {
  overflow: initial !important;
}
.md-calendar-scroll-container {
  box-shadow: none !important;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #80c1e8;
  padding: 6px 0;
  border-top: 1px solid #54ADE4;
  margin-top: 60px;
}
.footer p {
  margin: 0;
  color: #1c6a9a;
}
.page.login ~ .footer,
.page.projects ~ .footer,
.page.tipos ~ .footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  font-size: 16px;
  text-align: center;
}
.selectable {
  width: 100%;
  float: left;
  background-color: #80c1e8;
  padding: 12px 8px;
  /*
    .selectable-item:before{
            content: "\e86c";
            font-family: 'LineIcons';
            font-size: 6px;
            background-color: @style_blue;
            color:#fff;
            width: 8px;
            height: 8px;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0;
    }*/
}
.selectable #no-selectable-items {
  cursor: auto;
  border: 1px dashed #E86868;
}
.selectable .selectable-item {
  position: relative;
  width: 100%;
  float: left;
  padding: 8px;
  border: 1px dashed #fff;
  margin-bottom: 16px;
  cursor: move;
  left: 0px;
  top: 0px;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -transform: translate3d(0px, 0px, 0px);
}
.selectable .selectable-item .item-form {
  margin: 0;
}
.selectable .selectable-item .item-form .form-item-widget-custom {
  cursor: move;
  display: block;
}
.selectable .selectable-item .item-form .form-item-widget-custom label,
.selectable .selectable-item .item-form .form-item-widget-custom span,
.selectable .selectable-item .item-form .form-item-widget-custom input {
  cursor: move;
  height: 44px;
  display: block;
  padding-top: 7px;
}
.selectable .selectable-item .item-form .form-item-widget-custom ~ input[type="text"] {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: -ms-calc(100% - 60px);
  width: calc(100% - 60px);
}
.selectable .selectable-item .item-form textarea {
  height: 88px;
  width: 100%;
  resize: none;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
}
.selectable .selectable-item .form-item-widget-custom label {
  display: block;
}
.selectable .selectable-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.selectable .selectable-item:hover:before {
  opacity: 1;
}
.drop-area {
  float: left;
  width: 100%;
  border: 1px solid #80c1e8;
  padding: 12px 8px;
}
.drop-area .drop-area-item {
  position: relative;
  width: 100%;
  float: left;
  cursor: ns-resize;
  padding: 8px;
  border: 1px solid transparent;
  margin-bottom: 16px;
  background-color: rgba(69, 69, 69, 0.4);
}
.drop-area .drop-area-item div {
  height: 44px;
  background-color: rgba(255, 255, 255, 0.15);
}
.drop-area .drop-area-item .selectable-item textarea {
  height: 88px;
  resize: none;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
}
.drop-area .drop-area-item .icon-box {
  width: 44px;
  height: 44px;
  margin-left: -1px;
  background-color: #e2e2e2;
  float: left;
  color: #c5c5c5;
  text-align: center;
  font-size: 22px;
  line-height: 44px;
}
.drop-area .drop-area-item .selectable-item {
  position: relative;
  width: 100%;
  float: left;
  cursor: ns-resize;
  left: 0px;
  top: 0px;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -transform: translate3d(0px, 0px, 0px);
  /*            .item-form.one-action{
                width: ~'-webkit-calc(100% - 45px)';
                width: ~'-moz-calc(100% - 45px)';
                width: ~'-ms-calc(100% - 45px)';
                width: ~'-ms-calc(100% - 45px)';
                width: ~'calc(100% - 45px)';
            }*/
}
.drop-area .drop-area-item .selectable-item .item-form {
  margin: 0;
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: -ms-calc(100% - 90px);
  width: calc(100% - 90px);
}
.drop-area .drop-area-item .selectable-item .item-form .form-item-widget-custom {
  cursor: move;
  display: block;
  float: left;
}
.drop-area .drop-area-item .selectable-item .item-form .form-item-widget-custom label,
.drop-area .drop-area-item .selectable-item .item-form .form-item-widget-custom span,
.drop-area .drop-area-item .selectable-item .item-form .form-item-widget-custom input {
  cursor: move;
  height: 44px;
  display: block;
  padding-top: 7px;
}
.drop-area .drop-area-item .selectable-item .item-form .form-item-widget-custom ~ input[type="text"] {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: -ms-calc(100% - 60px);
  width: calc(100% - 60px);
}
.drop-area .drop-area-item .selectable-item .item-form textarea {
  height: 88px;
  resize: none;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
}
.drop-area .drop-area-item .selectable-item .delete {
  float: left;
  cursor: pointer;
  width: 45px;
  height: 44px;
  padding: 16px;
  background-color: #E86868;
  position: relative;
}
.drop-area .drop-area-item .selectable-item .resize {
  float: left;
  cursor: pointer;
  width: 45px;
  height: 44px;
  padding: 16px;
  background-color: #4FD05B;
  position: relative;
}
.drop-area .drop-area-item .selectable-item .delete:before,
.drop-area .drop-area-item .selectable-item .resize:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.drop-area .drop-area-item .selectable-item .delete:hover {
  height: 44px;
  border: 1px solid #E86868;
  background: white;
  text-decoration: none;
}
.drop-area .drop-area-item .selectable-item .resize:hover {
  height: 44px;
  border: 1px solid #4FD05B;
  background: white;
  text-decoration: none;
}
.drop-area .drop-area-item .selectable-item:before {
  content: "\e86c";
  font-family: 'LineIcons';
  font-size: 6px;
  background-color: #80c1e8;
  color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.drop-area .drop-area-item .item-form:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.drop-area .dropped-item {
  position: relative;
  width: 100%;
  float: left;
  cursor: ns-resize;
  padding: 8px;
  border: 1px solid transparent;
  margin-bottom: 16px;
  background-color: #80c1e8;
}
.drop-area .full-size {
  width: 100%;
}
.drop-area .dropped-item-textarea {
  position: relative;
  width: 50%;
  float: left;
  cursor: ns-resize;
  padding: 8px;
  border: 1px solid transparent;
  margin-bottom: 16px;
  background-color: #80c1e8;
}
.drop-area .dropped-item-textarea .selectable-item {
  position: relative;
  width: 100%;
  height: 88px;
  float: left;
  cursor: ns-resize;
  left: 0px;
  top: 0px;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -transform: translate3d(0px, 0px, 0px);
}
.drop-area .dropped-item-textarea .selectable-item .item-form {
  margin: 0;
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: -ms-calc(100% - 90px);
  width: calc(100% - 90px);
  height: 88px;
}
.drop-area .dropped-item-textarea .selectable-item .item-form .input-box {
  height: 88px;
}
.drop-area .dropped-item-textarea .selectable-item .item-form textarea {
  height: 88px;
  width: 100%;
  resize: none;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
}
.drop-area .dropped-item-textarea .selectable-item .item-form.one-action {
  width: -webkit-calc(100% - 45px);
  width: -moz-calc(100% - 45px);
  width: -ms-calc(100% - 45px);
  width: calc(100% - 45px);
}
.drop-area .dropped-item-textarea .selectable-item .delete {
  float: left;
  cursor: pointer;
  width: 45px;
  height: 88px;
  padding: 36px 16px;
  background-color: #E86868;
}
.drop-area .dropped-item-textarea .selectable-item .resize {
  float: left;
  cursor: pointer;
  width: 45px;
  height: 88px;
  padding: 36px 16px;
  background-color: #4FD05B;
}
.drop-area .dropped-item-textarea .selectable-item .delete:hover {
  height: 88px;
  border: 1px solid #E86868;
  background: white;
  text-decoration: none;
}
.drop-area .dropped-item-textarea .selectable-item .resize:hover {
  height: 88px;
  border: 1px solid #4FD05B;
  background: white;
  text-decoration: none;
}
#submit-area {
  padding: 8px;
  min-height: 1px;
  float: right;
}
#submit-area #save-data-group .form-actions {
  margin-top: 8px;
}
#submit-area #return-data-group {
  float: left;
}
#submit-area #return-data-group .form-actions {
  margin-top: 8px;
}
.iw-container .iw-marker-connector .iw-marker-connector-shadow {
  width: 0px;
  height: 0px;
  border-top-width: 14px !important;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-width: 15px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-right-width: 25px;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0.0980392);
  position: absolute;
  left: -25px !important;
  top: 51px !important;
}
.iw-container .iw-marker-connector .iw-marker-connector-container {
  border-top-width: 24px;
  position: absolute;
  left: -10px !important;
  top: 42px !important;
  float: right;
}
.iw-container .iw-marker-connector .iw-marker-connector-container .iw-marker-connector-first {
  /* position: relative; */
  /* overflow: hidden; */
  left: -6px;
  top: 10px;
  width: 16px;
  height: 50px;
  float: inherit;
}
.iw-container .iw-marker-connector .iw-marker-connector-container .iw-marker-connector-first div {
  position: absolute;
  float: none;
  left: 17px;
  top: 5px;
  transform: skewX(-60.4deg);
  transform-origin: 0px 0px 0px;
  height: 15px;
  width: 50px;
  /* box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px; */
  background-color: #ffffff;
}
.iw-container .iw-marker-connector .iw-marker-connector-container .iw-marker-connector-second {
  /* position: relative; */
  overflow: inherit;
  top: 10px;
  left: -6px;
  width: 16px;
  /* display: none; */
  height: 50px;
  /* float: inherit; */
}
.iw-container .iw-marker-connector .iw-marker-connector-container .iw-marker-connector-second div {
  position: absolute;
  float: none;
  left: -10px;
  top: 20px;
  transform: skewX(60.4deg);
  transform-origin: 0px 0px 0px;
  height: 15px;
  width: 50px;
  /* box-shadow: rgba(0, 0, 0, 0.6) 0px 6px 6px; */
  background-color: #ffffff;
}
.gm-style-iw .iw-photo {
  min-width: 100px;
  min-height: 108px;
  float: left;
}
.gm-style-iw .iw-photo img {
  width: 100px;
  height: 108px;
}
.gm-style-iw .iw-info {
  min-width: 150px;
  margin-left: 10px;
  float: left;
}
.gm-style-iw .iw-info .iw-info-name {
  /*            min-width: 150px; 
            position: absolute;
            top: 5px;
            */
}
.gm-style-iw .iw-info .iw-info-lastConn {
  min-width: 150px;
  position: absolute;
  bottom: 7px;
}
.gm-style-iw .iw-info-content {
  font-size: 14.4px;
}
.gm-style-iw .iw-info-description {
  font-size: 12px;
  color: #bbb;
}
#submit-area {
  padding: 8px;
  min-height: 1px;
  float: right;
}
#submit-area #save-data-group .form-actions {
  margin-top: 8px;
}
#submit-area #return-data-group {
  float: left;
}
#submit-area #return-data-group .form-actions {
  margin-top: 8px;
}