@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
/**
 * Flexbox prefixes
 */
/*KEY FRAMES*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@-webkit-keyframes spinner-loading {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes spinner-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

/*move*/
@keyframes move {
  0% {
    top: -50px; }
  50% {
    top: -60px; }
  100% {
    top: -50px; } }

@-webkit-keyframes move {
  0% {
    top: -50px; }
  50% {
    top: -60px; }
  100% {
    top: -50px; } }

/*END KEY FRAMES*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

input, button {
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  border: 0; }

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

strong {
  font-weight: bold; }

a {
  text-decoration: none; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**!
 * Initialize.css (v1.3.2) is a complete and customizable collection of CSS best practices based on Normalize.css and HTML5 Boilerplate.
 * http://jeroenoomsnl.github.io/initialize-css
 *
 * HTML5 Boilerplate: https://github.com/h5bp/html5-boilerplate
 * Normalize.css: http://github.com/necolas/normalize.css
 */
/**
 * Predefined values
 */
/**
  * Options
  */
/**
  * Mixin for optional properties
  */
/* ==========================================================================
    General
    ========================================================================== */
/**
  * 1. Set default font family to $initialize-font-family (default: sans-serif)
  * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
  * 3. Configurable defaults
  */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: sans-serif;
  /* 1 */
  line-height: 1.4;
  /* 3 */
  font-size: 1em;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
  * Remove the margin in all browsers
  */
body {
  margin: 0; }

/**
  * Inheriting box-sizing
  * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
  */
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/* ==========================================================================
    HTML5 display defenitions
    ========================================================================== */
/**
  * Add the correct display in IE 9-.
  * 1. Add the correct display in Edge, IE, and Firefox.
  * 2. Add the correct display in IE.
  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
      * Add the correct display in IE 9-.
      */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
  * Add the correct display in iOS 4-7.
  */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
progress {
  vertical-align: baseline; }

/**
  * Add the correct display in IE 10-.
  * 1. Add the correct display in IE.
  */
template,
[hidden] {
  display: none; }

/* ==========================================================================
    Links
    ========================================================================== */
/**
  * 1. Remove the gray background on active links in IE 10.
  * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
  * Remove the outline on focused links when they are also active or hovered
  * in all browsers (opinionated).
  */
a:active,
a:hover {
  outline-width: 0; }

/* ==========================================================================
    Text-level semantics
    ========================================================================== */
/**
  * 1. Remove the bottom border in Firefox 39-.
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
  * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  */
b,
strong {
  font-weight: inherit; }

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
b,
strong {
  font-weight: bolder; }

/**
  * Add the correct font style in Android 4.3-.
  */
dfn {
  font-style: italic; }

/**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
/**
     * Address styling not present in IE 8/9.
     */
mark {
  background: #ff0;
  color: #000; }

/**
  * Add the correct font size in all browsers.
  */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* ==========================================================================
    Embedded content
    ========================================================================== */
/**
      * Remove the border on images inside links in IE 10-.
      */
img {
  border-style: none; }

/**
  * Hide the overflow in IE.
  */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
    Grouping content
    ========================================================================== */
/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
  * Add the correct margin in IE 8.
  */
figure {
  margin: 1em 40px; }

/**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* ==========================================================================
    Forms
    ========================================================================== */
/**
  * 1. Change font properties to `inherit` in all browsers (opinionated).
  * 2. Remove the margin in Firefox and Safari.
  */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
  * Restore the font weight unset by the previous rule.
  */
optgroup {
  font-weight: bold; }

/**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
button,
input {
  /* 1 */
  overflow: visible; }

/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
button,
select {
  /* 1 */
  text-transform: none; }

/**
  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  *    controls in Android 4.
  * 2. Correct the inability to style clickable types in iOS and Safari.
  */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
  * Remove the inner border and padding in Firefox.
  */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
  * Restore the focus styles unset by the previous rule.
  */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
      * Change the border, margin, and padding in all browsers (opinionated).
      */
/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
  * Remove the default vertical scrollbar in IE.
  */
textarea {
  overflow: auto; }

/**
      * 1. Add the correct box sizing in IE 10-.
      * 2. Remove the padding in IE 10-.
      */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
  * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
  */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* ==========================================================================
    Optional configurations
    ========================================================================== */
/**
  * Headings
  */
/**
  * Block elements
  */
/* ==========================================================================
    Print styles
    ========================================================================== */
