/**
 * Retrieves a color value from the $material-colors Sass map
 * Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
 *
 * @function
 * @param {string} color-name             - quoted, lower-case, dasherized color
 *                                          name (e.g. 'pink', 'amber')
 * @param {string} [color-variant='500']  - quoted, lowercase color variant (e.g.
 *                                          '200', 'a100')
 */
html {
  position: relative;
  min-height: 100%; }

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  margin: 0;
  padding: 0;
  font-family: Circular, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #171717; }
  body > .root {
    padding: 50px 0 140px;
    min-height: 768px; }
    body > .root .container {
      padding-top: 15px;
      padding-bottom: 15px; }
    body > .root .breadcrumb-wrapper {
      margin-bottom: 0;
      border-bottom: 1px solid #f9f9f9; }
      body > .root .breadcrumb-wrapper .container {
        padding: 0px 15px; }
      body > .root .breadcrumb-wrapper .breadcrumb {
        background: transparent;
        margin: 0px auto;
        padding: 10px 0px; }
  body.chat > .root {
    padding-top: 60px; }

.menu-lateral body {
  font-family: "Lato", sans-serif; }

.menu-lateral .sidenav {
  height: 100%;
  width: 380px;
  position: fixed;
  z-index: 1;
  margin-top: -15px;
  left: 0;
  background-color: #f5f5f5;
  padding-top: 30px; }
  .menu-lateral .sidenav h4 {
    padding-left: 30px; }

.menu-lateral .sidenav ul li {
  text-decoration: none;
  font-size: 20px;
  color: black;
  display: block;
  cursor: pointer; }

.menu-lateral .sidenav ul li:hover {
  background-color: #f1f1f1; }

.menu-lateral .main {
  margin-left: 160px;
  /* Same as the width of the sidenav */
  font-size: 28px;
  /* Increased text to enable scrolling */
  padding: 0px 10px;
  width: 100%;
  height: 100%; }
  .menu-lateral .main .layout-preview {
    width: 100%;
    height: 100vh;
    overflow: auto; }

@font-face {
  font-family: 'Circular';
  font-weight: 300;
  font-style: normal;
  src: url("/fonts/circular/CircularStd-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/circular/CircularStd-Light.woff2") format("woff2"), url("/fonts/circular/CircularStd-Light.woff") format("woff"), url("/fonts/circular/CircularStd-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Circular';
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/circular/CircularStd-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/circular/CircularStd-Medium.woff2") format("woff2"), url("/fonts/circular/CircularStd-Medium.woff") format("woff"), url("/fonts/circular/CircularStd-Medium.ttf") format("truetype"); }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Circular', sans-serif;
  font-weight: 700;
  margin-bottom: 20px; }

body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern"; }

h1 {
  font-size: 1.6em; }
  h1.title {
    display: inline-block;
    margin: 0px 0px 15px 0px; }

.text-center {
  text-align: center !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-warring {
  color: #ffeb3b; }

a:hover {
  text-decoration: none; }

.star-fill {
  cursor: pointer; }

.glyphicon {
  font: normal normal normal 14px/1 FontAwesome !important; }
  .glyphicon.glyphicon-resize-full::before {
    content: "\f065"; }
  .glyphicon.glyphicon-resize-small::before {
    content: "\f066"; }
  .glyphicon.glyphicon-remove::before {
    content: "\f00d"; }
  .glyphicon.glyphicon-chevron-left::before {
    content: "\f053"; }
  .glyphicon.glyphicon-chevron-right::before {
    content: "\f054"; }
  .glyphicon.glyphicon-ok::before {
    content: "\f00c"; }

.mute {
  color: #C9C9C9; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-active {
  color: #64b5f6; }

.text-success {
  color: #57A300; }

.text-warning {
  color: #FFB732; }

.text-danger {
  color: #f44336; }

.cke_button_label.cke_button__params_docs_label {
  display: inline !important; }

.cke_button_label.cke_button__params_name_label {
  display: inline !important; }

.cke_button_icon.cke_button__params_docs_icon {
  display: none !important; }

.cke_button_icon.cke_button__params_name_icon {
  display: none !important; }

/*
 *  Mixin's
 */
.navbar .navbar-nav > li > a.active:before, .navbar .navbar-nav > li > a:hover:before, .navbar .navbar-nav > li.open > a:before, .navbar .navbar-nav > li.open > a:hover:before {
  content: " ";
  position: absolute;
  display: block;
  height: 4px;
  background: #ffffff;
  width: 100%;
  left: 0px;
  top: 0px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.navbar {
  background: #489bc2;
  background: linear-gradient(to right, #489bc2 0%, #2f639c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489bc2', endColorstr='#2f639c',GradientType=1 );
  border: 0px;
  box-shadow: 0 12px 60px rgba(25, 73, 155, 0.04);
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  .navbar .navbar-brand {
    line-height: 100%;
    padding: 0px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    min-height: 50px; }
    .navbar .navbar-brand img {
      height: 35px;
      width: auto; }
    .navbar .navbar-brand .divider {
      height: 20px;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.4);
      margin-left: 15px;
      margin-right: 15px;
      display: inline-block;
      vertical-align: middle;
      display: none;
      margin: 0px; }
  .navbar .navbar-nav > li > p {
    white-space: nowrap;
    line-height: 50px;
    padding: 0px 15px;
    letter-spacing: .01em;
    color: #ffffff;
    margin: 0px; }
  .navbar .navbar-nav > li > a {
    white-space: nowrap;
    line-height: 50px;
    padding: 0px 15px;
    text-align: center;
    font-size: 1.15em;
    font-weight: bold;
    letter-spacing: .01em;
    text-transform: uppercase;
    cursor: pointer; }
    .navbar .navbar-nav > li > a.active, .navbar .navbar-nav > li > a:hover {
      color: #ffffff; }
    .navbar .navbar-nav > li > a.new_message::after {
      display: block;
      content: '';
      border-radius: 50%;
      width: 15px;
      height: 15px;
      background: #f44336;
      position: absolute;
      top: 17%;
      right: 19%;
      border: 2px solid #31639B; }
    .navbar .navbar-nav > li > a.btn {
      height: 35px;
      padding: 5px 20px;
      margin-top: 14px;
      border: 0px;
      color: #31639B; }
    .navbar .navbar-nav > li > a.btn-signin {
      font-size: 1em !important;
      margin: 0px;
      line-height: 30px;
      padding: 0px 20px;
      margin-top: 7px;
      background-color: transparent;
      border: 1px solid #ffffff;
      color: #ffffff;
      text-transform: inherit; }
    .navbar .navbar-nav > li > a.boleto_vencendo {
      background-color: #F05C2F !important;
      color: white !important;
      line-height: 25px !important;
      text-transform: inherit !important;
      margin-top: 13px !important;
      padding: 0px 15px !important;
      height: 25px !important;
      margin-right: 25px !important; }
  .navbar .navbar-nav > li a.whats {
    color: #81C784; }
    .navbar .navbar-nav > li a.whats:hover {
      color: #76FF03; }
  .navbar .navbar-nav > li.open > a, .navbar .navbar-nav > li.open > a:hover {
    background: transparent;
    color: #ffffff; }
  .navbar .navbar-nav .dropdown-menu {
    border-width: 0px;
    box-shadow: 0 10px 24px rgba(25, 73, 155, 0.08), 0 4px 13px rgba(25, 73, 155, 0.04);
    border-top: 1px solid #f2f2f2;
    border-radius: 5px;
    margin-top: -5px;
    margin-left: 4px; }
    .navbar .navbar-nav .dropdown-menu.dropdown-menu-center {
      width: 190px;
      left: -70px; }
    .navbar .navbar-nav .dropdown-menu:before {
      display: block;
      content: "";
      position: absolute;
      top: -5px;
      left: 50%;
      width: 10px;
      height: 10px;
      margin-left: -10px;
      transform: rotate(45deg);
      background-color: #fff;
      box-shadow: -3px -3px 5px rgba(63, 49, 178, 0.06); }
    .navbar .navbar-nav .dropdown-menu > li a {
      background-color: #ffffff;
      border: none;
      padding: 5px 15px 5px 15px; }
      .navbar .navbar-nav .dropdown-menu > li a.icon-left {
        padding: 5px 15px 5px 35px; }
      .navbar .navbar-nav .dropdown-menu > li a:hover {
        background-color: #31639B;
        color: #ffffff; }
  .navbar .navbar-nav.navbar-right > li > a:before {
    display: none !important; }
  .navbar .navbar-nav.navbar-right .dropdown-menu::before {
    right: 43px;
    left: inherit; }
  .navbar .user-avatar {
    overflow: hidden;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    margin-right: 10px; }
  .navbar .notifications .counter {
    color: #ffffff;
    background-color: #F44336;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    line-height: 18px; }
  .navbar .notifications .dropdown-menu {
    max-height: 350px;
    overflow: auto;
    max-width: 450px; }
    .navbar .notifications .dropdown-menu::-webkit-scrollbar {
      width: 1em; }
    .navbar .notifications .dropdown-menu::-webkit-scrollbar-thumb {
      background-color: #eee;
      outline: 1px solid slategrey; }
    .navbar .notifications .dropdown-menu li {
      width: 100%;
      overflow: hidden;
      display: block;
      word-wrap: break-word;
      overflow-wrap: break-word;
      padding: 0px;
      margin: 0px;
      border-top: 1px solid #eaeaea; }
      .navbar .notifications .dropdown-menu li:first-child {
        border-top: none; }
      .navbar .notifications .dropdown-menu li a {
        white-space: normal;
        text-decoration: none;
        padding: 5px 10px;
        min-width: 400px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        .navbar .notifications .dropdown-menu li a p {
          word-wrap: break-word;
          margin-bottom: 5px; }
          .navbar .notifications .dropdown-menu li a p:last-child {
            margin-bottom: 0px; }
        .navbar .notifications .dropdown-menu li a img {
          margin-right: 12px;
          height: 40px;
          width: 40px;
          border-radius: 50%; }
        .navbar .notifications .dropdown-menu li a div div {
          font-weight: bold; }
      .navbar .notifications .dropdown-menu li.unread a {
        background-color: #edf2fa; }
        .navbar .notifications .dropdown-menu li.unread a:hover {
          color: #464a5c; }
    .navbar .notifications .dropdown-menu .seeAll {
      text-align: center;
      font-weight: bold;
      color: #365899; }
      .navbar .notifications .dropdown-menu .seeAll:hover {
        text-decoration: underline; }

@media (min-width: 769px) and (max-width: 991px) {
  .navbar-header {
    float: none; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .collapse.in {
    display: block !important; }
  .navbar-collapse.in {
    overflow-y: auto !important; }
  .navbar .navbar-nav .dropdown-menu.dropdown-menu-center {
    width: 190px;
    left: 10px; } }

.content {
  position: relative;
  /* start 'enter' transition */
  /* end 'enter' transition */ }
  .content .actions {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin: 15px 0px; }
    .content .actions .btn {
      line-height: 14px; }
  .content .table {
    margin: 15px 0px; }
  .content .container {
    position: relative; }
    .content .container .padding {
      padding: 100px 0px; }
    .content .container .nav-tabs {
      margin-top: 20px; }
  .content.ng-enter {
    /* transition on enter for .5s */
    transition: 0.8s cubic-bezier(0.39, 0.31, 0.59, 0.96) all !important;
    /* start with opacity 0 (invisible) */
    opacity: 0;
    margin-top: 0px;
    min-height: 0px; }
  .content.ng-enter-active {
    /* end with opacity 1 (fade in) */
    opacity: 1;
    margin-top: 0px;
    min-height: auto; }

.no-margin {
  margin: 0px; }

.padding-top {
  padding-top: 10px; }

.padding-bottom {
  padding-bottom: 10px; }

.padding-right {
  padding-right: 10px; }

.padding-left {
  padding-top: 10px; }

.banner {
  position: relative;
  text-align: center;
  margin-bottom: 100px;
  margin-top: -14px;
  padding: 10px 0px;
  background: #31639B;
  background: linear-gradient(to bottom, #31639B 0%, #90caf9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }
  .banner h1 {
    color: #ffffff;
    font-size: 2em;
    margin-top: 40px;
    margin-bottom: 40px; }
  .banner > img {
    position: absolute;
    top: 280px;
    left: 50%;
    width: 900px;
    margin-left: -450px; }
  .banner .downloads img {
    margin: 0px 35px;
    width: 200px; }

.footer {
  position: relative;
  background: #464a5c;
  color: #9095ab;
  line-height: 40px;
  bottom: 0;
  width: 100%;
  font-size: 0.8em;
  padding: 2em; }
  .footer a {
    color: #9095ab;
    line-height: 40px;
    font-size: 0.8em;
    margin: 0px 10px; }
    .footer a:hover {
      color: #ffffff;
      text-decoration: none; }
    .footer a.no-margin {
      margin: 0px; }
  .footer img {
    height: 30px;
    margin-top: 4px;
    margin-left: 5px; }
  .footer .site {
    font-size: 0.5em; }
  .footer .site a {
    font-size: 13px;
    font-weight: bold;
    -ms-flex-align: end;
    align-items: flex-end; }
  .footer .cards {
    position: relative;
    -ms-flex-align: center;
    align-items: center; }
  .footer .cards p {
    font-weight: bold;
    font-size: 18px; }
  .footer .cards img {
    position: relative;
    margin: 5px;
    width: 40px;
    height: 20px;
    margin-left: 25px;
    margin-top: 20px; }
  .footer .mobile-hidden p a {
    position: relative;
    margin-right: -70px; }
  .footer #promo p {
    font-weight: lighter; }
  .footer #promo .contact-name input {
    font-weight: lighter;
    height: 40px;
    border-radius: 10px;
    border-style: solid;
    border-color: #948b8b;
    background: #FFFFFF; }
  .footer #promo .contact-email input {
    font-weight: lighter;
    height: 40px;
    border-radius: 10px;
    border-style: solid;
    border-color: #948b8b;
    background: #FFFFFF; }
  .footer .contact-button {
    position: relative;
    padding: 10px;
    margin-bottom: 20px; }
  .footer .siteseg {
    display: block;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0px; }
  .footer .siteseg img {
    width: 80px;
    height: auto; }
  .footer .float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 60px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100; }
  .footer .my-float {
    margin-top: 5px; }

.reports td {
  font-size: 0.9em; }

.reports .filters {
  display: -ms-flexbox;
  display: flex;
  padding: 5px !important; }
  .reports .filters .form-group {
    padding: 5px !important;
    margin-right: 5px; }
    .reports .filters .form-group:last-child {
      margin-right: 0px;
      margin-left: auto; }

.reports .shortcuts {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 15px; }
  .reports .shortcuts .container {
    padding-top: 0px; }
  .reports .shortcuts .form-group {
    width: 150px;
    display: inline-block;
    margin: 3px 30px 0px 0px; }
  .reports .shortcuts .navbar-nav {
    padding-top: 5px; }
    .reports .shortcuts .navbar-nav > li {
      text-align: center;
      margin-right: 15px; }
      .reports .shortcuts .navbar-nav > li > a {
        background: transparent;
        margin: 0px;
        border-radius: 0px;
        line-height: 20px;
        font-size: 1em;
        color: #9095ab;
        padding: 8px 10px; }
        .reports .shortcuts .navbar-nav > li > a:hover {
          background: transparent;
          color: #464a5c; }
      .reports .shortcuts .navbar-nav > li.open {
        background: #ffffff;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px; }
        .reports .shortcuts .navbar-nav > li.open > a {
          color: #464a5c; }
    .reports .shortcuts .navbar-nav > li > a:hover, .reports .shortcuts .navbar-nav > li.open, .reports .shortcuts .navbar-nav li.active > a {
      color: #1565c0; }
    .reports .shortcuts .navbar-nav > li > .dropdown-menu > li > a:hover {
      background-color: #1565c0;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.grey > li > a:hover, .reports .shortcuts .navbar-nav.grey > li.open, .reports .shortcuts .navbar-nav.grey li.active > a {
      color: #9e9e9e; }
    .reports .shortcuts .navbar-nav.grey > li > .dropdown-menu > li > a:hover {
      background-color: #9e9e9e;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.light_grey > li > a:hover, .reports .shortcuts .navbar-nav.light_grey > li.open, .reports .shortcuts .navbar-nav.light_grey li.active > a {
      color: #f5f5f5; }
    .reports .shortcuts .navbar-nav.light_grey > li > .dropdown-menu > li > a:hover {
      background-color: #f5f5f5;
      color: #464a5c; }
    .reports .shortcuts .navbar-nav.red > li > a:hover, .reports .shortcuts .navbar-nav.red > li.open, .reports .shortcuts .navbar-nav.red li.active > a {
      color: #f44336; }
    .reports .shortcuts .navbar-nav.red > li > .dropdown-menu > li > a:hover {
      background-color: #f44336;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.light_red > li > a:hover, .reports .shortcuts .navbar-nav.light_red > li.open, .reports .shortcuts .navbar-nav.light_red li.active > a {
      color: #ffcdd2; }
    .reports .shortcuts .navbar-nav.light_red > li > .dropdown-menu > li > a:hover {
      background-color: #ffcdd2;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.black > li > a:hover, .reports .shortcuts .navbar-nav.black > li.open, .reports .shortcuts .navbar-nav.black li.active > a {
      color: #212121; }
    .reports .shortcuts .navbar-nav.black > li > .dropdown-menu > li > a:hover {
      background-color: #212121;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.white > li > a:hover, .reports .shortcuts .navbar-nav.white > li.open, .reports .shortcuts .navbar-nav.white li.active > a {
      color: #fff; }
    .reports .shortcuts .navbar-nav.white > li > .dropdown-menu > li > a:hover {
      background-color: #fff;
      color: #464a5c; }
    .reports .shortcuts .navbar-nav.purple > li > a:hover, .reports .shortcuts .navbar-nav.purple > li.open, .reports .shortcuts .navbar-nav.purple li.active > a {
      color: #9c27b0; }
    .reports .shortcuts .navbar-nav.purple > li > .dropdown-menu > li > a:hover {
      background-color: #9c27b0;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.light_purple > li > a:hover, .reports .shortcuts .navbar-nav.light_purple > li.open, .reports .shortcuts .navbar-nav.light_purple li.active > a {
      color: #9c27b0; }
    .reports .shortcuts .navbar-nav.light_purple > li > .dropdown-menu > li > a:hover {
      background-color: #9c27b0;
      color: #464a5c; }
    .reports .shortcuts .navbar-nav.green > li > a:hover, .reports .shortcuts .navbar-nav.green > li.open, .reports .shortcuts .navbar-nav.green li.active > a {
      color: #4caf50; }
    .reports .shortcuts .navbar-nav.green > li > .dropdown-menu > li > a:hover {
      background-color: #4caf50;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.light_green > li > a:hover, .reports .shortcuts .navbar-nav.light_green > li.open, .reports .shortcuts .navbar-nav.light_green li.active > a {
      color: #c8e6c9; }
    .reports .shortcuts .navbar-nav.light_green > li > .dropdown-menu > li > a:hover {
      background-color: #c8e6c9;
      color: #464a5c; }
    .reports .shortcuts .navbar-nav.yellow > li > a:hover, .reports .shortcuts .navbar-nav.yellow > li.open, .reports .shortcuts .navbar-nav.yellow li.active > a {
      color: #ffeb3b; }
    .reports .shortcuts .navbar-nav.yellow > li > .dropdown-menu > li > a:hover {
      background-color: #ffeb3b;
      color: #ffffff; }
    .reports .shortcuts .navbar-nav.light_yellow > li > a:hover, .reports .shortcuts .navbar-nav.light_yellow > li.open, .reports .shortcuts .navbar-nav.light_yellow li.active > a {
      color: #fff9c4; }
    .reports .shortcuts .navbar-nav.light_yellow > li > .dropdown-menu > li > a:hover {
      background-color: #fff9c4;
      color: #464a5c; }

.multiselect-parent {
  width: 100%; }

.or {
  text-align: center;
  margin: 20px 0px;
  position: relative; }
  .or:before, .or:after {
    display: block;
    position: absolute;
    top: 10px;
    width: 45%;
    content: " ";
    height: 1px;
    background-color: #caccd7; }
  .or:before {
    left: 0px; }
  .or:after {
    right: 0px; }

.full-height {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex {
  display: -ms-flexbox;
  display: flex; }
  .flex.flex-end {
    -ms-flex-align: end;
    align-items: flex-end; }
  .flex.vertical-align {
    -ms-flex-align: center;
    align-items: center; }
  .flex.align-center {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  .flex .align-left {
    -ms-flex-item-align: start;
    align-self: flex-start; }
  .flex .align-right {
    -ms-flex-item-align: end;
    align-self: flex-end; }
  .flex.flex-justified > * {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0px 10px;
    margin: 0px; }
    .flex.flex-justified > *:first-child {
      padding-left: 0px; }
    .flex.flex-justified > *:last-child {
      padding-right: 0px; }

.invert {
  color: #ffffff; }
  .invert.orange {
    background: #31639B;
    background: linear-gradient(to bottom, #31639B 0%, #90caf9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

h1 .btn, h2 .btn, h3 .btn, h4 .btn, h5 .btn, h6 .btn {
  font-family: 'Circular',Helvetica,Arial,sans-serif;
  line-height: 100%;
  margin-top: -5px;
  margin-left: 20px; }

.label {
  font-weight: normal; }

.angular-google-map-container {
  margin-top: 28px;
  height: 385px;
  border-radius: 5px; }

.ng-toast__message .alert-success {
  background-color: #4caf50;
  border: none;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) ;
  margin-top: 55px;
  color: #ffffff; }

.table-hover tr {
  cursor: pointer; }

.dropdown-menu > li > a {
  cursor: pointer; }

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
.ats-switch {
  outline: 0px !important; }

.uib-datepicker-popup button {
  border: none; }

.pagination {
  margin: 0px; }

.ng-table th.filter .input-filter {
  border: none;
  background: #f8f8f8; }

.no-focus:focus {
  outline: none; }

.ats-switch .knob {
  z-index: 1; }

.clickable {
  cursor: pointer; }

.backgroundLoader {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0.5;
  z-index: 10; }

.loader {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  animation: spin 300ms linear infinite;
  z-index: 11; }

.scrollable {
  overflow: auto !important;
  height: 500px; }

.text-light {
  color: #ffffff !important; }

.thumbnail .deleteButton {
  position: absolute;
  color: red;
  top: 10px;
  right: 20px;
  border: none; }
  .thumbnail .deleteButton i {
    height: 10px;
    width: 10px; }

.legend {
  margin-top: -5px !important;
  font-size: 0.8em !important;
  margin-bottom: -20px !important; }

.drop-container {
  position: relative;
  background: #f5f5f5;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-x: auto;
  padding: 5px;
  border: 2px dashed #ccc;
  cursor: pointer;
  min-height: 110px;
  min-width: 128px;
  border-radius: 10px; }
  .drop-container .description {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 110px;
    height: 70px;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -35px; }
  .drop-container img {
    border-radius: 5px;
    margin: 2px;
    width: 110px;
    height: 110px;
    z-index: 2; }

.card {
  display: block;
  width: 300px;
  height: 230px;
  background: #ffffff;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) ;
  border-radius: 5px;
  overflow: hidden;
  zoom: 65%; }
  .card h3 {
    font-size: 1em;
    font-weight: normal;
    font-family: 'Avenir Next','AvenirNextLTW01-Regular',Helvetica,Arial,sans-serif;
    margin: 0px 0px 10px 0px;
    color: #000000; }
    .card h3.price {
      color: #c70000;
      font-weight: bold;
      font-size: 1.4em;
      margin-top: 10px; }
  .card p {
    font-size: 0.8em; }
  .card .hold-image {
    height: 170px;
    overflow: hidden;
    background: #f1f1f1; }
    .card .hold-image img {
      margin-top: -100px; }
  .card .description {
    font-size: 1em;
    padding: 10px; }

.preview {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 579px;
  padding: 0px;
  text-align: center;
  zoom: 1; }
  .preview .wrapper {
    background: #ffffff;
    position: absolute;
    height: 416px;
    left: 33px;
    top: 67px;
    width: 234px;
    overflow: hidden;
    text-align: left; }
    .preview .wrapper .hold-image {
      height: 234px;
      overflow: hidden; }
      .preview .wrapper .hold-image img {
        width: 234px; }
    .preview .wrapper .description {
      font-size: 0.6em;
      padding: 5px;
      border-bottom: 1px solid #e6e6e6; }
    .preview .wrapper .icons {
      font-size: 0.6em;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      border-bottom: 1px solid #e6e6e6;
      padding: 5px; }
      .preview .wrapper .icons .icon {
        margin: 0px 10px; }
        .preview .wrapper .icons .icon .fa {
          display: block;
          font-size: 1.5em; }
    .preview .wrapper .info {
      padding: 5px;
      border-bottom: 1px solid #e6e6e6;
      position: relative;
      font-size: 0.7em; }
      .preview .wrapper .info h1 {
        font-family: 'Avenir Next','AvenirNextLTW01-Regular',Helvetica,Arial,sans-serif;
        font-weight: normal;
        font-size: 1em;
        color: #000;
        margin: 0px;
        margin-bottom: 3px; }
        .preview .wrapper .info h1.price {
          text-align: right;
          font-size: 1.2em;
          position: absolute;
          right: 5px;
          top: 20px;
          color: #d00000;
          font-weight: bold; }
      .preview .wrapper .info p {
        font-size: 0.8em;
        margin: 0px 0px 5px 0px; }
      .preview .wrapper .info .company {
        font-size: 0.8em; }
        .preview .wrapper .info .company img {
          display: inline-block;
          width: 20px;
          height: 20px;
          overflow: hidden;
          border-radius: 3px;
          margin-right: 5px; }
  .preview > img {
    width: 300px;
    width: 300px;
    padding: 0px;
    margin: -15px 0px 0px 0px;
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 0px; }

.table {
  font-size: 12px; }
  .table.table-pointer tr {
    cursor: pointer; }
  .table td {
    font-family: arial; }
  .table tr.active td {
    background: #31639B !important;
    color: #ffffff; }
  .table tr.empty td {
    height: 0px;
    max-height: 0px;
    padding: 0px;
    margin: 0px;
    border: none; }
  .table tr .btn-actions-address-client {
    width: 75px; }
    .table tr .btn-actions-address-client i {
      width: 25px; }
  .table tr .action_button {
    min-width: 0px; }
  .table td.truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
  background-color: transparent;
  text-shadow: none;
  color: #f44336; }

.rating-table span {
  outline: none;
  zoom: 0.5; }

.rating-table strong {
  font-family: "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  margin-top: 2px; }

.tooltip-lg {
  font-size: 14px; }

.btn {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .btn.btn-link:hover {
    color: #31639B;
    text-decoration: underline; }
  .btn.btn-link:active:focus {
    color: #31639B;
    background: transparent;
    border-color: transparent; }
  .btn.boleto_vencendo {
    background-color: #F05C2F;
    color: white;
    line-height: 25px;
    text-transform: inherit;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    margin-bottom: 15px;
    border: none; }
    .btn.boleto_vencendo i {
      font-size: 17px; }
  .btn i {
    font-size: 13px; }

.btn-outline {
  background-color: transparent;
  color: inherit;
  transition: none;
  font-weight: bold; }
  .btn-outline.btn-primary:hover, .btn-outline.btn-success:hover, .btn-outline.btn-info:hover, .btn-outline.btn-warning:hover, .btn-outline.btn-danger:hover, .btn-outline.btn-primary:focus, .btn-outline.btn-success:focus, .btn-outline.btn-info:focus, .btn-outline.btn-warning:focus, .btn-outline.btn-danger:focus {
    color: #fff; }
  .btn-outline.btn-primary {
    color: #428bca; }
    .btn-outline.btn-primary.disabled, .btn-outline.btn-primary[disabled] {
      background: transparent;
      color: #428bca; }
  .btn-outline.btn-success {
    color: #5cb85c; }
    .btn-outline.btn-success.disabled, .btn-outline.btn-success[disabled] {
      background: transparent;
      color: #5cb85c; }
  .btn-outline.btn-info {
    color: #5bc0de; }
    .btn-outline.btn-info.disabled, .btn-outline.btn-info[disabled] {
      background: transparent;
      color: #5bc0de; }
  .btn-outline.btn-warning {
    color: #f0ad4e; }
    .btn-outline.btn-warning.disabled, .btn-outline.btn-warning[disabled] {
      background: transparent;
      color: #f0ad4e; }
  .btn-outline.btn-danger {
    color: #d9534f; }
    .btn-outline.btn-danger.disabled, .btn-outline.btn-danger[disabled] {
      background: transparent;
      color: #d9534f; }

.input-group-btn .btn {
  line-height: 20px; }

.input-group-btn .btn.disabled, .input-group-btn .btn[disabled], .input-group-btn fieldset[disabled] .btn {
  opacity: 1;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5; }

.btn-table-add {
  display: inline-block;
  width: 60%;
  border-radius: 15px;
  border-style: dashed;
  border-width: 1px;
  border-color: #5cb85c;
  color: #5cb85c;
  background-color: transparent;
  box-shadow: none; }

.form-group label {
  font-size: 0.9em;
  font-weight: normal; }

.form-group .btn {
  line-height: 20px; }

.form-group .dropdown-multiselect .btn[disabled] {
  border-color: transparent;
  background-color: #f5f5f5;
  box-shadow: none;
  opacity: 1; }

.form-group.has-error .btn {
  border-color: #a94442;
  color: #a94442; }

.form-group p {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 6px 10px;
  overflow: hidden; }

.input-group.multiple-input-group input[type="select"] {
  border-radius: 0px; }

.input-group.ddd-wrapper {
  width: 100%; }
  .input-group.ddd-wrapper .form-control {
    width: 75%; }
  .input-group.ddd-wrapper .ddd {
    width: 25%; }

.form-control {
  transition: none;
  box-shadow: none; }
  .form-control:focus {
    border-color: #539CDC;
    box-shadow: none; }
  .form-control.has-error {
    border-color: #ef9a9a !important;
    color: #ef9a9a !important; }

.form-control-input {
  transition: none;
  box-shadow: none;
  width: 120px;
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .form-control-input:focus {
    border-color: #539CDC;
    box-shadow: none; }
  .form-control-input.has-error {
    border-color: #ef9a9a !important;
    color: #ef9a9a !important; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  border-color: transparent;
  background-color: #f5f5f5;
  box-shadow: none;
  opacity: 1; }

.form-horizontal .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: left;
  font-weight: 600; }

input[type="radio"], input[type="checkbox"] {
  margin: 0px 0 0; }

.form-inline .radio {
  margin-right: 10px; }
  .form-inline .radio input[type="radio"] {
    margin-right: 5px; }

.modal-backdrop {
  background-color: #464a5c; }
  .modal-backdrop.in {
    opacity: 0.8; }

.modal-header {
  border: none; }
  .modal-header h4 {
    margin: 0px; }
  .modal-header .pull-left {
    margin-top: 2px;
    font-size: 14px; }

.modal-body.no-padding-bottom {
  padding-top: 0;
  padding-bottom: 0; }

.modal-body .table {
  margin: 0; }

.modal-body hr {
  margin: 10px -15px; }

.modal .modal-dialog .modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border: none; }
  .modal .modal-dialog .modal-content p {
    margin: 0; }
  .modal .modal-dialog .modal-content.avatar-modal {
    background: #F2F2F2; }
    .modal .modal-dialog .modal-content.avatar-modal .cropArea {
      overflow: hidden;
      width: 450px;
      height: 450px;
      margin: 0 auto; }

.modal .modal-dialog .modal-body h4 {
  margin: 20px 0; }

.modal .modal-dialog .modal-body .btn-upload {
  border-color: #337ab7;
  color: #337ab7;
  padding: 35px;
  width: 97%;
  border-style: dashed;
  border-radius: 10px;
  margin: auto; }

.modal .modal-dialog .modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0; }
  .modal .modal-dialog .modal-footer button {
    width: 100%;
    border-radius: 0; }
    .modal .modal-dialog .modal-footer button:first-child {
      -moz-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px; }
    .modal .modal-dialog .modal-footer button:last-child {
      -moz-border-bottom-right-radius: 6px;
      border-bottom-right-radius: 6px; }
    .modal .modal-dialog .modal-footer button.btn-link:hover {
      text-decoration: none; }
  .modal .modal-dialog .modal-footer .button-duda {
    background-color: #2B9994;
    color: #FFFFFF; }

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none; }

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none; }

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.05); }

.modal-content-scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.modal-content-small-scroll {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.table-scroll {
  margin-bottom: 0;
  max-width: none; }

.scroll-inner::-webkit-scrollbar {
  width: 10px; }

.scroll-inner::-webkit-scrollbar:horizontal {
  height: 10px; }

.scroll-inner::-webkit-scrollbar-track {
  background-color: rgba(204, 204, 204, 0.3); }

.scroll-inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(204, 204, 204, 0.5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

.dropdown-menu {
  top: auto !important; }
  .dropdown-menu > li > a {
    position: relative;
    padding: 3px 20px 3px 30px; }
    .dropdown-menu > li > a i {
      position: absolute;
      left: 8px;
      top: 8px;
      text-align: center;
      width: 20px; }
  .dropdown-menu .divider {
    margin: 5px 0px; }

.multiselect-parent .btn {
  line-height: 20px;
  text-align: left;
  padding-right: 25px; }
  .multiselect-parent .btn .caret {
    position: absolute;
    top: 14px;
    right: 13px; }

.dropdown-menu-form li {
  position: relative; }
  .dropdown-menu-form li .label {
    position: absolute;
    right: 10px;
    top: 5px;
    height: 16px; }
  .dropdown-menu-form li.dropdown-header {
    padding: 0px; }
    .dropdown-menu-form li.dropdown-header a {
      display: block;
      padding: 3px 20px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #9e9e9e;
      outline: none;
      cursor: default;
      background-color: #f1efef; }
      .dropdown-menu-form li.dropdown-header a:hover {
        color: #999; }

.dropdown-menu-form > li:first-child a {
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  line-height: 30px;
  margin: 0px 0px 0px 5px; }
  .dropdown-menu-form > li:first-child a .fa {
    width: 15px;
    height: 15px;
    margin-right: 5px; }

.dropdown-menu-form > li:last-child {
  padding: 5px 5px 0px 5px; }

.dropdown-menu-form .dropdown-header {
  padding: 3px 2px 0px 2px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #464a5c;
  font-weight: bold;
  white-space: nowrap; }
  .dropdown-menu-form .dropdown-header:hover {
    background-color: inherit; }
  .dropdown-menu-form .dropdown-header .searchField {
    border: none; }

.dropdown-menu-form ul {
  overflow-x: hidden;
  list-style: none;
  padding: 0px; }
  .dropdown-menu-form ul > li:hover, .dropdown-menu-form ul > li.active {
    background-color: #31639B; }
    .dropdown-menu-form ul > li:hover a, .dropdown-menu-form ul > li.active a {
      color: #ffffff; }
  .dropdown-menu-form ul > li > a {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none; }

.dropdown-menu-form .btn-ok {
  position: absolute;
  bottom: 0px;
  left: 10px;
  right: 10px; }

.angucomplete-dropdown-visible input {
  position: relative;
  z-index: 999;
  border-bottom: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.angucomplete-dropdown {
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #CDD6DE;
  box-shadow: 0 10px 24px rgba(25, 73, 155, 0.08), 0 4px 13px rgba(25, 73, 155, 0.04);
  margin-top: -1px;
  padding: 0px;
  overflow: hidden;
  z-index: 99; }
  .angucomplete-dropdown .augucomplete-list {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 40px; }
  .angucomplete-dropdown .angucomplete-row {
    padding: 5px 15px; }
    .angucomplete-dropdown .angucomplete-row.angucomplete-selected-row {
      background: #dae1e8; }
      .angucomplete-dropdown .angucomplete-row.angucomplete-selected-row .angucomplete-title {
        color: #31639B; }
    .angucomplete-dropdown .angucomplete-row .angucomplete-title {
      color: #464a5c;
      font-weight: bold; }
    .angucomplete-dropdown .angucomplete-row .angucomplete-button-duda {
      background-color: #2B9994;
      color: #FFFFFF; }
    .angucomplete-dropdown .angucomplete-row .angucomplete-description {
      color: #464a5c;
      font-weight: lighter;
      font-size: 0.8em; }
    .angucomplete-dropdown .angucomplete-row.btn-create-wrap {
      position: absolute;
      bottom: -4px;
      left: 0px;
      width: 100%;
      background: #ffffff;
      padding: 5px; }
      .angucomplete-dropdown .angucomplete-row.btn-create-wrap .btn {
        width: 100%;
        color: #ffffff; }

.angucomplete-holder .form-control.ng-invalid {
  border-color: #ef9a9a !important; }

.ats-switch {
  min-width: 60px;
  width: 60px;
  height: 28px;
  border: none;
  overflow: hidden;
  border-radius: 60px; }
  .ats-switch:hover {
    border-color: none;
    box-shadow: none; }
  .ats-switch .switch-animate {
    overflow: hidden;
    height: 60px;
    max-height: 60px;
    width: 60px;
    max-width: 60px; }
    .ats-switch .switch-animate .switch-left {
      transition: all 0.2s !important;
      -o-transition: all 0.2s !important;
      -moz-transition: all 0.2s !important;
      -webkit-transition: all 0.2s !important;
      width: 60px;
      height: 28px; }
    .ats-switch .switch-animate .switch-right {
      display: none; }
    .ats-switch .switch-animate .knob {
      transition: all 0.2s !important;
      -o-transition: all 0.2s !important;
      -moz-transition: all 0.2s !important;
      -webkit-transition: all 0.2s !important;
      border-radius: 50%;
      position: absolute;
      left: 34px;
      top: 4px;
      width: 22px;
      height: 22px;
      min-height: 22px; }
    .ats-switch .switch-animate.switch-off {
      left: 0%; }
      .ats-switch .switch-animate.switch-off .knob {
        left: 34px; }
      .ats-switch .switch-animate.switch-off .switch-left {
        background-color: #ccc; }
    .ats-switch .switch-animate.switch-off {
      left: 0%; }
      .ats-switch .switch-animate.switch-off .knob {
        left: 4px; }

.tab-content {
  padding-top: 15px; }
  .tab-content .actions {
    padding-left: 20px; }

.miniChart {
  cursor: pointer;
  padding: 0px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #bbb8b8; }
  .miniChart.active, .miniChart:hover {
    border: 1px solid #5180c7;
    background-color: #e9f2ff; }
  .miniChart p {
    padding: 0px;
    text-align: center; }
  .miniChart h3 {
    margin: 20px 10px 0px 10px;
    font-weight: bold;
    text-align: center; }
  .miniChart .highcharts-container {
    margin-left: -17px;
    margin-bottom: -10px;
    margin-top: -15px; }

.miniChart-disabled {
  cursor: not-allowed;
  padding: 0px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  background-color: #f5f0f0; }
  .miniChart-disabled.active, .miniChart-disabled:hover {
    border: 1px solid #ccc;
    background-color: #ccc; }
  .miniChart-disabled p {
    padding: 0px;
    text-align: center; }
  .miniChart-disabled h3 {
    margin: 20px 10px 0px 10px;
    font-weight: bold;
    text-align: center; }
  .miniChart-disabled .highcharts-container {
    margin-left: -17px;
    margin-bottom: -10px;
    margin-top: -15px; }

.highcharts-container {
  margin: 0; }

.highcharts-credits {
  display: none; }

.with-border .highcharts-container {
  border: 1px solid #f1f1f1;
  border-radius: 5px; }

.customHighCharts {
  width: 100%; }

.product .thumbnail {
  overflow: hidden;
  border-radius: 8px;
  padding: 5px;
  border: 1px solid transparent;
  transition: all 0.2s ease; }
  .product .thumbnail:hover {
    border: 1px solid #e5e5e5;
    text-decoration: none;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.3) ; }
  .product .thumbnail .img-wrapper {
    position: relative;
    width: 100%;
    display: block; }
    .product .thumbnail .img-wrapper .caption {
      position: absolute;
      bottom: 0px;
      width: 100%;
      height: 35px;
      color: #ffffff;
      background: rgba(255, 255, 255, 0);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }
    .product .thumbnail .img-wrapper img {
      border-radius: 5px;
      -moz-border-bottom-left-radius: 0px;
      border-bottom-left-radius: 0px;
      -moz-border-bottom-right-radius: 0px;
      border-bottom-right-radius: 0px;
      width: 200px;
      height: 150px; }

.iframe {
  padding: 10px; }

.background-list {
  z-index: 2;
  max-height: 350px;
  background: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 1em #808080;
  overflow: auto;
  position: absolute;
  right: -215px;
  top: 10px;
  margin-top: 50px; }
  .background-list h5 {
    color: #57A300; }
  .background-list ul {
    padding: 7px;
    list-style: none; }
  .background-list span {
    color: #808080;
    font-size: 0.8em; }
  .background-list b {
    color: #808080;
    font-size: 0.8em; }
  .background-list .total {
    color: #337ab7;
    font-size: 1.1em;
    padding-top: 100px; }
  .background-list .total-quantity {
    color: #808080;
    font-size: 1.1em;
    padding-top: 90px; }

#small-screen {
  display: none; }

@media only screen and (max-width: 1280px) {
  .background-list {
    z-index: 4;
    max-height: 350px;
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 0 1em #808080;
    overflow: auto;
    position: absolute;
    right: 80px;
    top: 10px;
    margin-top: 35px; }
    .background-list h5 {
      color: #57A300; }
    .background-list ul {
      padding: 7px;
      list-style: none; }
    .background-list span {
      color: #808080;
      font-size: 0.8em; }
    .background-list b {
      color: #808080;
      font-size: 0.8em; }
    .background-list .total {
      color: #337ab7;
      font-size: 1.1em;
      padding-top: 100px; }
  #small-screen {
    display: block; }
  .button-small-screen {
    background: #57A300;
    width: 45px;
    height: 45px;
    margin-left: calc(100% - 100px);
    margin-top: -45px;
    border-radius: 50%;
    box-shadow: 0 0 1em #f5f0f0;
    position: relative;
    float: left; }
  .icon-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; } }

.obs-enrollment {
  z-index: 2;
  padding: 20px;
  width: 340px;
  background: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 1em #808080;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .obs-enrollment .button-obs {
    background: #d9534f;
    width: 25px;
    height: 25px;
    margin-left: 297px;
    margin-top: -30px;
    border-radius: 50%;
    box-shadow: 0 0 1em #f5f0f0;
    position: relative;
    float: left; }
  .obs-enrollment .icon-button-obs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; }

.background-thumbnail-show-modal {
  height: auto;
  width: 280px;
  margin-left: -260px;
  margin-top: -500px;
  background: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 1em #808080; }

.thumbnail-modal {
  padding: 10px;
  width: 280px;
  height: auto;
  overflow: hidden; }

.thumbnail-modal img {
  width: 90%;
  border-radius: 5px; }

@media (max-width: 900px) {
  .background-thumbnail-show-modal {
    display: none; } }

.schedule .fc-content {
  line-height: 10px !important; }

.schedule .schedule ul {
  width: 220px;
  display: table;
  cursor: pointer; }
  .schedule .schedule ul li {
    display: table-cell;
    list-style: none;
    font-size: 14px; }
  .schedule .schedule ul li.active {
    animation: 1;
    background-color: green;
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline; }

.schedule .opened {
  background-color: #dcdcdc;
  border-color: white;
  color: black; }

.schedule .lack {
  background-color: #808080;
  border-color: white;
  color: white; }

.schedule .late {
  background-color: #FF6347;
  border-color: white;
  color: white; }

.schedule .unchecked {
  background-color: #4F4F4F;
  border-color: white;
  color: white; }

.schedule .unchecked-patient {
  background-color: #4F4F4F;
  border-color: white;
  color: white; }

.schedule .unchecked-professional {
  background-color: #212121;
  border-color: white;
  color: white; }

.schedule .finished {
  background-color: #2B9994;
  border-color: white;
  color: white; }

.schedule .checked {
  background-color: #57A300;
  border-color: white;
  color: white; }

.schedule .in_progress {
  background-color: #386CE6;
  border-color: white;
  color: white; }

.schedule .canceled {
  background-color: #808080;
  border-color: white;
  color: white; }

.schedule .confirmed {
  background-color: #d4b746;
  border-color: white;
  color: white; }

.schedule .block {
  background-color: red;
  border-color: white;
  color: white; }

.schedule .all {
  background-color: #255224;
  border-color: white;
  color: white; }

.schedule .float {
  position: fixed;
  width: 40px;
  height: 40px;
  right: 35px;
  top: 60px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 40px;
  text-align: center;
  font-size: 20px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100; }

.schedule .button-duda {
  background-color: #2B9994;
  color: #FFFFFF; }

.auth .root {
  padding: 50px 0 40px; }

.auth .no-plan {
  font-weight: normal; }
  .auth .no-plan strong {
    margin-right: 30px; }

.auth .panel-login {
  height: calc(100vh - 190px); }
  .auth .panel-login .panel {
    width: 800px;
    height: 550px;
    border: none;
    padding: 0px;
    margin: 0px;
    margin-top: -170px;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.2) ;
    -ms-flex-positive: 1 2;
    flex-grow: 1 2; }
    .auth .panel-login .panel .form-wrap {
      min-width: 350px;
      padding: 20px;
      margin-top: 0px; }
      .auth .panel-login .panel .form-wrap .form {
        margin-left: 5%;
        width: 90%; }
    .auth .panel-login .panel .image-wrap {
      position: relative;
      -ms-flex-positive: 1;
      flex-grow: 1;
      background: #f0f9ff;
      background: linear-gradient(135deg, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); }
      .auth .panel-login .panel .image-wrap img {
        width: 350px; }

@media only screen and (min-width: 320px) {
  .auth .panel-login .panel {
    width: 100%;
    height: 60%; } }

.profile .avatar {
  width: 100px;
  border-radius: 50%;
  border: 4px solid #006699;
  margin: 30px 0px; }

.client .date-range {
  margin: 20px 0px; }

.client #Spots polygon, .client #Spots path {
  transition: fill .25s; }

.client #Spots polygon:hover, .client #Spots polygon:active, .client #Spots path:hover, .client #Spots path:active {
  fill: #dddddd !important; }

.client .entry-filters {
  width: 100%; }
  .client .entry-filters .month-picker {
    cursor: pointer;
    padding: 0px 5px 0px 5px;
    overflow: hidden;
    border-top: 10px solid #CFCFCF;
    min-height: 32px;
    display: inline-grid;
    width: 25px;
    background: #ebecf5; }
    .client .entry-filters .month-picker .month {
      font-size: 1.3em;
      font-weight: bold;
      line-height: 0.8em;
      margin-top: 5px; }
    .client .entry-filters .month-picker .year {
      font-size: 0.8em;
      color: #9e9e9e; }
    .client .entry-filters .month-picker .day {
      font-size: 0.8em;
      font-weight: bold;
      text-align: center; }
    .client .entry-filters .month-picker:hover {
      border: 1px solid #a0a0a0 !important;
      border-top: 10px solid #a0a0a0 !important;
      background-color: #a0a0a0 !important; }
    .client .entry-filters .month-picker.current {
      border-top: 10px solid #3D8AE1;
      background-color: #1565C0; }
      .client .entry-filters .month-picker.current .day {
        color: #fff; }
    .client .entry-filters .month-picker.selected {
      border-top: 10px solid #424242;
      background-color: #424242; }
      .client .entry-filters .month-picker.selected .day {
        color: #fff; }
    .client .entry-filters .month-picker.hover {
      border-top: 10px solid #E53935;
      background: #FFEBEE; }
    .client .entry-filters .month-picker.success {
      border-top: 10px solid #5DA709;
      background: #F1F8E9; }
    .client .entry-filters .month-picker.warning {
      border-top: 10px solid #ffbc40;
      background: #fff1d6; }
  .client .entry-filters .btn-group {
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 15px; }
    .client .entry-filters .btn-group label {
      position: absolute;
      top: 0px;
      left: 0px;
      font-weight: normal;
      font-size: 10px;
      margin-top: -15px;
      margin-left: 3px; }
    .client .entry-filters .btn-group .btn {
      border: none;
      padding: 6px 10px;
      background: transparent;
      color: #464a5c; }
      .client .entry-filters .btn-group .btn:active {
        box-shadow: none; }
      .client .entry-filters .btn-group .btn:hover {
        color: #464a5c; }
      .client .entry-filters .btn-group .btn.active {
        border-radius: 5px;
        color: #464a5c;
        box-shadow: none;
        background: #ffffff;
        background: #31639B;
        color: #ffffff; }

@keyframes newmessage {
  0% {
    background-color: #d6dfec; }
  49% {
    background-color: #d6dfec; }
  50% {
    background-color: #b5c0d2; }
  99% {
    background-color: #b5c0d2; }
  100% {
    background-color: #d6dfec; } }

@keyframes newchat {
  0% {
    background-color: #ef9a9a; }
  49% {
    background-color: #ef9a9a; }
  50% {
    background-color: #f44336; }
  99% {
    background-color: #f44336; }
  100% {
    background-color: #ef9a9a; } }

.dock .messages-wrap .body .messages li a .status, .dock .chat .head .status {
  padding: 10px 15px 10px 5px;
  font-size: 0.5em;
  color: #9e9e9e; }
  .dock .messages-wrap .body .messages li a .online.status, .dock .chat .head .online.status {
    color: #4caf50; }

.dock {
  position: fixed;
  height: 35px;
  z-index: 999;
  right: 0;
  bottom: 0; }
  .dock .messages-wrap {
    height: 271px;
    width: 250px;
    right: 0;
    bottom: 0;
    left: auto;
    position: absolute;
    background: #ffffff;
    margin: 0 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) ;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    z-index: 999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 3;
    flex: 3;
    -ms-flex-direction: column;
    flex-direction: column; }
    .dock .messages-wrap .search {
      display: block;
      padding: 0px;
      position: relative;
      border-top: 1px solid #ddd; }
      .dock .messages-wrap .search label {
        box-sizing: border-box;
        cursor: default;
        display: inline-block;
        font-weight: normal;
        margin: 0;
        position: relative;
        vertical-align: middle;
        width: 100%; }
        .dock .messages-wrap .search label:before {
          background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yE/r/T7-56nOj8xk.png");
          background-repeat: no-repeat;
          background-size: auto;
          background-position: -34px -324px;
          content: '';
          display: inline-block;
          height: 12px;
          left: 8px;
          position: absolute;
          top: 10px;
          width: 12px; }
        .dock .messages-wrap .search label input {
          background: transparent;
          border: 0;
          margin: 0;
          outline: 0;
          padding: 0;
          width: 100%;
          background-color: #f6f7f9;
          border-radius: 5px;
          border-style: none;
          box-sizing: border-box;
          font-family: 'Helvetica Neue', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif';
          font-size: 14px;
          height: 30px;
          line-height: 30px;
          padding: 0 28px; }
    .dock .messages-wrap .head {
      display: -ms-flexbox;
      display: flex;
      background: #424242;
      color: #ffffff;
      line-height: 30px;
      min-height: 30px;
      max-height: 30px;
      padding: 0 10px;
      cursor: pointer;
      font-weight: bold;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) ;
      z-index: 99; }
      .dock .messages-wrap .head .align-right {
        margin-left: auto; }
      .dock .messages-wrap .head a {
        color: #9e9e9e; }
        .dock .messages-wrap .head a:hover {
          color: #ffffff; }
    .dock .messages-wrap .body {
      position: relative;
      background: #f9f9f9;
      height: 100%;
      min-height: 200px;
      overflow-y: scroll; }
      .dock .messages-wrap .body .messages {
        list-style-type: none;
        margin: 0;
        padding-left: 0px;
        padding-right: 0px; }
        .dock .messages-wrap .body .messages li {
          width: 100%; }
          .dock .messages-wrap .body .messages li:hover {
            background: #ddd; }
          .dock .messages-wrap .body .messages li a {
            position: relative;
            width: 100%;
            line-height: 45px;
            text-decoration: none;
            color: #464a5c;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1;
            flex: 1; }
            .dock .messages-wrap .body .messages li a p {
              margin: 0;
              width: 100%; }
            .dock .messages-wrap .body .messages li a:hover {
              text-decoration: none; }
          .dock .messages-wrap .body .messages li img {
            display: block;
            height: 30px;
            width: auto;
            margin: auto 10px;
            border-radius: 50%; }
          .dock .messages-wrap .body .messages li.divider {
            font-weight: bold;
            font-size: 0.7em;
            padding: 5px 10px; }
          .dock .messages-wrap .body .messages li.new_message {
            background: #ff0;
            /* Safari 4+ */
            /* Fx 5+ */
            /* Opera 12+ */
            animation: newmessage 1s infinite;
            /* IE 10+, Fx 29+ */ }
          .dock .messages-wrap .body .messages li.new, .dock .messages-wrap .body .messages li.new:hover {
            background: #ef9a9a !important;
            /* Safari 4+ */
            /* Fx 5+ */
            /* Opera 12+ */
            animation: newchat 1s infinite;
            /* IE 10+, Fx 29+ */ }
            .dock .messages-wrap .body .messages li.new a,
            .dock .messages-wrap .body .messages li.new a:hover, .dock .messages-wrap .body .messages li.new:hover a,
            .dock .messages-wrap .body .messages li.new:hover a:hover {
              color: #ffffff !important;
              font-weight: bold !important; }
    .dock .messages-wrap.closed {
      height: 30px; }
      .dock .messages-wrap.closed .body,
      .dock .messages-wrap.closed .footer {
        display: none;
        background: transparent;
        height: 0; }
  .dock .chat {
    max-height: 271px;
    width: 250px;
    bottom: 0;
    background: #ffffff;
    margin: 0 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) ;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    -ms-flex-direction: column;
    flex-direction: column; }
    .dock .chat .head {
      display: -ms-flexbox;
      display: flex;
      background: #f5f5f5;
      color: #464a5c;
      line-height: 30px;
      padding: 0 10px;
      cursor: pointer;
      font-weight: bold;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) ;
      z-index: 99; }
      .dock .chat .head.active {
        background: #31639B;
        color: #ffffff; }
      .dock .chat .head.new-message {
        /* Safari 4+ */
        /* Fx 5+ */
        /* Opera 12+ */
        animation: newmessage 1s infinite;
        /* IE 10+, Fx 29+ */ }
      .dock .chat .head .align-right {
        margin-left: auto; }
      .dock .chat .head .status {
        padding: 0px 5px 0px 0px; }
    .dock .chat .footer {
      position: relative;
      background: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: auto 1 1;
      flex: auto 1 1;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0;
      border-top: 1px solid #e2e2e2;
      height: 40px; }
      .dock .chat .footer * {
        background: none;
        border: none; }
      .dock .chat .footer textarea {
        resize: none;
        width: 100%;
        height: 100%;
        line-height: 40px;
        padding: 0 10px;
        color: #464a5c;
        font-size: 1.2em; }
      .dock .chat .footer i {
        padding: 0px;
        height: 39px;
        line-height: 39px;
        display: block;
        width: 35px;
        cursor: pointer;
        text-align: center; }
    .dock .chat .body {
      overflow-y: scroll;
      -ms-flex: 1;
      flex: 1;
      height: 200px;
      background: #f1efec; }
      .dock .chat .body .messages {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .dock .chat .body .messages li {
          width: 100%; }
          .dock .chat .body .messages li a {
            position: relative;
            width: 100%;
            line-height: 45px;
            text-decoration: none;
            color: #464a5c; }
            .dock .chat .body .messages li a p {
              margin: 0; }
            .dock .chat .body .messages li a:hover {
              background: #ddd;
              text-decoration: none; }
          .dock .chat .body .messages li img {
            display: block;
            height: 30px;
            width: auto;
            margin: auto 10px;
            border-radius: 50%; }
          .dock .chat .body .messages li.divider {
            font-weight: bold;
            font-size: 0.7em;
            padding: 5px 10px; }
          .dock .chat .body .messages li .status {
            position: absolute;
            top: 18px;
            right: 18px;
            font-size: 0.5em;
            color: #9e9e9e; }
            .dock .chat .body .messages li .status.online {
              color: #4caf50; }
    .dock .chat.closed {
      height: 35px; }
      .dock .chat.closed .body,
      .dock .chat.closed .footer {
        display: none;
        background: transparent;
        height: 0; }

.message-wrap {
  position: relative;
  margin: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 50px; }
  .message-wrap.direction_rtl {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 10px; }
    .message-wrap.direction_rtl .message {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .message-wrap.direction_rtl .message:last-child .triangle {
        display: none; }
      .message-wrap.direction_rtl .message span {
        background: #e3f2fd; }
  .message-wrap .message {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto 1;
    flex: auto 1;
    -ms-flex-direction: row;
    flex-direction: row; }
    .message-wrap .message:last-child .triangle {
      display: block;
      border-style: solid;
      width: 0px;
      height: 0px;
      line-height: 0px;
      border-color: transparent transparent #ffffff transparent;
      border-width: 0 0 7px 10px;
      _border-color: #000 #000 #ffffff #000;
      _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
      position: absolute;
      bottom: 3px;
      left: -7px; }
    .message-wrap .message span {
      position: relative;
      display: inline-block;
      padding: 7px 25px 5px 10px;
      border-radius: 3px;
      background: #ffffff;
      max-width: 250px;
      word-break: break-word;
      white-space: normal;
      margin-bottom: 3px;
      line-height: 18px;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) ; }
    .message-wrap .message .message-info i {
      position: absolute;
      right: 5px;
      bottom: 10px;
      color: #d1d1d1;
      font-size: 0.65em; }
      .message-wrap .message .message-info i.read {
        color: #64b5f6; }
  .message-wrap .avatar {
    max-width: 30px;
    max-height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px;
    position: absolute;
    bottom: -10px;
    left: 0; }
  .message-wrap .img-wrap {
    max-width: 150px; }
  .message-wrap img.image {
    height: 200px;
    width: auto;
    border-radius: 5px; }

.chat-wrap {
  position: absolute;
  top: 50px;
  left: 0;
  min-height: calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  background-color: #F4F8F9; }
  .chat-wrap .header {
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    box-sizing: border-box;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
    background: #ffffff; }
    .chat-wrap .header .title {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      overflow: hidden;
      text-align: center;
      font-weight: bold; }
    .chat-wrap .header .icon {
      font-size: 1.5em;
      margin: 2px 5px; }
  .chat-wrap .left {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 340px;
    min-width: 240px;
    overflow-y: auto;
    background-color: #FFF; }
    .chat-wrap .left .search {
      display: block;
      padding: 12px;
      position: relative; }
      .chat-wrap .left .search label {
        border: 1px solid #bdc7d8;
        box-sizing: border-box;
        cursor: default;
        display: inline-block;
        font-weight: normal;
        margin: 0;
        position: relative;
        vertical-align: middle;
        border: none;
        width: 100%; }
        .chat-wrap .left .search label:before {
          background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yE/r/T7-56nOj8xk.png");
          background-repeat: no-repeat;
          background-size: auto;
          background-position: -34px -324px;
          content: '';
          display: inline-block;
          height: 12px;
          left: 8px;
          position: absolute;
          top: 10px;
          width: 12px; }
        .chat-wrap .left .search label input {
          background: transparent;
          border: 0;
          margin: 0;
          outline: 0;
          padding: 0;
          width: 100%;
          background-color: #f6f7f9;
          border-radius: 5px;
          border-style: none;
          box-sizing: border-box;
          font-family: 'Helvetica Neue', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif';
          font-size: 14px;
          height: 30px;
          line-height: 30px;
          padding: 0 28px; }
    .chat-wrap .left .messages {
      max-height: calc(100vh - 220px);
      height: calc(100vh - 220px);
      overflow: auto;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .chat-wrap .left .messages li {
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        position: relative;
        cursor: pointer; }
        .chat-wrap .left .messages li:hover, .chat-wrap .left .messages li.active {
          background: #F5F8F9; }
        .chat-wrap .left .messages li .date {
          position: absolute;
          top: 0;
          right: 0;
          margin: 16px; }
        .chat-wrap .left .messages li p {
          margin: 0; }
          .chat-wrap .left .messages li p.last_message {
            max-width: 220px;
            color: #999999; }
        .chat-wrap .left .messages li img {
          height: 40px;
          width: 40px;
          border-radius: 50%;
          margin-right: 15px; }
        .chat-wrap .left .messages li .status {
          position: absolute;
          font-size: 0.8em;
          width: 15px;
          height: 15px;
          top: 43px;
          left: 43px;
          background: #ddd;
          border: 2px solid #ffffff;
          border-radius: 50%; }
          .chat-wrap .left .messages li .status.online {
            background: #8dc234;
            border: 2px solid #ffffff; }
        .chat-wrap .left .messages li.new p {
          color: #F44336;
          font-weight: bold; }
        .chat-wrap .left .messages li.new_message p {
          font-weight: bold;
          color: #000; }
  .chat-wrap .left-client {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 340px;
    min-width: 240px;
    overflow-y: auto;
    background-color: #fff;
    height: auto;
    margin-top: 40px;
    margin-left: 65px;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05) ; }
    .chat-wrap .left-client .menu {
      display: block;
      text-transform: uppercase;
      background: #f5f5f5;
      border-radius: 5px;
      padding: 6px 10px;
      overflow: hidden; }
      .chat-wrap .left-client .menu a:link {
        text-decoration: none; }
      .chat-wrap .left-client .menu a:hover {
        text-decoration: none;
        font-weight: bold; }
      .chat-wrap .left-client .menu a:active {
        font-weight: bold; }
      .chat-wrap .left-client .menu a:visited {
        font-weight: bold; }
    .chat-wrap .left-client .search {
      display: block;
      padding: 12px;
      position: relative; }
      .chat-wrap .left-client .search label {
        border: 1px solid #bdc7d8;
        box-sizing: border-box;
        cursor: default;
        display: inline-block;
        font-weight: normal;
        margin: 0;
        position: relative;
        vertical-align: middle;
        border: none;
        width: 100%; }
        .chat-wrap .left-client .search label:before {
          background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yE/r/T7-56nOj8xk.png");
          background-repeat: no-repeat;
          background-size: auto;
          background-position: -34px -324px;
          content: '';
          display: inline-block;
          height: 12px;
          left: 8px;
          position: absolute;
          top: 10px;
          width: 12px; }
        .chat-wrap .left-client .search label input {
          background: transparent;
          border: 0;
          margin: 0;
          outline: 0;
          padding: 0;
          width: 100%;
          background-color: #f6f7f9;
          border-radius: 5px;
          border-style: none;
          box-sizing: border-box;
          font-family: 'Helvetica Neue', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif';
          font-size: 14px;
          height: 30px;
          line-height: 30px;
          padding: 0 28px; }
    .chat-wrap .left-client .messages {
      max-height: calc(100vh - 220px);
      height: calc(100vh - 220px);
      overflow: auto;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .chat-wrap .left-client .messages li {
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        position: relative;
        cursor: pointer; }
        .chat-wrap .left-client .messages li:hover, .chat-wrap .left-client .messages li.active {
          background: #F5F8F9; }
        .chat-wrap .left-client .messages li .date {
          position: absolute;
          top: 0;
          right: 0;
          margin: 16px; }
        .chat-wrap .left-client .messages li p {
          margin: 0; }
          .chat-wrap .left-client .messages li p.last_message {
            max-width: 220px;
            color: #999999; }
        .chat-wrap .left-client .messages li img {
          height: 40px;
          width: 40px;
          border-radius: 50%;
          margin-right: 15px; }
        .chat-wrap .left-client .messages li .status {
          position: absolute;
          font-size: 0.8em;
          width: 15px;
          height: 15px;
          top: 43px;
          left: 43px;
          background: #ddd;
          border: 2px solid #ffffff;
          border-radius: 50%; }
          .chat-wrap .left-client .messages li .status.online {
            background: #8dc234;
            border: 2px solid #ffffff; }
        .chat-wrap .left-client .messages li.new p {
          color: #F44336;
          font-weight: bold; }
        .chat-wrap .left-client .messages li.new_message p {
          font-weight: bold;
          color: #000; }
  .chat-wrap .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 3;
    flex: 3;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0; }
    .chat-wrap .content .stack {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 3;
      flex: 3;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0; }
      .chat-wrap .content .stack .new-chat {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: calc(100vh - 216px);
        max-height: calc(100vh - 216px); }
      .chat-wrap .content .stack .chat {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        .chat-wrap .content .stack .chat .info {
          -ms-flex: 0 2 33.33%;
          flex: 0 2 33.33%;
          max-width: 420px;
          min-width: 200px;
          border-left: 1px solid #f2f2f2; }
          .chat-wrap .content .stack .chat .info p {
            margin: 0; }
          .chat-wrap .content .stack .chat .info .block {
            padding: 15px; }
            .chat-wrap .content .stack .chat .info .block:not(:last-child) {
              border-bottom: 1px solid #f2f2f2; }
          .chat-wrap .content .stack .chat .info .action {
            font-size: 1.1em;
            width: 30px;
            text-align: center;
            cursor: pointer; }
          .chat-wrap .content .stack .chat .info label {
            font-weight: normal;
            color: rgba(0, 0, 0, 0.4);
            font-size: 1em; }
          .chat-wrap .content .stack .chat .info .data {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 1 0;
            flex: 1 1 0;
            margin: 0; }
          .chat-wrap .content .stack .chat .info .chat {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-direction: row;
            flex-direction: row; }
          .chat-wrap .content .stack .chat .info .contact, .chat-wrap .content .stack .chat .info .attendant, .chat-wrap .content .stack .chat .info .status {
            -ms-flex-align: center;
            align-items: center; }
            .chat-wrap .content .stack .chat .info .contact .data, .chat-wrap .content .stack .chat .info .attendant .data, .chat-wrap .content .stack .chat .info .status .data {
              -ms-flex-align: center;
              align-items: center; }
            .chat-wrap .content .stack .chat .info .contact img, .chat-wrap .content .stack .chat .info .attendant img, .chat-wrap .content .stack .chat .info .status img {
              height: 50px;
              width: auto;
              border-radius: 50%;
              margin-right: 15px; }
          .chat-wrap .content .stack .chat .info .attendant .btn {
            height: 34px;
            width: 90px; }
          .chat-wrap .content .stack .chat .info .status .label {
            width: 30px;
            height: 30px;
            margin: 0px 25px 0px 10px; }
          .chat-wrap .content .stack .chat .info .status .btn {
            height: 34px;
            width: 80px; }
          .chat-wrap .content .stack .chat .info .status .dropdown-menu a {
            padding: 3px 20px 3px 30px; }
            .chat-wrap .content .stack .chat .info .status .dropdown-menu a span.label {
              display: block;
              position: absolute;
              top: 6px;
              left: 7px;
              width: 15px;
              height: 15px;
              margin: 0px;
              padding: 0px; }
          .chat-wrap .content .stack .chat .info .company {
            -ms-flex-align: center;
            align-items: center; }
        .chat-wrap .content .stack .chat .presentation {
          -ms-flex: 1 1 10%;
          flex: 1 1 10%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          border-left: 1px solid #f2f2f2; }
          .chat-wrap .content .stack .chat .presentation .body {
            padding: 0;
            margin: 0;
            height: calc(100vh - 191px);
            max-height: calc(100vh - 191px);
            overflow: auto;
            background: #f1efec; }
          .chat-wrap .content .stack .chat .presentation .actions {
            background: #fff;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: auto 1 1;
            flex: auto 1 1;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0;
            border-top: 1px solid #f2f2f2;
            max-height: 50px;
            height: 50px;
            padding: 0 15px; }
            .chat-wrap .content .stack .chat .presentation .actions * {
              background: none;
              border: none;
              font-size: 0.98em; }
            .chat-wrap .content .stack .chat .presentation .actions textarea {
              resize: none;
              width: 100%;
              height: 100%;
              line-height: 44px; }
            .chat-wrap .content .stack .chat .presentation .actions .fa {
              margin: 0 5px; }
  .chat-wrap .content-client {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 3;
    flex: 3;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    overflow-y: auto; }
    .chat-wrap .content-client .btn-entry {
      border-color: #337ab7;
      color: #337ab7; }
    .chat-wrap .content-client .searchbar {
      margin-top: 40px;
      height: 50px;
      background-color: #EAEEEF;
      border-radius: 5px;
      padding: 5px;
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      color: #C9D3D5;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05) ; }
    .chat-wrap .content-client .search_input {
      color: #000;
      border: 0;
      outline: 0;
      background: none;
      line-height: 35px;
      font-size: 22px;
      transition: width 0.4s linear; }
    .chat-wrap .content-client .searchbar:hover > .search_input {
      width: 450px;
      transition: width 0.4s linear; }
    .chat-wrap .content-client .searchbar:hover > .search_icon {
      color: #4682B4; }
    .chat-wrap .content-client .search_icon {
      height: 40px;
      width: 40px;
      background: #EAEEEF;
      float: right;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 50%;
      border: none;
      color: #C9D3D5; }
    .chat-wrap .content-client .table-box {
      background-color: #fff;
      width: 95%;
      height: auto;
      margin-top: 20px;
      border-radius: 15px;
      margin-left: auto;
      margin-right: auto;
      padding: 20px;
      overflow-y: auto;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05) ; }
    .chat-wrap .content-client .stack {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 3;
      flex: 3;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0; }
      .chat-wrap .content-client .stack .new-chat {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: calc(100vh - 216px);
        max-height: calc(100vh - 216px); }
      .chat-wrap .content-client .stack .chat {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        .chat-wrap .content-client .stack .chat .info {
          -ms-flex: 0 2 33.33%;
          flex: 0 2 33.33%;
          max-width: 420px;
          min-width: 200px;
          border-left: 1px solid #f2f2f2; }
          .chat-wrap .content-client .stack .chat .info p {
            margin: 0; }
          .chat-wrap .content-client .stack .chat .info .block {
            padding: 15px; }
            .chat-wrap .content-client .stack .chat .info .block:not(:last-child) {
              border-bottom: 1px solid #f2f2f2; }
          .chat-wrap .content-client .stack .chat .info .action {
            font-size: 1.1em;
            width: 30px;
            text-align: center;
            cursor: pointer; }
          .chat-wrap .content-client .stack .chat .info label {
            font-weight: normal;
            color: rgba(0, 0, 0, 0.4);
            font-size: 1em; }
          .chat-wrap .content-client .stack .chat .info .data {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 1 0;
            flex: 1 1 0;
            margin: 0; }
          .chat-wrap .content-client .stack .chat .info .chat {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-direction: row;
            flex-direction: row; }
          .chat-wrap .content-client .stack .chat .info .contact, .chat-wrap .content-client .stack .chat .info .attendant, .chat-wrap .content-client .stack .chat .info .status {
            -ms-flex-align: center;
            align-items: center; }
            .chat-wrap .content-client .stack .chat .info .contact .data, .chat-wrap .content-client .stack .chat .info .attendant .data, .chat-wrap .content-client .stack .chat .info .status .data {
              -ms-flex-align: center;
              align-items: center; }
            .chat-wrap .content-client .stack .chat .info .contact img, .chat-wrap .content-client .stack .chat .info .attendant img, .chat-wrap .content-client .stack .chat .info .status img {
              height: 50px;
              width: auto;
              border-radius: 50%;
              margin-right: 15px; }
          .chat-wrap .content-client .stack .chat .info .attendant .btn {
            height: 34px;
            width: 90px; }
          .chat-wrap .content-client .stack .chat .info .status .label {
            width: 30px;
            height: 30px;
            margin: 0px 25px 0px 10px; }
          .chat-wrap .content-client .stack .chat .info .status .btn {
            height: 34px;
            width: 80px; }
          .chat-wrap .content-client .stack .chat .info .status .dropdown-menu a {
            padding: 3px 20px 3px 30px; }
            .chat-wrap .content-client .stack .chat .info .status .dropdown-menu a span.label {
              display: block;
              position: absolute;
              top: 6px;
              left: 7px;
              width: 15px;
              height: 15px;
              margin: 0px;
              padding: 0px; }
          .chat-wrap .content-client .stack .chat .info .company {
            -ms-flex-align: center;
            align-items: center; }
        .chat-wrap .content-client .stack .chat .presentation {
          -ms-flex: 1 1 10%;
          flex: 1 1 10%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          border-left: 1px solid #f2f2f2; }
          .chat-wrap .content-client .stack .chat .presentation .body {
            padding: 0;
            margin: 0;
            height: calc(100vh - 191px);
            max-height: calc(100vh - 191px);
            overflow: auto;
            background: #f1efec; }
          .chat-wrap .content-client .stack .chat .presentation .actions {
            background: #fff;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: auto 1 1;
            flex: auto 1 1;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0;
            border-top: 1px solid #f2f2f2;
            max-height: 50px;
            height: 50px;
            padding: 0 15px; }
            .chat-wrap .content-client .stack .chat .presentation .actions * {
              background: none;
              border: none;
              font-size: 0.98em; }
            .chat-wrap .content-client .stack .chat .presentation .actions textarea {
              resize: none;
              width: 100%;
              height: 100%;
              line-height: 44px; }
            .chat-wrap .content-client .stack .chat .presentation .actions .fa {
              margin: 0 5px; }

.panel-chat {
  border-radius: 0;
  border: 0;
  margin-bottom: 0;
  box-shadow: none; }
  .panel-chat * {
    background: none;
    border: none;
    font-size: 0.98em; }
  .panel-chat .panel-heading {
    background: #f6f7f9;
    border: none;
    padding: 5px 10px;
    color: #FFF; }
    .panel-chat .panel-heading .status {
      border-radius: 50%;
      display: inline-block;
      margin: 0 3px 1px 0;
      vertical-align: middle;
      width: 10px;
      height: 10px; }
      .panel-chat .panel-heading .status.online {
        background: #42b72a; }
      .panel-chat .panel-heading .status.offline {
        background: #b82a2a; }
    .panel-chat .panel-heading::after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0; }
    .panel-chat .panel-heading a {
      text-decoration: none;
      color: #464a5c;
      font-weight: bold;
      float: left; }
    .panel-chat .panel-heading a.chatClose {
      text-decoration: none;
      max-width: 11px;
      width: 11px;
      float: right; }
  .panel-chat.new-chat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none; }
    .panel-chat.new-chat .panel-heading {
      background: #f44336; }
      .panel-chat.new-chat .panel-heading a {
        color: #ffffff; }
    .panel-chat.new-chat .panel-body {
      background: #ffffff;
      padding: 15px; }
      .panel-chat.new-chat .panel-body .label {
        color: #9e9e9e;
        padding: 0;
        font-size: 0.8em; }
    .panel-chat.new-chat .panel-footer {
      padding: 0 10px;
      border: none; }
      .panel-chat.new-chat .panel-footer a {
        background: #31639B; }

.empty_chat div {
  max-width: 600px;
  margin: 0 auto; }
  .empty_chat div blockquote {
    text-align: left; }

.empty_chat img {
  height: 300px;
  width: auto; }

.financial_entry {
  /* Add animation to "page content" */ }
  .financial_entry .widget {
    padding: 20px;
    border-bottom: 1px solid #f1f1f1; }
    .financial_entry .widget:last-child {
      border-bottom: none; }
  .financial_entry .tab-content {
    padding-top: 0px; }
  .financial_entry .alert a {
    cursor: pointer;
    color: inherit; }
  .financial_entry .action {
    font-weight: bold;
    color: #9FB1C6; }
  .financial_entry .nav-tabs {
    margin-bottom: 1px; }
  .financial_entry .entry-back {
    background-color: #f6f7fc; }
  .financial_entry .entry-body {
    padding: 15px;
    overflow-y: auto;
    height: 100vh;
    padding-bottom: 150px; }
  .financial_entry .entries {
    background-color: #ffffff;
    border-radius: 0px 10px 10px 10px; }
  .financial_entry .entry-filters {
    width: 100%; }
    .financial_entry .entry-filters .month-picker {
      cursor: pointer;
      padding: 0px 5px 0px 5px;
      overflow: hidden;
      border-top: 10px solid #CFCFCF;
      min-height: 32px;
      display: inline-grid;
      width: 25px;
      background: #ebecf5; }
      .financial_entry .entry-filters .month-picker .month {
        font-size: 1.3em;
        font-weight: bold;
        line-height: 0.8em;
        margin-top: 5px; }
      .financial_entry .entry-filters .month-picker .year {
        font-size: 0.8em;
        color: #9e9e9e; }
      .financial_entry .entry-filters .month-picker .day {
        font-size: 0.8em;
        font-weight: bold;
        text-align: center; }
      .financial_entry .entry-filters .month-picker:hover {
        border: 1px solid #a0a0a0 !important;
        border-top: 10px solid #a0a0a0 !important;
        background-color: #a0a0a0 !important; }
      .financial_entry .entry-filters .month-picker.current {
        border-top: 10px solid #3D8AE1;
        background-color: #1565C0; }
        .financial_entry .entry-filters .month-picker.current .day {
          color: #fff; }
      .financial_entry .entry-filters .month-picker.selected {
        border-top: 10px solid #424242;
        background-color: #424242; }
        .financial_entry .entry-filters .month-picker.selected .day {
          color: #fff; }
      .financial_entry .entry-filters .month-picker.hover {
        border-top: 10px solid #E53935;
        background: #FFEBEE; }
      .financial_entry .entry-filters .month-picker.success {
        border-top: 10px solid #5DA709;
        background: #F1F8E9; }
      .financial_entry .entry-filters .month-picker.warning {
        border-top: 10px solid #ffbc40;
        background: #fff1d6; }
    .financial_entry .entry-filters .btn-group {
      margin-right: 10px;
      border-radius: 5px;
      margin-top: 15px; }
      .financial_entry .entry-filters .btn-group label {
        position: absolute;
        top: 0px;
        left: 0px;
        font-weight: normal;
        font-size: 10px;
        margin-top: -15px;
        margin-left: 3px; }
      .financial_entry .entry-filters .btn-group .btn {
        border: none;
        padding: 6px 10px;
        background: transparent;
        color: #464a5c; }
        .financial_entry .entry-filters .btn-group .btn:active {
          box-shadow: none; }
        .financial_entry .entry-filters .btn-group .btn:hover {
          color: #464a5c; }
        .financial_entry .entry-filters .btn-group .btn.active {
          border-radius: 5px;
          color: #464a5c;
          box-shadow: none;
          background: #ffffff;
          background: #31639B;
          color: #ffffff; }
  .financial_entry .debit .progress-bar {
    background-color: #f44336; }
  .financial_entry .debit .btn-entry {
    border-color: #f44336;
    color: #f44336; }
  .financial_entry .debit .btn-entry:active {
    background-color: #ef9a9a; }
  .financial_entry .credit .progress-bar {
    background-color: #4caf50; }
  .financial_entry .credit .btn-entry {
    border-color: #4caf50;
    color: #4caf50; }
  .financial_entry .credit .btn-entry:active {
    background-color: #a5d6a7; }
  .financial_entry .nav-tabs .credit.active a {
    color: #4caf50; }
  .financial_entry .nav-tabs .debit.active a {
    color: #f44336; }
  .financial_entry .bank .btn-group > .btn:first-child {
    width: 100%;
    border: 0px;
    padding: 10px; }
  .financial_entry .bank .account-info {
    text-align: right;
    margin-right: 15px; }
    .financial_entry .bank .account-info p {
      margin: 0px; }
    .financial_entry .bank .account-info strong {
      font-size: 1.3em; }
  .financial_entry .bank i.icon {
    font-size: 1.5em;
    color: #ADB1B5; }
  .financial_entry .bank .dropdown-menu {
    padding: 0px;
    width: 100%; }
    .financial_entry .bank .dropdown-menu li a {
      position: relative;
      padding: 15px; }
      .financial_entry .bank .dropdown-menu li a i {
        position: relative;
        top: inherit;
        left: inherit;
        text-align: inherit;
        width: inherit; }
  .financial_entry .progress {
    margin-bottom: 0px;
    border-radius: 20px;
    height: 10px;
    margin: 5px 0px;
    box-shadow: none; }
    .financial_entry .progress > .progress {
      margin: 0px; }
  .financial_entry .form-entry .form-control {
    border-width: 1px;
    border-color: #CDD6DE;
    padding: 5px; }
  .financial_entry .form-entry i {
    display: inline;
    font-size: 1em; }
  .financial_entry .btn-add-entry {
    text-align: center;
    color: #ffffff;
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    padding: 5px 0px; }
    .financial_entry .btn-add-entry i {
      margin: 0px;
      padding: 0px; }
  .financial_entry .btn-category {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .financial_entry .btn-category .btn-plus {
      max-width: 37px !important;
      min-width: 0 !important;
      float: right; }
    .financial_entry .btn-category .multi {
      max-width: 97px;
      position: relative;
      float: left; }
  .financial_entry .ats-switch {
    zoom: 60%; }
  .financial_entry .caret {
    position: initial; }
  .financial_entry .btn-entry {
    display: inline-block;
    width: 60%;
    border-radius: 15px;
    border-style: dashed;
    border-width: 1px;
    background-color: transparent;
    box-shadow: none; }
  .financial_entry .switch-painel .btn-group-switch-painel {
    width: 100%; }
    .financial_entry .switch-painel .btn-group-switch-painel .btn-switch-painel-left {
      width: 50%;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      border-style: dashed;
      border-width: 1px;
      background-color: transparent;
      box-shadow: none;
      border-color: #31639B;
      color: #31639B; }
      .financial_entry .switch-painel .btn-group-switch-painel .btn-switch-painel-left.active {
        background-color: #31639B;
        color: #FFFFFF; }
    .financial_entry .switch-painel .btn-group-switch-painel .btn-switch-painel-right {
      width: 50%;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px;
      border-style: dashed;
      border-width: 1px;
      background-color: transparent;
      box-shadow: none;
      border-color: #31639B;
      color: #31639B; }
      .financial_entry .switch-painel .btn-group-switch-painel .btn-switch-painel-right.active {
        background-color: #31639B;
        color: #FFFFFF; }
  .financial_entry .nav-tabs {
    border: none !important; }
    .financial_entry .nav-tabs ul {
      background-color: #dadee4; }
    .financial_entry .nav-tabs li a {
      background-color: #f8f8f8;
      border: none !important;
      color: inherit; }
    .financial_entry .nav-tabs li.active a {
      background-color: #ffffff;
      font-weight: bold; }
  .financial_entry .financial-table {
    margin: 0px; }
    .financial_entry .financial-table #financial-table-head > th {
      border-left: 1px solid #f2f2f2; }
      .financial_entry .financial-table #financial-table-head > th:first-child, .financial_entry .financial-table #financial-table-head > th:last-child {
        border-left: 0px; }
    .financial_entry .financial-table #financial-table-body .entry-options {
      padding: 0px;
      box-shadow: none;
      min-width: 30px; }
      .financial_entry .financial-table #financial-table-body .entry-options i {
        font-size: 1.5em;
        font-weight: bold; }
    .financial_entry .financial-table #financial-table-body > td {
      padding: 5px;
      border-bottom: 2px solid #f2f2f2;
      max-width: 180px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .financial_entry .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s; }

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

.home .panel-heading {
  text-align: center;
  font-weight: bold; }

.home .panel-body {
  max-height: 71vh;
  overflow-y: auto;
  padding: 15px; }
  .home .panel-body::-webkit-scrollbar {
    width: 1em; }
  .home .panel-body::-webkit-scrollbar-thumb {
    background-color: #eee;
    outline: 1px solid slategrey; }
  .home .panel-body .alert {
    margin: 0px; }
  .home .panel-body a {
    display: block;
    text-decoration: none;
    background-color: #f1f1f1;
    color: #4a4a4a;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px; }
    .home .panel-body a:last-child {
      margin-bottom: 0px; }
    .home .panel-body a:hover {
      background-color: #31639B;
      color: #ffffff; }

.notifications-table {
  padding: 0 300px 0 300px; }
  .notifications-table tr td {
    background-color: #FFF; }
    .notifications-table tr td a {
      white-space: normal;
      text-decoration: none;
      padding: 5px 10px;
      min-width: 400px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      color: #455a64; }
      .notifications-table tr td a img {
        margin-right: 12px;
        height: 48px;
        width: 48px;
        border-radius: 50%; }
    .notifications-table tr td:hover {
      background-color: #f1f1f1; }
  .notifications-table tr.unread td {
    background-color: #edf2fa; }

.cke_button_label.cke_button__params_docs_label {
  display: inline !important; }

.cke_button_label.cke_button__params_name_label {
  display: inline !important; }

.cke_button_label.cke_button__params_address_label {
  display: inline !important; }

.cke_button_icon.cke_button__params_docs_icon {
  display: none !important; }

.cke_button_icon.cke_button__params_name_icon {
  display: none !important; }

.cke_button_icon.cke_button__params_address_icon {
  display: none !important; }

.cart-page {
  width: 700px;
  margin: 0 auto;
  padding: 0px; }
  .cart-page .panel-default > .panel-heading {
    background-color: white; }
  .cart-page .cart-resume {
    background: #E3F2FD;
    border-top: 1px solid #BBDEFB;
    height: 70px;
    line-height: 20px;
    padding-top: 10px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999; }
    .cart-page .cart-resume .content {
      width: 700px;
      margin: 0 auto; }
    .cart-page .cart-resume strong {
      color: #0D47A1; }

.signup .header p {
  font-size: 1.5em;
  font-weight: lighter;
  color: #9e9e9e; }
  .signup .header p.lead {
    font-size: 2em;
    font-weight: bold;
    color: #4a9cc4;
    margin: 0px; }

.balance > .day {
  cursor: pointer;
  padding-bottom: 3px; }
  .balance > .day .indicator {
    background: #ccc;
    padding: 2px 15px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 3px; }
    .balance > .day .indicator .number {
      font-size: 1.5em; }
    .balance > .day .indicator .text {
      text-transform: uppercase;
      font-size: 0.8em; }
  .balance > .day .description {
    background: #F2F2F0;
    border-radius: 5px;
    padding: 3px 15px;
    color: #9E9E9E;
    width: 100%; }
    .balance > .day .description p {
      font-size: 1.2em;
      font-weight: bold;
      text-transform: uppercase;
      font-style: italic;
      letter-spacing: -1px;
      margin: 0px;
      line-height: 40px; }
    .balance > .day .description .operations {
      margin-left: auto; }
      .balance > .day .description .operations p {
        margin: 0px 15px;
        font-style: normal; }
        .balance > .day .description .operations p small {
          font-size: 0.5em; }

.client_room {
  /* Add animation to "page content" */ }
  .client_room .widget {
    padding: 20px;
    border-bottom: 1px solid #f1f1f1; }
    .client_room .widget:last-child {
      border-bottom: none; }
  .client_room .tab-content {
    padding-top: 0px; }
  .client_room .alert a {
    cursor: pointer;
    color: inherit; }
  .client_room .action {
    font-weight: bold;
    color: #9FB1C6; }
  .client_room .nav-tabs {
    margin-bottom: 1px; }
  .client_room .entry-back {
    background-color: #f6f7fc; }
  .client_room .entry-body {
    padding: 15px;
    overflow-y: auto;
    height: 100vh;
    padding-bottom: 150px; }
  .client_room .entries {
    background-color: #ffffff;
    border-radius: 0px 10px 10px 10px; }
  .client_room .entry-filters {
    width: 100%; }
    .client_room .entry-filters .month-picker {
      cursor: pointer;
      padding: 0px 5px 0px 5px;
      overflow: hidden;
      border-top: 10px solid #CFCFCF;
      min-height: 32px;
      display: inline-grid;
      width: 25px;
      background: #ebecf5; }
      .client_room .entry-filters .month-picker .month {
        font-size: 1.3em;
        font-weight: bold;
        line-height: 0.8em;
        margin-top: 5px; }
      .client_room .entry-filters .month-picker .year {
        font-size: 0.8em;
        color: #9e9e9e; }
      .client_room .entry-filters .month-picker .day {
        font-size: 0.8em;
        font-weight: bold;
        text-align: center; }
      .client_room .entry-filters .month-picker:hover {
        border: 1px solid #a0a0a0 !important;
        border-top: 10px solid #a0a0a0 !important;
        background-color: #a0a0a0 !important; }
      .client_room .entry-filters .month-picker.current {
        border-top: 10px solid #3D8AE1;
        background-color: #1565C0; }
        .client_room .entry-filters .month-picker.current .day {
          color: #fff; }
      .client_room .entry-filters .month-picker.selected {
        border-top: 10px solid #424242;
        background-color: #424242; }
        .client_room .entry-filters .month-picker.selected .day {
          color: #fff; }
      .client_room .entry-filters .month-picker.hover {
        border-top: 10px solid #E53935;
        background: #FFEBEE; }
      .client_room .entry-filters .month-picker.success {
        border-top: 10px solid #5DA709;
        background: #F1F8E9; }
    .client_room .entry-filters .btn-group {
      margin-right: 10px;
      border-radius: 5px;
      margin-top: 15px; }
      .client_room .entry-filters .btn-group label {
        position: absolute;
        top: 0px;
        left: 0px;
        font-weight: normal;
        font-size: 10px;
        margin-top: -15px;
        margin-left: 3px; }
      .client_room .entry-filters .btn-group .btn {
        border: none;
        padding: 6px 10px;
        background: transparent;
        color: #464a5c; }
        .client_room .entry-filters .btn-group .btn:active {
          box-shadow: none; }
        .client_room .entry-filters .btn-group .btn:hover {
          color: #464a5c; }
        .client_room .entry-filters .btn-group .btn.active {
          border-radius: 5px;
          color: #464a5c;
          box-shadow: none;
          background: #ffffff;
          background: #31639B;
          color: #ffffff; }
  .client_room .debit .progress-bar {
    background-color: #f44336; }
  .client_room .debit .btn-entry {
    border-color: #f44336;
    color: #f44336; }
  .client_room .debit .btn-entry:active {
    background-color: #ef9a9a; }
  .client_room .credit .progress-bar {
    background-color: #4caf50; }
  .client_room .credit .btn-entry {
    border-color: #4caf50;
    color: #4caf50; }
  .client_room .credit .btn-entry:active {
    background-color: #a5d6a7; }
  .client_room .nav-tabs .credit.active a {
    color: #4caf50; }
  .client_room .nav-tabs .debit.active a {
    color: #f44336; }
  .client_room .bank .btn-group > .btn:first-child {
    width: 100%;
    border: 0px;
    padding: 10px; }
  .client_room .bank .account-info {
    text-align: right;
    margin-right: 15px; }
    .client_room .bank .account-info p {
      margin: 0px; }
    .client_room .bank .account-info strong {
      font-size: 1.3em; }
  .client_room .bank i.icon {
    font-size: 1.5em;
    color: #ADB1B5; }
  .client_room .bank .dropdown-menu {
    padding: 0px;
    width: 100%; }
    .client_room .bank .dropdown-menu li a {
      position: relative;
      padding: 15px; }
      .client_room .bank .dropdown-menu li a i {
        position: relative;
        top: inherit;
        left: inherit;
        text-align: inherit;
        width: inherit; }
  .client_room .progress {
    margin-bottom: 0px;
    border-radius: 20px;
    height: 10px;
    margin: 5px 0px;
    box-shadow: none; }
    .client_room .progress > .progress {
      margin: 0px; }
  .client_room .form-entry .form-control {
    border-width: 1px;
    border-color: #CDD6DE;
    padding: 5px; }
  .client_room .form-entry i {
    display: inline;
    font-size: 1em; }
  .client_room .btn-add-entry {
    text-align: center;
    color: #ffffff;
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    padding: 5px 0px; }
    .client_room .btn-add-entry i {
      margin: 0px;
      padding: 0px; }
  .client_room .btn-category {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .client_room .btn-category .btn-plus {
      max-width: 37px !important;
      min-width: 0 !important;
      float: right; }
    .client_room .btn-category .multi {
      max-width: 97px;
      position: relative;
      float: left; }
  .client_room .ats-switch {
    zoom: 60%; }
  .client_room .caret {
    position: initial; }
  .client_room .btn-entry {
    display: inline-block;
    width: 60%;
    border-radius: 15px;
    border-style: dashed;
    border-width: 1px;
    background-color: transparent;
    box-shadow: none; }
  .client_room .nav-tabs {
    border: none !important; }
    .client_room .nav-tabs ul {
      background-color: #dadee4; }
    .client_room .nav-tabs li a {
      background-color: #dadee4;
      border: none !important;
      color: inherit; }
    .client_room .nav-tabs li.active a {
      background-color: #ffffff;
      font-weight: bold; }
  .client_room .financial-table {
    margin: 0px; }
    .client_room .financial-table #financial-table-head > th {
      border-left: 1px solid #f2f2f2; }
      .client_room .financial-table #financial-table-head > th:first-child, .client_room .financial-table #financial-table-head > th:last-child {
        border-left: 0px; }
    .client_room .financial-table #financial-table-body .entry-options {
      padding: 0px;
      box-shadow: none;
      min-width: 30px; }
      .client_room .financial-table #financial-table-body .entry-options i {
        font-size: 1.5em;
        font-weight: bold; }
    .client_room .financial-table #financial-table-body > td {
      padding: 5px;
      border-bottom: 2px solid #f2f2f2; }
  .client_room .backgroundLoader {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.5;
    z-index: 10; }
  .client_room .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    z-index: 11; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .client_room .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s; }

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

.service .image {
  width: 300px;
  margin: 30px 0px; }

.offer .unavailable {
  color: #9e9e9e;
  text-decoration: line-through; }

.checkout .header__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center; }

.checkout h1.bottom {
  font-size: 30px !important;
  margin-top: 0 !important; }

.checkout .waiting {
  font-size: 5px; }

.checkout wz.compra {
  font-size: 10px; }

.checkout .buy h2 {
  overflow: auto !important;
  height: 80%;
  font-size: 20px; }

.checkout .table,
.checkout td,
.checkout tr {
  border-radius: 5px;
  margin: 0 auto;
  float: none;
  margin-right: 10px;
  font-size: 13px; }

.checkout td.zoom {
  overflow: visible; }

.checkout td.zoom img {
  width: 35px;
  max-width: 100%;
  transition: all 0.3s; }

.checkout td.zoom:hover img {
  transform: scale(4.1); }

.checkout .descripition {
  margin-top: 30px;
  font-size: 30px;
  display: block;
  -ms-flex-line-pack: center;
  align-content: center; }

.checkout td.price {
  font-size: 30px; }

.checkout h1,
.checkout span {
  font-size: 1.2em;
  margin-top: 20px; }

.checkout h3 {
  margin-top: 30px; }

.checkout .payment {
  padding-top: 40px; }

.checkout .jp-card-container {
  transform: scale(0.8) !important; }

.checkout .panel-body a {
  margin: -25px 10px 10px; }

.checkout .panel-default {
  margin-top: 30px; }

.checkout .buyer h3 {
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 25px;
  overflow: auto !important;
  height: 80%; }

.register_step input {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  border-bottom: 3px solid #888888; }

.register_step select {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  border-bottom: 3px solid #888888; }

.register_step h1 {
  color: #888888; }

.register_step .button-duda {
  box-shadow: 2px 1px 3px #101010;
  background-color: #2B9994;
  color: #FFFFFF;
  font-weight: bold; }

.register_step .imgLogoRegister {
  height: 50px; }

.register_step .duda-color {
  color: #2B9994; }

.register_step .vertical-center {
  min-height: 50%;
  min-height: 50vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.onboarding input {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  border-bottom: 3px solid #888888; }

.onboarding select {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  border-bottom: 3px solid #888888; }

.onboarding h1 {
  color: #888888; }

.onboarding .imgLogoRegister {
  height: 80px; }

.onboarding .vertical-center {
  min-height: 50%;
  min-height: 50vh;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px; }

.cashier .background-list {
  right: 180px;
  top: 50px; }

.cashier div.col-md-3.background-list.ng-scope {
  right: -215px;
  top: 10px; }

/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .btn-group {
    margin: 5px 0px;
    width: 100%; }
  h1.title {
    width: 100%;
    margin: 0px; }
    h1.title .label {
      display: block;
      width: 100%;
      margin: 5px 0px 0px 0px; } }

* {
  outline: none !important; }

/*# sourceMappingURL=app.min.css.map */