/*@import 'sprite';*/
/**
 * Flexbox prefixes
 */
/*KEY FRAMES*/
@-webkit-keyframes spinner-loading {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes spinner-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

/*move*/
@keyframes move {
  0% {
    top: -50px; }
  50% {
    top: -60px; }
  100% {
    top: -50px; } }

@-webkit-keyframes move {
  0% {
    top: -50px; }
  50% {
    top: -60px; }
  100% {
    top: -50px; } }

/*END KEY FRAMES*/
/*@import 'sprite';*/
.e-header {
  width: 85%;
  position: fixed;
  top: 0;
  right: 0;
  height: 70px;
  background: #FFFFFF;
  padding: 0;
  z-index: 10;
  border-bottom: 1px solid #f1f1f1; }
  .e-header .e-name-account {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30%;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    color: #999;
    letter-spacing: 1px;
    padding: 0 2%; }
  .e-header .e-search {
    float: left;
    width: 40%;
    margin-top: 15px; }
    .e-header .e-search form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      .e-header .e-search form.e-error .e-input-search,
      .e-header .e-search form.e-error .e-send-search {
        border: 1px solid #f00; }
        .e-header .e-search form.e-error .e-input-search svg,
        .e-header .e-search form.e-error .e-send-search svg {
          fill: #f00; }
      .e-header .e-search form .e-input-search {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #45B5AA;
        padding: 0 20px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        font-size: 14px;
        font-weight: 300; }
      .e-header .e-search form .e-send-search {
        width: 40px;
        height: 40px;
        float: left;
        border: 1px solid #45B5AA;
        border-left: 0;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer; }
        .e-header .e-search form .e-send-search svg {
          width: 50%;
          fill: #45B5AA; }
  .e-header .e-links {
    float: right; }
    .e-header .e-links ul li {
      display: inline-block;
      line-height: 70px; }
      .e-header .e-links ul li a {
        padding: 20px;
        color: #333;
        text-transform: uppercase;
        font-size: 14px; }
      .e-header .e-links ul li.e-new-tarefa {
        background: #45B5AA;
        /* Old browsers */
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #45B5AA 0%, #45B5AA 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#45B5AA), to(#45B5AA));
        background: -o-linear-gradient(left, #45B5AA 0%, #45B5AA 100%);
        background: linear-gradient(to right, #45B5AA 0%, #45B5AA 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45B5AA', endColorstr='#45B5AA',GradientType=1 );
        /* IE6-9 */
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        padding: 0 20px;
        cursor: pointer; }

.e-menu-lateral {
  width: 15%;
  background: #45B5AA;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #45B5AA 0%, #45B5AA 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#45B5AA), to(#45B5AA));
  background: -o-linear-gradient(top, #45B5AA 0%, #45B5AA 100%);
  background: linear-gradient(to bottom, #45B5AA 0%, #45B5AA 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45B5AA', endColorstr='#45B5AA',GradientType=0 );
  /* IE6-9 */
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0; }
  .e-menu-lateral .e-nav,
  .e-menu-lateral .e-admin {
    width: 100%;
    float: left; }
    .e-menu-lateral .e-nav ul,
    .e-menu-lateral .e-admin ul {
      width: 100%;
      float: left; }
      .e-menu-lateral .e-nav ul li,
      .e-menu-lateral .e-admin ul li {
        width: 100%;
        float: left;
        padding: 10px 0; }
        .e-menu-lateral .e-nav ul li a,
        .e-menu-lateral .e-admin ul li a {
          display: block;
          font-size: 14px;
          color: #fff;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 10px; }
  .e-menu-lateral .e-admin {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    position: absolute;
    bottom: 100px;
    left: 20px; }

.e-notification {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #45B5AA;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 300px;
  padding: 20px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  z-index: 100; }
  .e-notification:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #45B5AA;
    position: absolute;
    right: -10px;
    top: -webkit-calc(50% - 7px);
    top: calc(50% - 7px); }
  .e-notification .e-close {
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 12px;
    color: #000;
    padding: 10px 0;
    cursor: pointer; }

.e-modal {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 99; }
  .e-modal .e-overlay {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }
  .e-modal .e-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    width: 300px; }
    .e-modal .e-content .e-close {
      width: 30px;
      height: 30px;
      line-height: 30px;
      background: #e05050;
      color: #fff;
      font-weight: bold;
      font-size: 14px;
      text-align: center;
      position: absolute;
      right: -15px;
      top: -15px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10; }
    .e-modal .e-content h2 {
      display: block;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 3px;
      color: #333;
      text-align: center;
      margin-top: 20px; }
    .e-modal .e-content .e-form {
      width: 100%;
      float: left;
      margin-top: 30px; }
      .e-modal .e-content .e-form .e-label {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .e-modal .e-content .e-form .e-label.e-two label {
          width: 49%; }
        .e-modal .e-content .e-form .e-label.e-tree label {
          max-width: 40%; }
        .e-modal .e-content .e-form .e-label.e-four label {
          max-width: 27%; }
        .e-modal .e-content .e-form .e-label label {
          width: 100%;
          position: relative; }
          .e-modal .e-content .e-form .e-label label.e-small {
            width: 10%; }
          .e-modal .e-content .e-form .e-label label .e-tt {
            display: block;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px; }
          .e-modal .e-content .e-form .e-label label input, .e-modal .e-content .e-form .e-label label select {
            width: 100%;
            float: left;
            height: 35px;
            line-height: 35px;
            border: 1px solid #ccc;
            padding: 0 10px;
            background: #fff; }
          .e-modal .e-content .e-form .e-label label textarea {
            width: 100%;
            float: left;
            border: 1px solid #ccc;
            min-height: 300px;
            padding: 10px;
            outline: none; }
      .e-modal .e-content .e-form .e-send-job {
        float: right;
        padding: 10px 20px;
        background: #45B5AA;
        /* Old browsers */
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #45B5AA 0%, #45B5AA 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#45B5AA), to(#45B5AA));
        background: -o-linear-gradient(left, #45B5AA 0%, #45B5AA 100%);
        background: linear-gradient(to right, #45B5AA 0%, #45B5AA 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45B5AA', endColorstr='#45B5AA',GradientType=1 );
        /* IE6-9 */
        color: #fff;
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer; }

/*modal view task*/
.e-modal-view-task .e-content {
  min-width: 65vw;
  position: relative;
  padding: 0;
  padding-top: 109px; }
  .e-modal-view-task .e-content .js--content-task {
    height: 70vh;
    overflow-y: scroll; }
  .e-modal-view-task .e-content .e-task-view {
    width: 100%; }
    .e-modal-view-task .e-content .e-task-view .e-top {
      width: 100%;
      float: left;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 2.5% 10px;
      background: #fff;
      border-bottom: 1px solid #ccc;
      z-index: 1; }
      .e-modal-view-task .e-content .e-task-view .e-top .e-task-title {
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        letter-spacing: 1px; }
      .e-modal-view-task .e-content .e-task-view .e-top .e-task-subtitle {
        font-size: 12px;
        color: #666;
        display: block;
        margin-top: 5px; }
      .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel {
        float: left;
        height: 50px;
        line-height: 50px;
        margin-top: 10px;
        position: relative; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-icon {
          float: left;
          position: relative;
          top: 7px;
          margin-right: 10px; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-icon svg {
            width: 35px;
            fill: #45B5AA; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-icon-edit {
          float: right;
          margin-left: 15px;
          position: relative;
          top: 2px;
          cursor: pointer; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-icon-edit svg {
            width: 15px;
            fill: #45B5AA; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel strong {
          font-size: 14px;
          font-weight: 500; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-new-responsavel {
          width: 290px;
          position: absolute;
          background: #fff;
          border: 1px solid #ccc;
          left: 0;
          top: 100%;
          z-index: 2;
          padding: 0 20px 20px;
          display: none; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-new-responsavel h3 {
            font-size: 12px;
            text-align: left;
            text-transform: uppercase;
            letter-spacing: 1px; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-new-responsavel .e-label {
            width: 100%;
            float: left;
            position: relative; }
            .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-new-responsavel .e-label input, .e-modal-view-task .e-content .e-task-view .e-top .e-responsavel .e-new-responsavel .e-label select {
              width: 100%;
              float: left;
              height: 35px;
              line-height: 35px;
              border: 1px solid #ccc;
              padding: 0 10px;
              background: #fff; }
      .e-modal-view-task .e-content .e-task-view .e-top .e-actions {
        float: right;
        position: relative;
        margin-top: 10px; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-time {
          float: left;
          height: 40px;
          line-height: 40px;
          margin-right: 20px;
          font-size: 22px;
          font-weight: 600;
          color: #585858; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play {
          float: left;
          margin-right: 20px;
          position: relative; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play:hover .e-hover {
            display: block; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play.js--start-job .play {
            display: block; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play.js--pause-job .pause {
            display: block; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play svg {
            display: none;
            width: 40px;
            fill: #45B5AA; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play .e-hover {
            display: none;
            position: absolute;
            left: 50%;
            -ms-transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            bottom: 55px;
            background: #F1F1F1;
            padding: 10px;
            border: 1px solid #ccc;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            text-transform: uppercase;
            font-size: 10px;
            letter-spacing: 1px;
            color: #333;
            font-weight: 100; }
            .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play .e-hover:before {
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 8px 0 8px;
              border-color: #f1f1f1 transparent transparent transparent;
              position: absolute;
              bottom: -10px;
              left: 40%;
              z-index: 2; }
            .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-play .e-hover:after {
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 9px 0 9px;
              border-color: #ccc transparent transparent transparent;
              position: absolute;
              bottom: -11px;
              left: -webkit-calc(40% - 1px);
              left: calc(40% - 1px);
              z-index: 1; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-finish,
        .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-reopen {
          display: block;
          height: 40px;
          line-height: 40px;
          padding: 0 30px;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px;
          font-weight: bold;
          text-transform: uppercase;
          display: inline-block;
          cursor: pointer;
          color: #45B5AA;
          border: 1px solid #ccc;
          -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          border-bottom: 2px solid #45B5AA;
          border-right: 1px solid #e1e1e1; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-finish:hover,
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-reopen:hover {
            background: #f9f9f9; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-finish.e-reopen,
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-reopen.e-reopen {
            border-bottom: 2px solid #e8cc00;
            color: #e8cc00; }
            .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-finish.e-reopen:hover,
            .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-reopen.e-reopen:hover {
              border-bottom: 2px solid #ccb300;
              color: #ccb300; }
        .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub {
          float: right;
          width: 40px;
          height: 40px;
          border: 1px solid #ccc;
          -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
          border-bottom: 2px solid #45B5AA;
          border-left: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub:hover {
            background: #f9f9f9; }
            .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub:hover ul {
              display: block; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub .e-seta {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            line-height: 50px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub .e-seta svg {
              width: 40%; }
          .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub ul {
            display: none;
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: -webkit-calc(100% - 2px);
            top: calc(100% - 2px);
            background: #fff;
            padding: 20px 10px;
            border: 1px solid #45B5AA;
            border-top: 2px solid #45B5AA; }
            .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub ul li a {
              font-size: 14px;
              color: #069; }
              .e-modal-view-task .e-content .e-task-view .e-top .e-actions .e-sub ul li a:hover {
                border-bottom: 1px solid #069; }
    .e-modal-view-task .e-content .e-task-view .e-infos {
      width: 100%;
      float: left;
      background: #f9f9f9;
      padding: 20px 2.5%;
      margin: 20px 0; }
      .e-modal-view-task .e-content .e-task-view .e-infos .e-block {
        width: 100%;
        float: left;
        margin: 5px 0;
        font-size: 14px;
        color: #333; }
    .e-modal-view-task .e-content .e-task-view .e-desc-task {
      width: 95%;
      margin: 0 2.5%;
      float: left;
      margin-top: 20px;
      border: 1px solid #ccc;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      position: relative; }
      .e-modal-view-task .e-content .e-task-view .e-desc-task .e-tt {
        padding: 0 10px;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 1px;
        background: #fff;
        position: absolute;
        left: 10px;
        top: -7px; }
      .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view {
        width: 100%;
        float: left;
        padding: 20px 30px; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view h2, .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view h3, .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view h4 {
          text-align: left;
          font-weight: bold;
          text-transform: none; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view h2 {
          font-size: 24px; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view h3 {
          font-size: 20px; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view h4 {
          font-size: 18px; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view ul, .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view ol {
          list-style: inherit;
          padding-left: 20px; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view ol {
          list-style: decimal; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view blockquote, .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view q {
          padding-left: 20px;
          margin-left: 5px;
          border-left: 3px solid #ccc; }
        .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view figure {
          display: inline-block; }
          .e-modal-view-task .e-content .e-task-view .e-desc-task .e-editor-view figure table tbody tr td {
            border: 1px solid #ccc;
            padding: 5px; }
    .e-modal-view-task .e-content .e-task-view .e-tabs {
      width: 100%;
      float: left;
      margin: 30px 0;
      padding: 0 2.5%;
      border-bottom: 2px solid #45B5AA; }
      .e-modal-view-task .e-content .e-task-view .e-tabs ul {
        width: 100%;
        float: left; }
        .e-modal-view-task .e-content .e-task-view .e-tabs ul li {
          display: inline-block;
          float: left;
          cursor: pointer;
          height: 40px;
          line-height: 40px;
          padding: 0 20px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex; }
          .e-modal-view-task .e-content .e-task-view .e-tabs ul li.e-active {
            background: #fff;
            border: 2px solid #45B5AA;
            border-bottom: 2px solid #fff;
            position: relative;
            top: 2px; }
          .e-modal-view-task .e-content .e-task-view .e-tabs ul li .e-icon {
            float: left;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 10px; }
            .e-modal-view-task .e-content .e-task-view .e-tabs ul li .e-icon svg {
              width: 17px; }
          .e-modal-view-task .e-content .e-task-view .e-tabs ul li .e-text {
            font-size: 14px;
            float: left; }
    .e-modal-view-task .e-content .e-task-view .e-tab-content {
      display: none; }
      .e-modal-view-task .e-content .e-task-view .e-tab-content.e-active {
        display: block; }
      .e-modal-view-task .e-content .e-task-view .e-tab-content h3 {
        display: block;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 0 2.5%; }
    .e-modal-view-task .e-content .e-task-view .e-anexos {
      width: 100%;
      float: left;
      padding: 20px 2.5%; }
      .e-modal-view-task .e-content .e-task-view .e-anexos .e-add-anexo {
        width: 100%;
        float: left;
        border: 2px dashed #ccc;
        padding: 15px 20px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        .e-modal-view-task .e-content .e-task-view .e-anexos .e-add-anexo .e-link {
          background: #ccc;
          height: 30px;
          padding: 0 10px;
          float: left;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          cursor: pointer; }
          .e-modal-view-task .e-content .e-task-view .e-anexos .e-add-anexo .e-link .e-icon {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            float: left; }
            .e-modal-view-task .e-content .e-task-view .e-anexos .e-add-anexo .e-link .e-icon svg {
              width: 15px; }
          .e-modal-view-task .e-content .e-task-view .e-anexos .e-add-anexo .e-link .e-text {
            float: left;
            margin-left: 10px;
            font-size: 12px;
            letter-spacing: 0.5px; }
        .e-modal-view-task .e-content .e-task-view .e-anexos .e-add-anexo .e-sub {
          float: left;
          margin-left: 20px;
          height: 30px;
          line-height: 30px;
          font-size: 14px;
          color: #666; }
        .e-modal-view-task .e-content .e-task-view .e-anexos .e-add-anexo .e-input-anexo {
          display: none; }
      .e-modal-view-task .e-content .e-task-view .e-anexos .e-list-anexos {
        width: 100%;
        float: left;
        margin-top: 20px; }
        .e-modal-view-task .e-content .e-task-view .e-anexos .e-list-anexos ul {
          width: 100%;
          float: left; }
          .e-modal-view-task .e-content .e-task-view .e-anexos .e-list-anexos ul li {
            width: 100%;
            float: left;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 5px 0; }
            .e-modal-view-task .e-content .e-task-view .e-anexos .e-list-anexos ul li a {
              font-size: 14px;
              color: #069;
              letter-spacing: 1px;
              float: left;
              line-height: 18px; }
              .e-modal-view-task .e-content .e-task-view .e-anexos .e-list-anexos ul li a:hover {
                text-decoration: underline; }
              .e-modal-view-task .e-content .e-task-view .e-anexos .e-list-anexos ul li a svg {
                width: 15px;
                margin-right: 5px; }
    .e-modal-view-task .e-content .e-task-view .e-comentarios {
      width: 100%;
      float: left;
      padding: 20px 0 0;
      border-top: 1px solid #ccc; }
      .e-modal-view-task .e-content .e-task-view .e-comentarios .e-add-comentario {
        width: 95%;
        float: left;
        margin: 20px 2.5%; }
        .e-modal-view-task .e-content .e-task-view .e-comentarios .e-add-comentario input {
          width: 90%;
          float: left;
          padding: 0 10px;
          height: 40px;
          line-height: 40px;
          border: 1px solid #45B5AA;
          -webkit-border-radius: 3px;
          border-radius: 3px; }
          .e-modal-view-task .e-content .e-task-view .e-comentarios .e-add-comentario input.e-error {
            border: 1px solid #d86e6e; }
        .e-modal-view-task .e-content .e-task-view .e-comentarios .e-add-comentario .e-send {
          float: right;
          width: 10%;
          height: 40px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          cursor: pointer; }
          .e-modal-view-task .e-content .e-task-view .e-comentarios .e-add-comentario .e-send:hover svg {
            fill: #45B5AA; }
          .e-modal-view-task .e-content .e-task-view .e-comentarios .e-add-comentario .e-send svg {
            display: inline-block;
            width: 20px;
            fill: #45B5AA; }
      .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios {
        width: 100%;
        float: left;
        padding: 40px 10%;
        background: #ececec; }
        .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul {
          width: 100%;
          float: left; }
          .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li {
            width: 100%;
            float: left;
            margin-bottom: 10px; }
            .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li.e-system {
              width: 90%;
              margin: 10px 5%;
              background: #d0d0d0;
              padding: 10px;
              color: #333;
              font-size: 12px; }
              .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li.e-system .e-text {
                float: left;
                max-width: 70%; }
              .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li.e-system .e-date {
                float: right; }
            .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li .e-block-comment {
              width: 60%;
              float: left;
              background: #fff;
              padding: 15px 20px;
              position: relative;
              -webkit-border-radius: 3px;
              border-radius: 3px; }
              .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li .e-block-comment.e-me {
                float: right;
                background: #cae7f7; }
                .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li .e-block-comment.e-me:before {
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 10px 0 10px 10px;
                  border-color: transparent transparent transparent #cae7f7;
                  right: -10px;
                  left: auto; }
              .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li .e-block-comment:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 10px 10px 0;
                border-color: transparent #ffffff transparent transparent;
                position: absolute;
                top: 50%;
                -ms-transform: translate(0, -50%);
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                left: -10px; }
              .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li .e-block-comment .e-author {
                display: block;
                font-size: 11px;
                color: #666;
                margin-bottom: 10px; }
              .e-modal-view-task .e-content .e-task-view .e-comentarios .e-list-comentarios ul li .e-block-comment .e-text {
                font-size: 14px;
                color: #333;
                display: block; }

/*end modal view task*/
/*nova tarefa*/
.e-modal-nova-tarefa .e-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  width: 70vw; }

/*end nova tarefa*/
/*novo cliente*/
.e-modal-new-client .e-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  width: 300px; }

/*end novo cliente*/
/*reabrir tarefa*/
.e-modal-reopen-task {
  z-index: 9999; }
  .e-modal-reopen-task .e-content {
    width: 400px; }

/*end reabrir tarefa*/
/*modal confirmation*/
.e-modal-confirmation .e-content .modal-header {
  width: 100%;
  float: left;
  margin-bottom: 20px; }
  .e-modal-confirmation .e-content .modal-header h3 {
    font-size: 18px;
    color: #333;
    display: block;
    letter-spacing: 0.2px;
    line-height: 25px; }
    .e-modal-confirmation .e-content .modal-header h3 strong {
      text-transform: uppercase; }

.e-modal-confirmation .e-content .modal-footer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .e-modal-confirmation .e-content .modal-footer .btn {
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer; }
    .e-modal-confirmation .e-content .modal-footer .btn.btn-confirm {
      background: #3e9222;
      color: #fff; }
      .e-modal-confirmation .e-content .modal-footer .btn.btn-confirm:hover {
        background: #48ab28; }
    .e-modal-confirmation .e-content .modal-footer .btn.btn-cancel {
      background: #e05858;
      color: #fff;
      margin-left: 10px; }
      .e-modal-confirmation .e-content .modal-footer .btn.btn-cancel:hover {
        background: #e07373; }

/*end modal confirmation*/
/*modal login*/
.e-modal-login {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0; }
  .e-modal-login .e-content {
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    background: #f1f1f1; }
    .e-modal-login .e-content form {
      width: 100%;
      float: left; }
      .e-modal-login .e-content form .e-label {
        width: 100%;
        float: left;
        margin-bottom: 20px; }
        .e-modal-login .e-content form .e-label .e-tt {
          width: 100%;
          float: left;
          font-size: 12px;
          color: #333;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: 1px;
          margin-bottom: 5px; }
        .e-modal-login .e-content form .e-label input {
          width: 100%;
          float: left;
          height: 30px;
          line-height: 30px;
          background: #fff;
          padding: 0 10px; }
      .e-modal-login .e-content form .e-btn-login {
        float: left;
        padding: 10px 20px;
        background: #028e00;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer; }

/*end modal login*/
.e-content-search {
  width: 100%;
  float: left;
  padding: 20px; }
  .e-content-search h3 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333; }
  .e-content-search .e-list-search {
    width: 100%;
    margin-top: 50px; }
    .e-content-search .e-list-search thead th {
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      font-size: 14px;
      border: 1px solid #ccc;
      padding: 10px; }
    .e-content-search .e-list-search tbody tr:hover {
      background: #f1f1f1; }
    .e-content-search .e-list-search tbody tr td {
      font-size: 14px;
      padding: 10px;
      border: 1px solid #ccc; }
      .e-content-search .e-list-search tbody tr td.center {
        text-align: center; }
      .e-content-search .e-list-search tbody tr td.e-title {
        cursor: pointer;
        color: #069; }
        .e-content-search .e-list-search tbody tr td.e-title:hover {
          text-decoration: underline; }

/**
 * Flexbox prefixes
 */
/*KEY FRAMES*/
@-webkit-keyframes spinner-loading {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes spinner-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

/*move*/
@keyframes move {
  0% {
    top: -50px; }
  50% {
    top: -60px; }
  100% {
    top: -50px; } }

@-webkit-keyframes move {
  0% {
    top: -50px; }
  50% {
    top: -60px; }
  100% {
    top: -50px; } }

/*END KEY FRAMES*/
/*@import 'sprite';*/
.e-message {
  position: fixed;
  top: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
  z-index: 100; }
  .e-message.error {
    background: #f00;
    color: #fff; }
  .e-message.alert {
    background: #ffc94f;
    color: #333; }
  .e-message.success {
    background: #00bb20;
    color: #fff; }

/*loading*/
.e-loading {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2; }
  .e-loading.e-disabled {
    display: none; }
  .e-loading .spinner {
    width: 50px;
    height: 50px;
    margin: 100px auto;
    background-color: #333;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: spinner-loading 1.0s infinite ease-in-out;
    animation: spinner-loading 1.0s infinite ease-in-out; }

.ck-editor__editable {
  min-height: 180px; }
  .ck-editor__editable h2, .ck-editor__editable h3, .ck-editor__editable h4 {
    text-align: left;
    font-weight: bold;
    text-transform: none; }
  .ck-editor__editable h2 {
    font-size: 24px; }
  .ck-editor__editable h3 {
    font-size: 20px; }
  .ck-editor__editable h4 {
    font-size: 18px; }
  .ck-editor__editable ul, .ck-editor__editable ol {
    list-style: inherit;
    padding-left: 20px; }
  .ck-editor__editable ol {
    list-style: decimal; }
  .ck-editor__editable blockquote, .ck-editor__editable q {
    padding-left: 20px;
    margin-left: 5px;
    border-left: 3px solid #ccc; }
  .ck-editor__editable figure {
    display: inline-block; }
    .ck-editor__editable figure table tbody tr td {
      border: 1px solid #ccc;
      padding: 5px; }

.custom-combobox-toggle {
  position: absolute;
  width: 50px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #e6e6e6;
  right: -1px;
  bottom: 0;
  border: 0; }
  .custom-combobox-toggle:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7px 0 7px;
    border-color: #8a8a8a transparent transparent transparent; }
  .custom-combobox-toggle span {
    display: none; }

html body .e-general {
  padding-top: 105px;
  font-family: "Roboto", cursive; }
  html body .e-general .e-content {
    width: 85%;
    float: right; }
    html body .e-general .e-content .slick-list * {
      outline: 0; }
  html body .e-general .e-hide {
    display: none; }

html body #ajaxBusy {
  display: none !important; }

html body .ui-autocomplete {
  max-height: 200px;
  overflow: hidden;
  overflow-y: scroll; }
  html body .ui-autocomplete li .ui-menu-item-wrapper {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-color: #ccc; }
    html body .ui-autocomplete li .ui-menu-item-wrapper.ui-state-active, html body .ui-autocomplete li .ui-menu-item-wrapper:hover {
      background: #f1f1f1;
      border-color: #ccc;
      color: #333; }