@charset "UTF-8";
/* _colors.sass */
@import url("https://fonts.googleapis.com/css?family=Roboto:300&display=swap");
.color-white {
  color: #fff; }

.color-ingaia {
  color: #0a345e; }

.color-saas {
  color: #00a2c2; }

.color-maas {
  color: #9d72af; }

.color-education {
  color: #e89d51; }

.color-financial-solution {
  color: #3cb185; }

.color-real-estate-left {
  color: #f0545e; }

.bg-transparent {
  background-color: transparent !important; }

.bg-ingaia {
  background-color: #0a345e; }

.bg-saas {
  background-color: #00a2c2; }

.bg-maas {
  background-color: #9d72af; }

.bg-education {
  background-color: #e89d51; }

.bg-financial-solution {
  background-color: #3cb185; }

.bg-real-estate-left {
  background-color: #f0545e; }

.hr-white {
  border-top: 1px solid #fff; }

.hr-primary {
  border-top: 1px solid #6e8c99; }

.hr-default {
  border-top: 1px solid #b5b5b5; }

.hr-success {
  border-top: 1px solid #00a2c2; }

.hr-info {
  border-top: 1px solid #2884b0; }

.hr-warning {
  border-top: 1px solid #c0ad8f; }

.hr-danger {
  border-top: 1px solid #bf3d49; }

.hr-ingaia {
  border-top: 1px solid #0a345e; }

.hr-saas {
  border-top: 1px solid #00a2c2; }

.hr-maas {
  border-top: 1px solid #9d72af; }

.hr-financial-solution {
  border-top: 1px solid #3cb185; }

.hr-education {
  border-top: 1px solid #e89d51; }

.hr-real-estate-left {
  border-top: 1px solid #f0545e; }

/* _borders.sass */
.border-top-ingaia {
  border-top: 3px solid #0a345e !important; }

.border-top-saas {
  border-top: 3px solid #00a2c2 !important; }

.border-top-maas {
  border-top: 3px solid #9d72af !important; }

.border-top-education {
  border-top: 3px solid #e89d51 !important; }

.border-top-financial-solution {
  border-top: 3px solid #3cb185 !important; }

.border-top-real-estate-left {
  border-top: 3px solid #f0545e !important; }

.border-right-ingaia {
  border-right: 3px solid #0a345e !important; }

.border-right-saas {
  border-right: 3px solid #00a2c2 !important; }

.border-right-maas {
  border-right: 3px solid #9d72af !important; }

.border-right-education {
  border-right: 3px solid #e89d51 !important; }

.border-right-financial-solution {
  border-right: 3px solid #3cb185 !important; }

.border-right-real-estate-left {
  border-right: 3px solid #f0545e !important; }

.border-bottom-ingaia {
  border-bottom: 3px solid #0a345e !important; }

.border-bottom-saas {
  border-bottom: 3px solid #00a2c2 !important; }

.border-bottom-maas {
  border-bottom: 3px solid #9d72af !important; }

.border-bottom-education {
  border-bottom: 3px solid #e89d51 !important; }

.border-bottom-financial-solution {
  border-bottom: 3px solid #3cb185 !important; }

.border-bottom-real-estate-left {
  border-bottom: 3px solid #f0545e !important; }

.border-left-ingaia {
  border-left: 3px solid #0a345e !important; }

.border-left-saas {
  border-left: 3px solid #00a2c2 !important; }

.border-left-maas {
  border-left: 3px solid #9d72af !important; }

.border-left-education {
  border-left: 3px solid #e89d51 !important; }

.border-left-financial-solution {
  border-left: 3px solid #3cb185 !important; }

.border-left-real-estate-left {
  border-left: 3px solid #f0545e !important; }

.border-dashed {
  border-bottom: dashed 1px #dedede !important; }

/* ARROWS */
/* Parâmetros: TOP LEFT colorT colorR colorB colorL | Border: TOP, RIGHT, BOTTOM, LEFT */
.arrow-top-right {
  position: relative; }
  .arrow-top-right:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #00a2c2;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(0% - 10px);
    left: calc(100% - 30px); }

.arrow-top-middle {
  position: relative; }
  .arrow-top-middle:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #00a2c2;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(0% - 10px);
    left: 46%; }

.arrow-top-left {
  position: relative; }
  .arrow-top-left:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #00a2c2;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(0% - 10px);
    left: calc(0% + 20px); }

.arrow-bottom-right {
  position: relative; }
  .arrow-bottom-right:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid #00a2c2;
    border-right: 7px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(100% + 3px);
    left: calc(100% - 30px); }

.arrow-bottom-middle {
  position: relative; }
  .arrow-bottom-middle:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid #00a2c2;
    border-right: 7px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(100% + 3px);
    left: 46%; }

.arrow-bottom-left {
  position: relative; }
  .arrow-bottom-left:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid #00a2c2;
    border-right: 7px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(100% + 3px);
    left: calc(0% + 20px); }

.arrow-left-top {
  position: relative; }
  .arrow-left-top:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #00a2c2;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(0% + 20px);
    left: calc(0% - 17px); }

.arrow-left-middle {
  position: relative; }
  .arrow-left-middle:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #00a2c2;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: 46%;
    left: calc(0% - 17px); }

.arrow-left-bottom {
  position: relative; }
  .arrow-left-bottom:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #00a2c2;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: calc(100% - 30px);
    left: calc(0% - 17px); }

.arrow-right-top {
  position: relative; }
  .arrow-right-top:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #00a2c2;
    position: absolute;
    top: calc(0% + 20px);
    left: calc(100% + 3px); }

.arrow-right-middle {
  position: relative; }
  .arrow-right-middle:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #00a2c2;
    position: absolute;
    top: 46%;
    left: calc(100% + 3px); }

.arrow-right-bottom {
  position: relative; }
  .arrow-right-bottom:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #00a2c2;
    position: absolute;
    top: calc(100% - 30px);
    left: calc(100% + 3px); }

#header .popover.drop-notifications {
  width: 450px;
  max-width: 450px;
  height: 374px;
  border-top: 3px solid #1e94b3 !important;
  background: #d3d3d3 !important;
  left: -400px; }
  #header .popover.drop-notifications .arrow {
    top: -12px;
    left: 50%;
    margin-left: 190px;
    border-color: transparent; }
    #header .popover.drop-notifications .arrow:after {
      border-bottom-color: #1e94b3 !important; }
  #header .popover.drop-notifications .btn-config-notifications {
    position: absolute;
    right: 14px;
    top: 14px;
    font-size: 20px;
    color: #5793b0;
    cursor: pointer; }
  #header .popover.drop-notifications .config-notifications {
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
    #header .popover.drop-notifications .config-notifications .fa {
      color: #d3d3d3; }
    #header .popover.drop-notifications .config-notifications .container-config {
      padding: 20px; }
      #header .popover.drop-notifications .config-notifications .container-config .item-switch {
        display: block;
        color: #575757; }
  #header .popover.drop-notifications h3 {
    text-align: center;
    margin: 0;
    padding: 13px;
    background: transparent;
    color: #5d5d5d;
    font-family: "Lato", "Helvetica", sans-serif;
    font-weight: 500 !important; }
  #header .popover.drop-notifications .container-notifications {
    position: relative;
    white-space: pre-line;
    height: 320px;
    overflow-x: hidden;
    overflow-y: auto; }
    #header .popover.drop-notifications .container-notifications img {
      position: relative;
      transform: translate(-50%, -50%);
      top: 0%;
      left: 50%;
      margin-top: 100px; }
    #header .popover.drop-notifications .container-notifications .noNotification {
      display: block;
      text-align: center;
      color: #5d5d5d;
      font-size: 16px;
      font-style: italic;
      font-weight: 600 !important;
      margin-top: -35px; }
    #header .popover.drop-notifications .container-notifications .panel-notification {
      display: block;
      position: relative;
      white-space: initial;
      padding: 15px 0;
      margin: 0 10px 5px;
      color: #5d5d5d;
      background: #fff;
      -webkit-box-shadow: 1px 1px 5px 1px #bfbfbf;
      box-shadow: 1px 1px 5px 1px #bfbfbf;
      overflow: hidden;
      text-decoration: none;
      border-left: 4px solid #b9b9b9;
      cursor: pointer; }
      #header .popover.drop-notifications .container-notifications .panel-notification.visualizado {
        opacity: 0.5; }
      #header .popover.drop-notifications .container-notifications .panel-notification h4, #header .popover.drop-notifications .container-notifications .panel-notification i {
        color: #b9b9b9; }
      #header .popover.drop-notifications .container-notifications .panel-notification .icon {
        float: left;
        width: 13%;
        padding-left: 15px; }
        #header .popover.drop-notifications .container-notifications .panel-notification .icon i {
          font-size: 24px; }
          #header .popover.drop-notifications .container-notifications .panel-notification .icon i:before {
            content: '\E043'; }
      #header .popover.drop-notifications .container-notifications .panel-notification .content {
        float: left;
        width: 73%;
        line-height: 20px;
        font-size: 14px;
        font-weight: normal; }
        #header .popover.drop-notifications .container-notifications .panel-notification .content h4 {
          margin: 0;
          font-size: 1em;
          font-weight: 600 !important; }
        #header .popover.drop-notifications .container-notifications .panel-notification .content p {
          margin: 0; }
        #header .popover.drop-notifications .container-notifications .panel-notification .content .close-notification {
          position: absolute;
          right: 10px;
          top: 10px;
          color: #d3d3d3;
          cursor: pointer; }

body:not(.DefaultController) {
  background-color: #EFEFEF; }

.bootstrap_for_gaia .nav > li > a:hover, .bootstrap_for_gaia .nav > li > a:focus {
  background: #09487C; }

.bootstrap_for_gaia .bootstrap_for_gaia .nav > li > a.marketplace:hover, .bootstrap_for_gaia .bootstrap_for_gaia .nav > li > a.marketplace:focus {
  background-color: #222222; }

.bootstrap_for_gaia .nav > li > a:hover, .bootstrap_for_gaia .bootstrap_for_gaia .nav > li > a:focus {
  background: #09487C; }

.bootstrap_for_gaia .tooltip.bottom .tooltip-arrow {
  top: 1px !important; }

.bootstrap_for_gaia .tooltip.top .tooltip-arrow {
  bottom: 1px !important; }

.bootstrap_for_gaia .tooltip.left .tooltip-arrow {
  right: 1px !important; }

.bootstrap_for_gaia .tooltip.right .tooltip-arrow {
  left: 1px !important; }

.bootstrap_for_gaia .btn {
  text-transform: uppercase;
  font-size: 13px;
  padding: 9px 14px;
  line-height: 1.42857;
  font-weight: 700; }

.bootstrap_for_gaia .tab-list-radar .nav > li > a:hover, .bootstrap_for_gaia .tab-list-radar .nav > li > a:focus {
  background: #fafafa; }

@media (min-width: 768px) and (max-width: 991px) {
  .bootstrap_for_gaia .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 13px; } }

* {
  font-family: "Lato", "Helvetica", sans-serif;
  outline: none !important; }

/* Menu Lateral */
#slide-menu.modal {
  overflow-y: initial;
  padding-left: 0 !important; }
  #slide-menu.modal.in .modal-dialog {
    left: 0; }

.bootstrap_for_gaia h1, .bootstrap_for_gaia h2, .bootstrap_for_gaia h3, .bootstrap_for_gaia h4, .bootstrap_for_gaia h5, .bootstrap_for_gaia h6 {
  font-weight: 400 !important; }

.bootstrap_for_gaia h2 {
  font-size: 26px; }

.bootstrap_for_gaia h3 {
  font-size: 22px; }

.bootstrap_for_gaia h4 {
  font-size: 15px; }

.bootstrap_for_gaia .input-group-btn:last-child > .btn, .bootstrap_for_gaia .input-group-btn:last-child > .btn-group {
  height: 34px !important; }

#slide-menu .ing {
  vertical-align: bottom;
  display: inline-block;
  font: normal normal normal 14px/1 ingaia-font-icons;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#slide-menu a {
  cursor: pointer;
  color: #FFF;
  text-decoration: none;
  font-size: 15px;
  position: relative;
  white-space: normal;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  #slide-menu a:focus {
    background: #00a2c2; }
  #slide-menu a .label.label-success {
    font-size: 8px;
    margin: 0 5px;
    vertical-align: middle; }

#slide-menu i {
  position: relative;
  font-size: inherit; }

#slide-menu .nav-li-user {
  text-align: left; }
  #slide-menu .nav-li-user img {
    border: 0; }
  #slide-menu .nav-li-user > a {
    display: block;
    padding: 10px 15px; }
  #slide-menu .nav-li-user .user-thumb {
    position: relative;
    float: left;
    margin: 5px 15px 5px 5px; }
  #slide-menu .nav-li-user .user-name {
    font-size: 1.2em;
    margin: 10px 0 5px; }
  #slide-menu .nav-li-user .user-sl {
    text-transform: none; }
  #slide-menu .nav-li-user .fa-pencil, #slide-menu .nav-li-user .fa-sign-out {
    display: inline-block; }
  #slide-menu .nav-li-user .dropdown-menu {
    margin-bottom: 10px;
    padding: 0; }
    #slide-menu .nav-li-user .dropdown-menu li > a {
      padding: 10px 15px; }
      #slide-menu .nav-li-user .dropdown-menu li > a:hover {
        background: #222222;
        border: 1px dotted #9a161a; }
  #slide-menu .nav-li-user.open .dropdown-menu {
    padding: 1px 0; }
  #slide-menu .nav-li-user .dropdown-status-user {
    color: #FFF; }
    #slide-menu .nav-li-user .dropdown-status-user li {
      padding-left: 10px; }
      #slide-menu .nav-li-user .dropdown-status-user li a {
        border-left: 0;
        border: none !important; }
    #slide-menu .nav-li-user .dropdown-status-user button {
      background-color: transparent;
      color: #fff !important;
      border: 0;
      margin-left: 15px; }
  #slide-menu .nav-li-user .status-presence {
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    padding: 8px;
    margin-right: 4px;
    vertical-align: text-top; }

#slide-menu .modal-header {
  padding: 0;
  border-bottom: 1px solid #464d57; }
  #slide-menu .modal-header .header-nav {
    padding: 10px 15px; }
    #slide-menu .modal-header .header-nav img {
      width: auto;
      height: 30px; }
    #slide-menu .modal-header .header-nav i {
      font-size: 20px;
      line-height: 30px; }

#slide-menu .modal-dialog {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: -1000px;
  width: 80%;
  height: 100%;
  background-color: #2f343b;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }

#slide-menu .modal-body, #slide-menu .nav-li-user {
  padding: 0; }

#slide-menu .modal-body .dropdown > a[dropdown-toggle]:after {
  content: "\203A";
  font-family: FontAwesome, sans-serif;
  font-weight: 600;
  font-size: 20px;
  font-weight: 300;
  color: #676767;
  position: absolute;
  right: 20px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.3s, ease;
  -moz-transition: 0.3s, ease;
  -ms-transition: 0.3s, ease;
  -o-transition: 0.3s, ease;
  transition: 0.3s, ease; }

#slide-menu .dropdown.open .dropdown-menu, #slide-menu.open .dropdown-menu {
  border: 0;
  max-height: 1000px; }

#slide-menu .dropdown-menu {
  -webkit-transition: max-height 0.6s;
  -moz-transition: max-height 0.6s;
  -ms-transition: max-height 0.6s;
  -o-transition: max-height 0.6s;
  transition: max-height 0.6s;
  overflow: hidden;
  max-height: 0;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  background-color: #222222;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  width: 100%;
  text-align: left; }

#slide-menu .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: #2f343b; }

#slide-menu .dropdown a {
  border-left: 2px solid #2f343b; }
  #slide-menu .dropdown a:hover {
    background-color: #222222;
    border-color: #00a2c2; }

#slide-menu .dropdown.open > a[dropdown-toggle] {
  color: #00a2c2;
  background-color: #222222;
  border-bottom: 0; }
  #slide-menu .dropdown.open > a[dropdown-toggle]:after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

#slide-menu .quick-menu {
  text-align: center;
  margin: 0; }
  #slide-menu .quick-menu > li {
    margin: 0 10px; }
  #slide-menu .quick-menu i {
    font-size: 18px; }
  #slide-menu .quick-menu > ul > li {
    display: inline; }
    #slide-menu .quick-menu > ul > li > a {
      padding: 10px 15px; }
  #slide-menu .quick-menu .badge {
    position: absolute;
    top: -8px;
    right: -12px;
    font-size: 10px;
    padding: 3px 5px !important;
    font-weight: 300; }
  #slide-menu .quick-menu .dropdown-menu {
    margin-top: 8px; }

#slide-menu .nav > li {
  float: left;
  width: 100%; }
  #slide-menu .nav > li > a {
    padding: 15px 25px; }
    #slide-menu .nav > li > a > i, #slide-menu .nav > li > a img.icon {
      font-size: 20px;
      margin-right: 10px; }
    #slide-menu .nav > li > a > img.icon {
      width: 25px;
      height: 25px; }

#slide-menu .dropdown-menu > li > a {
  padding: 10px 25px; }
  #slide-menu .dropdown-menu > li > a:hover {
    background: #222222; }

#slide-menu .badge {
  background: #00a2c2;
  float: right;
  font-weight: 300; }

.spinner-rotate .text {
  position: absolute;
  bottom: -40px;
  font-size: 20px; }

.spinner-rotate .logo-spinner-rotate {
  position: relative;
  width: 120px;
  height: 112px;
  margin: 15% auto; }

.spinner-rotate .logo-spinner-rotate .bg {
  background-image: url(/admin/img/loading-logo-bg.png?1430428103);
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 76px;
  height: 85px;
  position: absolute;
  right: 0px;
  top: 0px; }

.spinner-rotate .logo-spinner-rotate .rotating {
  background-image: url(/admin/img/loading-logo-rotating.png?1430428103);
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 92px;
  height: 92px;
  position: absolute;
  left: -6px;
  bottom: -3px;
  -moz-animation: rotation 5s infinite linear;
  -webkit-animation: rotation 5s infinite linear;
  animation: rotation 5s infinite linear; }

.ng-toast {
  z-index: 9999; }

.ng-toast__list li .alert {
  box-shadow: 3px 3px 10px 0px rgba(163, 163, 163, 0.5);
  position: relative;
  display: block;
  margin-top: 15px;
  background-color: #fff;
  border-radius: 2px;
  padding: 0;
  border-width: 0;
  border-left: 4px solid #fff; }
  .ng-toast__list li .alert:before {
    font-family: "ingaia-font-icons";
    content: "\E085";
    position: absolute;
    top: -15px;
    left: -15px;
    background: #555;
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    font-size: 14px; }
  .ng-toast__list li .alert .close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #d3d3d3;
    font-size: 18px;
    font-weight: 800;
    opacity: 1; }
  .ng-toast__list li .alert .container-toast {
    width: 400px;
    padding: 15px 0;
    font-size: 14px;
    text-align: left;
    color: #5d5d5d;
    overflow: hidden; }
    .ng-toast__list li .alert .container-toast .icon {
      float: left;
      width: 15%;
      text-align: center; }
      .ng-toast__list li .alert .container-toast .icon i {
        font-size: 24px;
        content: "\E00D"; }
    .ng-toast__list li .alert .container-toast .content {
      float: left;
      width: 85%;
      line-height: 20px; }
      .ng-toast__list li .alert .container-toast .content h4 {
        font-size: 1em;
        margin: 0;
        font-weight: 600; }
      .ng-toast__list li .alert .container-toast .content p {
        margin: 0; }
  .ng-toast__list li .alert.alert-small {
    margin-top: 0; }
    .ng-toast__list li .alert.alert-small .close {
      top: 0;
      right: 4px; }
    .ng-toast__list li .alert.alert-small:before {
      display: none; }
    .ng-toast__list li .alert.alert-small .container-toast {
      width: 240px;
      padding: 10px 0; }
      .ng-toast__list li .alert.alert-small .container-toast .icon {
        width: 18%; }
        .ng-toast__list li .alert.alert-small .container-toast .icon i {
          font-size: 18px; }
      .ng-toast__list li .alert.alert-small .container-toast .content {
        width: 82%; }

.ng-toast__list .alert.alert-small.alert-success {
  border-color: #00a2c2; }
  .ng-toast__list .alert.alert-small.alert-success:before {
    background: #00a2c2; }
  .ng-toast__list .alert.alert-small.alert-success .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-small.alert-success .container-toast h4, .ng-toast__list .alert.alert-small.alert-success .container-toast i, .ng-toast__list .alert.alert-small.alert-success .container-toast a {
    color: #00a2c2; }

.ng-toast__list .alert.alert-small.alert-danger {
  border-color: #bf3d49; }
  .ng-toast__list .alert.alert-small.alert-danger:before {
    background: #bf3d49; }
  .ng-toast__list .alert.alert-small.alert-danger .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-small.alert-danger .container-toast h4, .ng-toast__list .alert.alert-small.alert-danger .container-toast i, .ng-toast__list .alert.alert-small.alert-danger .container-toast a {
    color: #bf3d49; }

.ng-toast__list .alert.alert-small.alert-info {
  border-color: #2884b0; }
  .ng-toast__list .alert.alert-small.alert-info:before {
    background: #2884b0; }
  .ng-toast__list .alert.alert-small.alert-info .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-small.alert-info .container-toast h4, .ng-toast__list .alert.alert-small.alert-info .container-toast i, .ng-toast__list .alert.alert-small.alert-info .container-toast a {
    color: #2884b0; }

.ng-toast__list .alert.alert-small.alert-warning {
  border-color: #c0ad8f; }
  .ng-toast__list .alert.alert-small.alert-warning:before {
    background: #c0ad8f; }
  .ng-toast__list .alert.alert-small.alert-warning .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-small.alert-warning .container-toast h4, .ng-toast__list .alert.alert-small.alert-warning .container-toast i, .ng-toast__list .alert.alert-small.alert-warning .container-toast a {
    color: #c0ad8f; }

.ng-toast__list .alert.alert-outro {
  border-color: #9d72af; }
  .ng-toast__list .alert.alert-outro:before {
    background: #9d72af; }
  .ng-toast__list .alert.alert-outro .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-outro .container-toast h4, .ng-toast__list .alert.alert-outro .container-toast i, .ng-toast__list .alert.alert-outro .container-toast a {
    color: #9d72af; }

#header .popover.drop-notifications .container-notifications .panel-notification.outro {
  border-color: #9d72af; }
  #header .popover.drop-notifications .container-notifications .panel-notification.outro h4, #header .popover.drop-notifications .container-notifications .panel-notification.outro i {
    color: #9d72af; }
  #header .popover.drop-notifications .container-notifications .panel-notification.outro .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-roteiro {
  border-color: #3cb185; }
  .ng-toast__list .alert.alert-roteiro:before {
    background: #3cb185; }
  .ng-toast__list .alert.alert-roteiro .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-roteiro .container-toast h4, .ng-toast__list .alert.alert-roteiro .container-toast i, .ng-toast__list .alert.alert-roteiro .container-toast a {
    color: #3cb185; }

#header .popover.drop-notifications .container-notifications .panel-notification.roteiro {
  border-color: #3cb185; }
  #header .popover.drop-notifications .container-notifications .panel-notification.roteiro h4, #header .popover.drop-notifications .container-notifications .panel-notification.roteiro i {
    color: #3cb185; }
  #header .popover.drop-notifications .container-notifications .panel-notification.roteiro .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-atendimento {
  border-color: #e89d51; }
  .ng-toast__list .alert.alert-atendimento:before {
    background: #e89d51; }
  .ng-toast__list .alert.alert-atendimento .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-atendimento .container-toast h4, .ng-toast__list .alert.alert-atendimento .container-toast i, .ng-toast__list .alert.alert-atendimento .container-toast a {
    color: #e89d51; }

#header .popover.drop-notifications .container-notifications .panel-notification.atendimento {
  border-color: #e89d51; }
  #header .popover.drop-notifications .container-notifications .panel-notification.atendimento h4, #header .popover.drop-notifications .container-notifications .panel-notification.atendimento i {
    color: #e89d51; }
  #header .popover.drop-notifications .container-notifications .panel-notification.atendimento .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-imovel_novo {
  border-color: #00a2c2; }
  .ng-toast__list .alert.alert-imovel_novo:before {
    background: #00a2c2; }
  .ng-toast__list .alert.alert-imovel_novo .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-imovel_novo .container-toast h4, .ng-toast__list .alert.alert-imovel_novo .container-toast i, .ng-toast__list .alert.alert-imovel_novo .container-toast a {
    color: #00a2c2; }

#header .popover.drop-notifications .container-notifications .panel-notification.imovel_novo {
  border-color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.imovel_novo h4, #header .popover.drop-notifications .container-notifications .panel-notification.imovel_novo i {
    color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.imovel_novo .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-devolver_chaves {
  border-color: #9d72af; }
  .ng-toast__list .alert.alert-devolver_chaves:before {
    background: #9d72af; }
  .ng-toast__list .alert.alert-devolver_chaves .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-devolver_chaves .container-toast h4, .ng-toast__list .alert.alert-devolver_chaves .container-toast i, .ng-toast__list .alert.alert-devolver_chaves .container-toast a {
    color: #9d72af; }

#header .popover.drop-notifications .container-notifications .panel-notification.devolver_chaves {
  border-color: #9d72af; }
  #header .popover.drop-notifications .container-notifications .panel-notification.devolver_chaves h4, #header .popover.drop-notifications .container-notifications .panel-notification.devolver_chaves i {
    color: #9d72af; }
  #header .popover.drop-notifications .container-notifications .panel-notification.devolver_chaves .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-escapando {
  border-color: #f0545e; }
  .ng-toast__list .alert.alert-escapando:before {
    background: #f0545e; }
  .ng-toast__list .alert.alert-escapando .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-escapando .container-toast h4, .ng-toast__list .alert.alert-escapando .container-toast i, .ng-toast__list .alert.alert-escapando .container-toast a {
    color: #f0545e; }

#header .popover.drop-notifications .container-notifications .panel-notification.escapando {
  border-color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.escapando h4, #header .popover.drop-notifications .container-notifications .panel-notification.escapando i {
    color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.escapando .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-proposta {
  border-color: #5793b0; }
  .ng-toast__list .alert.alert-proposta:before {
    background: #5793b0; }
  .ng-toast__list .alert.alert-proposta .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-proposta .container-toast h4, .ng-toast__list .alert.alert-proposta .container-toast i, .ng-toast__list .alert.alert-proposta .container-toast a {
    color: #5793b0; }

#header .popover.drop-notifications .container-notifications .panel-notification.proposta {
  border-color: #5793b0; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta h4, #header .popover.drop-notifications .container-notifications .panel-notification.proposta i {
    color: #5793b0; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-reserva_expirando {
  border-color: #00a2c2; }
  .ng-toast__list .alert.alert-reserva_expirando:before {
    background: #00a2c2; }
  .ng-toast__list .alert.alert-reserva_expirando .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-reserva_expirando .container-toast h4, .ng-toast__list .alert.alert-reserva_expirando .container-toast i, .ng-toast__list .alert.alert-reserva_expirando .container-toast a {
    color: #00a2c2; }

#header .popover.drop-notifications .container-notifications .panel-notification.reserva_expirando {
  border-color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.reserva_expirando h4, #header .popover.drop-notifications .container-notifications .panel-notification.reserva_expirando i {
    color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.reserva_expirando .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-lead {
  border-color: #00a2c2; }
  .ng-toast__list .alert.alert-lead:before {
    background: #00a2c2; }
  .ng-toast__list .alert.alert-lead .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-lead .container-toast h4, .ng-toast__list .alert.alert-lead .container-toast i, .ng-toast__list .alert.alert-lead .container-toast a {
    color: #00a2c2; }

#header .popover.drop-notifications .container-notifications .panel-notification.lead {
  border-color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.lead h4, #header .popover.drop-notifications .container-notifications .panel-notification.lead i {
    color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.lead .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-lead_transferred_client {
  border-color: #00a2c2; }
  .ng-toast__list .alert.alert-lead_transferred_client:before {
    background: #00a2c2; }
  .ng-toast__list .alert.alert-lead_transferred_client .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-lead_transferred_client .container-toast h4, .ng-toast__list .alert.alert-lead_transferred_client .container-toast i, .ng-toast__list .alert.alert-lead_transferred_client .container-toast a {
    color: #00a2c2; }

#header .popover.drop-notifications .container-notifications .panel-notification.lead_transferred_client {
  border-color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.lead_transferred_client h4, #header .popover.drop-notifications .container-notifications .panel-notification.lead_transferred_client i {
    color: #00a2c2; }
  #header .popover.drop-notifications .container-notifications .panel-notification.lead_transferred_client .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-exclusive_expiring {
  border-color: #f0545e; }
  .ng-toast__list .alert.alert-exclusive_expiring:before {
    background: #f0545e; }
  .ng-toast__list .alert.alert-exclusive_expiring .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-exclusive_expiring .container-toast h4, .ng-toast__list .alert.alert-exclusive_expiring .container-toast i, .ng-toast__list .alert.alert-exclusive_expiring .container-toast a {
    color: #f0545e; }

#header .popover.drop-notifications .container-notifications .panel-notification.exclusive_expiring {
  border-color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.exclusive_expiring h4, #header .popover.drop-notifications .container-notifications .panel-notification.exclusive_expiring i {
    color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.exclusive_expiring .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-trading_expiring {
  border-color: #f0545e; }
  .ng-toast__list .alert.alert-trading_expiring:before {
    background: #f0545e; }
  .ng-toast__list .alert.alert-trading_expiring .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-trading_expiring .container-toast h4, .ng-toast__list .alert.alert-trading_expiring .container-toast i, .ng-toast__list .alert.alert-trading_expiring .container-toast a {
    color: #f0545e; }

#header .popover.drop-notifications .container-notifications .panel-notification.trading_expiring {
  border-color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.trading_expiring h4, #header .popover.drop-notifications .container-notifications .panel-notification.trading_expiring i {
    color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.trading_expiring .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-proposta_parceiro_aceita {
  border-color: #5793b0; }
  .ng-toast__list .alert.alert-proposta_parceiro_aceita:before {
    background: #5793b0; }
  .ng-toast__list .alert.alert-proposta_parceiro_aceita .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-proposta_parceiro_aceita .container-toast h4, .ng-toast__list .alert.alert-proposta_parceiro_aceita .container-toast i, .ng-toast__list .alert.alert-proposta_parceiro_aceita .container-toast a {
    color: #5793b0; }

#header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_aceita {
  border-color: #5793b0; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_aceita h4, #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_aceita i {
    color: #5793b0; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_aceita .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-proposta_parceiro_recusada {
  border-color: #f0545e; }
  .ng-toast__list .alert.alert-proposta_parceiro_recusada:before {
    background: #f0545e; }
  .ng-toast__list .alert.alert-proposta_parceiro_recusada .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-proposta_parceiro_recusada .container-toast h4, .ng-toast__list .alert.alert-proposta_parceiro_recusada .container-toast i, .ng-toast__list .alert.alert-proposta_parceiro_recusada .container-toast a {
    color: #f0545e; }

#header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_recusada {
  border-color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_recusada h4, #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_recusada i {
    color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_recusada .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-proposta_parceiro_criada {
  border-color: #5793b0; }
  .ng-toast__list .alert.alert-proposta_parceiro_criada:before {
    background: #5793b0; }
  .ng-toast__list .alert.alert-proposta_parceiro_criada .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-proposta_parceiro_criada .container-toast h4, .ng-toast__list .alert.alert-proposta_parceiro_criada .container-toast i, .ng-toast__list .alert.alert-proposta_parceiro_criada .container-toast a {
    color: #5793b0; }

#header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_criada {
  border-color: #5793b0; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_criada h4, #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_criada i {
    color: #5793b0; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_criada .icon i:before {
    content: ""; }

.ng-toast__list .alert.alert-proposta_parceiro_cancelada {
  border-color: #f0545e; }
  .ng-toast__list .alert.alert-proposta_parceiro_cancelada:before {
    background: #f0545e; }
  .ng-toast__list .alert.alert-proposta_parceiro_cancelada .container-toast i:before {
    content: ""; }
  .ng-toast__list .alert.alert-proposta_parceiro_cancelada .container-toast h4, .ng-toast__list .alert.alert-proposta_parceiro_cancelada .container-toast i, .ng-toast__list .alert.alert-proposta_parceiro_cancelada .container-toast a {
    color: #f0545e; }

#header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_cancelada {
  border-color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_cancelada h4, #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_cancelada i {
    color: #f0545e; }
  #header .popover.drop-notifications .container-notifications .panel-notification.proposta_parceiro_cancelada .icon i:before {
    content: ""; }

#header .popover.drop-notifications .container-notifications .panel-notification.devolver_chaves {
  cursor: default; }

.ingaia-toastr.ng-enter {
  -webkit-animation-name: bounceInDownToastr;
  animation-name: bounceInDownToastr;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@keyframes bounceInDownToastr {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.ingaia-toastr.ng-leave {
  -webkit-animation-name: bounceOutUpToastr;
  animation-name: bounceOutUpToastr;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@keyframes bounceOutUpToastr {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media (min-width: 480px) {
  #slide-menu .modal-dialog {
    width: 300px; } }

#slide-menu.modal.in .modal-dialog {
  left: 0; }

#header {
  background-color: #2f343b;
  border: none;
  border-bottom: 1px solid #181b1f;
  font-size: 15px;
  font-weight: normal;
  min-height: 50px;
  height: auto !important;
  margin-bottom: 0;
  z-index: 1001; }
  #header .popover {
    max-width: 270px;
    width: 500px;
    top: 60px;
    left: -112px; }
    #header .popover.dropdown-menu {
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
      #header .popover.dropdown-menu ul > li {
        padding: 5px 0;
        position: relative; }
        #header .popover.dropdown-menu ul > li > a {
          padding: 5px 5px 5px 50px;
          display: block; }
          #header .popover.dropdown-menu ul > li > a:hover {
            background-color: #dedede; }
    #header .popover .popover-content {
      padding: 0;
      overflow: hidden; }
      #header .popover .popover-content img.content-brand {
        position: absolute;
        left: 12px;
        top: 10px;
        width: 30px;
        height: auto; }
      #header .popover .popover-content .more-products {
        display: block;
        text-align: center;
        padding: 10px 10px 15px;
        color: #00a2c2 !important;
        background: none;
        font-size: 15px; }
        #header .popover .popover-content .more-products i.fa {
          margin-right: 5px; }
    #header .popover .error-menu-itens {
      padding: 10px 0px 20px;
      color: #b5b5b5; }
  #header .wrapper-popover-profile img {
    background: #ccc; }
  #header .wrapper-popover-profile .popover {
    max-width: 500px;
    width: 400px;
    left: -324px !important;
    border-top: 4px solid #00a2c2; }
    #header .wrapper-popover-profile .popover .arrow {
      left: 89% !important; }
    #header .wrapper-popover-profile .popover .arrow:after {
      border-bottom-color: #00a2c2; }
  #header .wrapper-popover-profile .popover-profile-info {
    color: #505050; }
    #header .wrapper-popover-profile .popover-profile-info .profile-content {
      background-color: #f7f7f7;
      padding: 20px; }
      #header .wrapper-popover-profile .popover-profile-info .profile-content .img-profile-big {
        float: left;
        width: 80px;
        margin-right: 20px; }
      #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user {
        width: 250px;
        float: left; }
        #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user h4 {
          margin: 0 0 10px 0; }
        #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user p {
          margin: 0; }
        #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .status-presence {
          position: static;
          left: inherit;
          top: inherit;
          font-size: 13px;
          display: inline-block;
          vertical-align: bottom; }
        #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .btn-default, #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .btn-default:active {
          background-color: transparent;
          border: 0;
          box-shadow: none; }
        #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .btn-default.dropdown-toggle {
          padding: 0;
          margin-top: 15px; }
        #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .dropdown-menu {
          background: #fff;
          border: none;
          padding: 0;
          box-shadow: none;
          border-radius: 2px;
          box-shadow: 0px 0px 5px #ccc;
          min-width: auto;
          left: 0; }
          #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .dropdown-menu li {
            padding: 0; }
            #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .dropdown-menu li a {
              color: #222222; }
            #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .dropdown-menu li a:hover {
              background-color: inherit; }
            #header .wrapper-popover-profile .popover-profile-info .profile-content .content-profile-user .dropdown-menu li i {
              font-size: 13px; }
    #header .wrapper-popover-profile .popover-profile-info .profile-footer {
      padding: 10px 20px;
      background: #fff;
      border-top: 1px solid #b5b5b5; }
      #header .wrapper-popover-profile .popover-profile-info .profile-footer .btn {
        color: #333; }
      #header .wrapper-popover-profile .popover-profile-info .profile-footer .btn:first-child {
        float: left; }
      #header .wrapper-popover-profile .popover-profile-info .profile-footer .btn:last-child {
        float: right; }
  #header .navbar-brand {
    height: 50px;
    margin: 0;
    padding: 5px 10px; }
  #header .nav > li > a {
    padding: 15px 15px;
    cursor: pointer; }
  #header li.nav-li-user > a {
    padding: 5px 10px; }
  #header .navbar-inverse {
    background: #09487C; }
  #header .navbar-brand {
    color: #FFF; }
  #header .navbar-nav li > a {
    color: #FFF;
    font-size: 18px; }
    #header .navbar-nav li > a:hover {
      background: #222222;
      transition: background 0.5s; }
  #header i {
    position: relative;
    display: inline-block; }
  #header .navbar-nav > .open > a, #header .navbar-nav > .open > a:hover, #header .navbar-nav > .open > a:focus {
    background-color: #222222; }
  #header .navbar-nav.navbar-right:last-child {
    margin-right: 0; }
  #header .navbar-header {
    float: left; }
    #header .navbar-header > a {
      cursor: pointer;
      display: inline-block;
      float: left; }
    #header .navbar-header .navbar-toggle {
      border-color: #fff; }
      #header .navbar-header .navbar-toggle .icon-bar {
        background: #fff; }
    #header .navbar-header .slide-menu-toggle {
      font-size: 18px;
      padding: 15px 15px; }
      @media (min-width: 768px) {
        #header .navbar-header .slide-menu-toggle i .badge {
          display: none; } }
      @media (max-width: 768px) {
        #header .navbar-header .slide-menu-toggle {
          padding: 13px 20px; } }
  #header .dropdown-menu {
    background: #2f343b;
    border: none;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    border-radius: 0; }
    #header .dropdown-menu li a {
      font-weight: normal;
      padding: 8px 15px;
      color: #ebebeb;
      font-size: 14px;
      cursor: pointer; }
    #header .dropdown-menu li a:hover {
      background: #222222; }
    #header .dropdown-menu li.dropdown-header {
      font-size: 13px;
      padding: 8px 15px;
      font-style: italic;
      text-transform: uppercase; }
  #header .badge {
    position: absolute;
    top: -8px;
    left: 8px;
    background: #00a2c2;
    font-size: 10px;
    font-weight: 300;
    padding: 3px 5px; }
    #header .badge a {
      cursor: pointer; }
    #header .badge .badge {
      display: none; }
  #header .badge-notifications {
    background: #f0545e; }
  #header .search-on-nav.open {
    overflow: initial; }
  #header .search-on-nav > a {
    float: left; }
  #header .search-on-nav .search-form {
    position: relative;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    float: left;
    display: inline-block;
    background-color: #222222;
    -webkit-transition: max-width 0.3s ease;
    -moz-transition: max-width 0.3s ease;
    -ms-transition: max-width 0.3s ease;
    -o-transition: max-width 0.3s ease;
    transition: max-width 0.3s ease; }
  #header .search-on-nav.open .search-form {
    max-width: 500px;
    overflow: inherit; }
  @media (min-width: 768px) and (max-width: 991px) {
    #header .search-on-nav.open form .dropdown-toggle {
      width: 110px;
      padding-left: 0;
      padding-right: 0; }
    #header .search-on-nav.open form .form-control {
      width: 125px; } }
  #header .search-on-nav .input-group-btn > button, #header .search-on-nav .input-group-btn > .form-group, #header .search-on-nav .input-group-btn > .input-group-btn {
    height: 34px; }
  #header .search-on-nav form .dropdown-toggle {
    width: 130px; }
  #header .search-on-nav .form-control {
    width: 225px; }
  #header .status-presence {
    position: absolute;
    top: 32px;
    left: 35px;
    display: block;
    padding: 8px;
    font-size: 0;
    border-radius: 50%; }
  #header .header_notification {
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff; }
    #header .header_notification .close {
      color: #FFF; }
    #header .header_notification .alert {
      height: 200px;
      margin-bottom: 0;
      padding: 0;
      border: none; }
    #header .header_notification .pull-right {
      padding: 10px;
      position: relative;
      opacity: 0.8;
      z-index: 2; }
      #header .header_notification .pull-right a {
        height: 20px;
        width: 20px;
        line-height: 18px;
        text-align: center;
        background: #000;
        border-radius: 50%;
        opacity: 1; }
    @media only screen and (max-width: 999px) {
      #header .header_notification {
        display: none; } }
    #header .header_notification .banner-interno {
      position: relative;
      height: 200px; }
      #header .header_notification .banner-interno .container {
        height: 200px; }
      #header .header_notification .banner-interno #notificationBanner {
        position: relative;
        z-index: 1; }
      #header .header_notification .banner-interno .close {
        color: #000;
        opacity: 1; }
        #header .header_notification .banner-interno .close:hover {
          color: #FFF;
          background: none; }
      #header .header_notification .banner-interno .btnCenter {
        width: 985px;
        height: 20px;
        margin: 0 auto; }
      #header .header_notification .banner-interno .btn {
        text-transform: uppercase; }
  #header .tooltip-inner {
    white-space: nowrap; }
  @media (max-width: 768px) {
    #header .small-nav-menu {
      margin: 0;
      float: right; }
      #header .small-nav-menu li {
        display: inline-block;
        float: left; } }

#header .disabled a, #slide-menu .disabled a {
  color: #676767; }

.popover.dropdown-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.dropdown-menu ul > li > a {
    padding-top: 5px;
    padding-bottom: 5px; }
    .popover.dropdown-menu ul > li > a:hover {
      background-color: #dedede; }

.bootstrap_for_gaia .popover, .popover {
  background: #fff;
  border-radius: 0 !important; }
  .bootstrap_for_gaia .popover .popover-title, .popover .popover-title {
    height: auto !important;
    background: #fff;
    border: 0;
    text-align: center;
    padding: 15px 14px 5px;
    font-size: 20px;
    color: #333;
    font-weight: 300;
    border-radius: 0; }
  .bootstrap_for_gaia .popover a, .popover a {
    color: #00a2c2;
    background: none;
    font-size: 14px; }
  .bootstrap_for_gaia .popover ul > li, .popover ul > li {
    list-style: none;
    margin: 0;
    padding: 10px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }
    .bootstrap_for_gaia .popover ul > li:hover, .popover ul > li:hover {
      background-color: #dedede; }
    .bootstrap_for_gaia .popover ul > li a, .popover ul > li a {
      position: relative;
      padding: 0 0 0 50px;
      display: block;
      text-decoration: none;
      padding-top: 0;
      padding-bottom: 0; }
  .bootstrap_for_gaia .popover .popover-content .content-label, .popover .popover-content .content-label {
    color: #505050;
    text-align: center;
    margin: 15px 0 10px; }
  .bootstrap_for_gaia .popover .popover-content .content-title, .popover .popover-content .content-title {
    color: #00a2c2;
    display: block;
    font-weight: 600; }
  .bootstrap_for_gaia .popover .popover-content .content-description, .popover .popover-content .content-description {
    color: #333;
    margin: 0;
    font-size: 90%; }

.bootstrap_for_gaia [chat-form] {
  margin-bottom: 0 !important;
  clear: both; }
  .bootstrap_for_gaia [chat-form] .input-group {
    width: 100%; }
    .bootstrap_for_gaia [chat-form] .input-group .form-control {
      border-radius: 4px !important; }
      .bootstrap_for_gaia [chat-form] .input-group .form-control.input-lg {
        height: 46px;
        line-height: 1.6666; }
    .bootstrap_for_gaia [chat-form] .input-group textarea {
      resize: none;
      overflow: hidden;
      padding-top: 10px;
      height: 34px;
      line-height: 1; }
    .bootstrap_for_gaia [chat-form] .input-group .input-group-btn:first-child > .btn {
      margin-right: 5px;
      border-radius: 4px; }
      @media (min-width: 768px) {
        .bootstrap_for_gaia [chat-form] .input-group .input-group-btn:first-child > .btn {
          margin-right: 15px; } }
    .bootstrap_for_gaia [chat-form] .input-group .input-group-btn:last-child > .btn {
      margin-left: 5px;
      border-radius: 4px; }
      @media (min-width: 768px) {
        .bootstrap_for_gaia [chat-form] .input-group .input-group-btn:last-child > .btn {
          margin-left: 15px; } }

.bootstrap_for_gaia #content, .bootstrap_for_gaia .details-appointments {
  color: #505050; }
  .bootstrap_for_gaia #content input[type=radio].css-checkbox, .bootstrap_for_gaia #content input[type=checkbox].css-checkbox, .bootstrap_for_gaia .details-appointments input[type=radio].css-checkbox, .bootstrap_for_gaia .details-appointments input[type=checkbox].css-checkbox {
    display: none; }
    .bootstrap_for_gaia #content input[type=radio].css-checkbox + label.css-label, .bootstrap_for_gaia #content input[type=checkbox].css-checkbox + label.css-label, .bootstrap_for_gaia .details-appointments input[type=radio].css-checkbox + label.css-label, .bootstrap_for_gaia .details-appointments input[type=checkbox].css-checkbox + label.css-label {
      padding-left: 22px;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: 0 -42px;
      vertical-align: middle;
      height: 17px;
      font-weight: normal !important;
      cursor: pointer;
      transition: opacity 300ms ease-out;
      color: #333;
      opacity: 0.85; }
    .bootstrap_for_gaia #content input[type=radio].css-checkbox:checked + label.css-label, .bootstrap_for_gaia #content input[type=checkbox].css-checkbox:checked + label.css-label, .bootstrap_for_gaia .details-appointments input[type=radio].css-checkbox:checked + label.css-label, .bootstrap_for_gaia .details-appointments input[type=checkbox].css-checkbox:checked + label.css-label {
      background-position: 0 -63px;
      opacity: 1; }
  .bootstrap_for_gaia #content input[type=checkbox].css-checkbox + label.css-label, .bootstrap_for_gaia .details-appointments input[type=checkbox].css-checkbox + label.css-label {
    background-position: 0 0; }
  .bootstrap_for_gaia #content input[type=checkbox].css-checkbox:checked + label.css-label, .bootstrap_for_gaia .details-appointments input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -21px; }
  .bootstrap_for_gaia #content label.css-label, .bootstrap_for_gaia .details-appointments label.css-label {
    background-image: url(/admin/img/checkbox-radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-weight: normal !important;
    user-select: none; }

.bootstrap_for_gaia .embed-container {
  margin: auto;
  max-width: 70%; }

.bootstrap_for_gaia .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .bootstrap_for_gaia .embed-responsive .embed-responsive-item, .bootstrap_for_gaia .embed-responsive iframe, .bootstrap_for_gaia .embed-responsive embed, .bootstrap_for_gaia .embed-responsive object, .bootstrap_for_gaia .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.bootstrap_for_gaia .embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.bootstrap_for_gaia .embed-responsive-4by3 {
  padding-bottom: 75%; }

.bootstrap_for_gaia .select2-container.form-control {
  background: transparent;
  border: none;
  display: block;
  margin: 0px;
  padding: 0px; }
  .bootstrap_for_gaia .select2-container.form-control .select2-choice {
    height: 33px !important;
    border-color: #cccccc;
    background-color: #fff;
    background-image: none; }
    .bootstrap_for_gaia .select2-container.form-control .select2-choice .select2-arrow {
      background: none !important;
      border-left: none !important;
      line-height: 20px !important; }

@media (min-width: 768px) {
  #footer {
    width: 100%;
    z-index: 20;
    position: fixed;
    background: #00a2c2;
    bottom: 0;
    height: 40px;
    transition: all 300ms ease-in-out; }
    #footer .toggle-footer {
      transition: all 300ms ease-in-out;
      height: 0;
      cursor: pointer;
      text-align: center;
      font-size: 10px;
      color: #FFF;
      overflow: hidden; }
    #footer .toggle-footer:hover {
      background: #09487C; }
    #footer .navbar-footer {
      height: 40px;
      min-height: 40px;
      background: #00a2c2;
      font-size: 15px;
      color: #FFF;
      border-radius: 4px 4px 0 0; }
      #footer .navbar-footer a {
        display: block;
        padding: 8px 0;
        color: #FFF;
        text-decoration: none; }
    #footer .support {
      height: 300px;
      transition-property: margin-top;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out; }
      #footer .support select {
        background: #00a2c2; }
      #footer .support .phones {
        text-align: left;
        padding: 10px 20px;
        font-size: 14px; }
        #footer .support .phones .region-container {
          height: 192px;
          width: 220px;
          overflow: hidden; }
          #footer .support .phones .region-container .city {
            width: 120px;
            float: left;
            display: block; }
    #footer .support.up {
      margin-top: -240px;
      transition-property: margin-top;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out; }
    #footer:hover {
      height: 56px; }
      #footer:hover .toggle-footer {
        height: 16px; }
    #footer.inactive {
      height: 16px; }
      #footer.inactive .toggle-footer {
        height: 16px; } }

@media (max-width: 768px) {
  #header .navbar-header {
    display: block;
    width: 100%;
    margin: 0; }
  #footer {
    display: none; } }

.bootstrap_for_gaia .modal {
  overflow: auto; }

.bootstrap_for_gaia .modal-dialog .box-itens {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden; }
  .bootstrap_for_gaia .modal-dialog .box-itens .list-itens-per-alpha .list-character {
    font-size: 25px;
    font-weight: 100; }

.tour-backdrop {
  opacity: 0.1 !important;
  filter: alpha(opacity=10); }

.popover[class*=tour-] {
  z-index: 1120 !important;
  padding: 15px 10px;
  min-width: 320px; }
  .popover[class*=tour-] .popover-navigation {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
    .popover[class*=tour-] .popover-navigation .btn-sm, .popover[class*=tour-] .popover-navigation .btn-xs {
      padding-left: 9px;
      padding-right: 9px; }
    .popover[class*=tour-] .popover-navigation [data-role=end] {
      float: none; }
  .popover[class*=tour-] .popover-content {
    font-weight: 400;
    font-size: 15px;
    padding: 10px;
    text-align: center; }
  .popover[class*=tour-] .popover-navigation {
    text-align: center; }
    .popover[class*=tour-] .popover-navigation .navigation-end-role {
      margin-top: 10px;
      text-align: center; }
      .popover[class*=tour-] .popover-navigation .navigation-end-role button {
        border: 0;
        background: none;
        color: #00a2c2;
        text-transform: uppercase;
        font-weight: bold;
        padding-top: 10px; }
      .popover[class*=tour-] .popover-navigation .navigation-end-role button:hover {
        color: #116f84; }
    .popover[class*=tour-] .popover-navigation .btn-success:focus, .popover[class*=tour-] .popover-navigation .btn-success.focus, .popover[class*=tour-] .popover-navigation .btn-success:hover {
      background-color: #00a2c2;
      border-color: #008da9; }
    .popover[class*=tour-] .popover-navigation .btn.btn-outline-success {
      border: 0 !important; }
    .popover[class*=tour-] .popover-navigation .btn {
      padding: 0.625rem 0.855rem;
      font-size: 0.8125rem;
      font-weight: bold;
      text-transform: uppercase;
      margin: 0 5px; }
  .popover[class*=tour-] h3.popover-title {
    height: auto !important;
    background: #fff;
    border: 0;
    text-align: center;
    padding: 10px 15px 5px;
    font-size: 1.5em;
    font-weight: 500;
    border-radius: 0; }

.tour-step-background {
  background: none; }

#fancybox-wrap {
  z-index: 1140 !important; }

#fancybox-overlay {
  z-index: 1130 !important; }

.modal-backdrop {
  z-index: 1041 !important; }

.bootbox.modal {
  z-index: 1140; }

.btn-play {
  color: #449d44;
  position: absolute;
  right: 15px;
  opacity: 1;
  background-color: #fff;
  visibility: visible; }
  .btn-play i {
    display: inline-block;
    font-size: 18px;
    color: #00a2c2;
    margin: 0 5px;
    vertical-align: middle; }

.color-pulse {
  animation: color-pulse 1.5s linear 1s 3 alternate;
  -webkit-animation: color-pulse 1.5s linear 1s 3 alternate;
  -moz-animation: color-pulse 1.5s linear 1s 3 alternate;
  -o-animation: color-pulse 1.5s linear 1s 3 alternate;
  -ms-animation: color-pulse 1.5s linear 1s 3 alternate; }

@keyframes color-pulse {
  0%, 100% {
    background: #00a2c2; }
  50% {
    background: #00cdf5; } }

@-moz-keyframes color-pulse {
  0%, 100% {
    background: #00a2c2; }
  50% {
    background: #00cdf5; } }

@-webkit-keyframes color-pulse {
  0%, 100% {
    background: #00a2c2; }
  50% {
    background: #00cdf5; } }

@-o-keyframes color-pulse {
  0%, 100% {
    background: #00a2c2; }
  50% {
    background: #00cdf5; } }

@-ms-keyframes color-pulse {
  0%, 100% {
    background: #00a2c2; }
  50% {
    background: #00cdf5; } }

.bootstrap_for_gaia .icon-circle {
  border: 1px solid;
  border-radius: 50%;
  padding: 6px; }

.bootstrap_for_gaia .header-content {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  margin: 10px 0;
  box-shadow: 0px 0px 5px #ccc; }
  .bootstrap_for_gaia .header-content ul.breadcrumb {
    background: none;
    list-style: none;
    padding: 0px;
    margin: 0px !important; }
    .bootstrap_for_gaia .header-content ul.breadcrumb li {
      display: inline-block; }
      .bootstrap_for_gaia .header-content ul.breadcrumb li a {
        font-size: 18px;
        vertical-align: middle; }
        @media (min-width: 992px) {
          .bootstrap_for_gaia .header-content ul.breadcrumb li a {
            font-size: 24px; } }
      @media (max-width: 768px) {
        .bootstrap_for_gaia .header-content ul.breadcrumb li:before {
          content: ""; } }
      .bootstrap_for_gaia .header-content ul.breadcrumb li:before {
        vertical-align: middle; }
  .bootstrap_for_gaia .header-content .input-group .input-group-btn > .dropdown {
    padding: 0 15px; }
  .bootstrap_for_gaia .header-content .title {
    color: #333;
    margin: 0;
    padding: 15px 15px !important;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0 !important; }
    @media (min-width: 992px) {
      .bootstrap_for_gaia .header-content .title {
        font-size: 26px; } }
  .bootstrap_for_gaia .header-content a {
    font-size: 15px;
    color: #00a2c2; }
    .bootstrap_for_gaia .header-content a:hover {
      color: #00778f;
      text-decoration: none; }
    .bootstrap_for_gaia .header-content a:focus {
      text-decoration: none; }
  .bootstrap_for_gaia .header-content i.fa {
    font-size: 17px;
    color: #00a2c2; }
  @media (max-width: 768px) {
    .bootstrap_for_gaia .header-content .placeholder {
      display: none; } }
  @media (min-width: 992px) {
    .bootstrap_for_gaia .header-content .btn-back {
      display: none !important; } }
  .bootstrap_for_gaia .header-content .input-search.form-control {
    padding-right: 45px;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    font-size: 22px;
    height: 100%;
    width: 100% !important;
    font-weight: 300; }
  .bootstrap_for_gaia .header-content button.btn {
    padding-top: 18px;
    padding-bottom: 18px;
    border: 0;
    border-radius: 0;
    background: transparent; }
    .bootstrap_for_gaia .header-content button.btn:focus, .bootstrap_for_gaia .header-content button.btn:hover {
      background: transparent; }
    .bootstrap_for_gaia .header-content button.btn.active {
      background-color: #00a2c2; }
      .bootstrap_for_gaia .header-content button.btn.active i.fa {
        color: #fff; }
  .bootstrap_for_gaia .header-content .help-icon {
    float: right;
    font-size: 20px !important;
    margin-top: 5px; }

.bootstrap_for_gaia .form-control.input-inline {
  display: inline-block;
  width: auto; }

.bootstrap_for_gaia .form-control .select2-choice {
  height: 34px !important; }

.bootstrap_for_gaia .form-control .select2-arrow {
  background-color: none !important; }

.bootstrap_for_gaia .title-sub {
  font-size: 19px;
  color: #333;
  margin-top: 20px;
  margin-bottom: 20px; }

.bootstrap_for_gaia .display-table {
  display: table; }
  .bootstrap_for_gaia .display-table .td {
    display: table-cell; }

.bootstrap_for_gaia .boxed-content {
  background-color: #fff;
  float: left;
  width: 100%;
  padding: 15px;
  box-shadow: 0px 0px 5px #ccc; }

.bootstrap_for_gaia .scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  z-index: 100;
  color: #00a2c2;
  background-color: transparent;
  right: 20px;
  bottom: 15px;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .bootstrap_for_gaia .scroll-top-wrapper:hover {
    color: #00778f; }
  .bootstrap_for_gaia .scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0; }
  .bootstrap_for_gaia .scroll-top-wrapper i.fa {
    line-height: inherit;
    text-shadow: 0px 0px 5px #fff; }

.bootstrap_for_gaia .btn-stroke {
  text-shadow: none !important; }
  .bootstrap_for_gaia .btn-stroke.btn-default {
    background: #ffffff;
    color: #333 !important;
    border: 1px solid #999 !important; }
    .bootstrap_for_gaia .btn-stroke.btn-default:hover, .bootstrap_for_gaia .btn-stroke.btn-default:focus {
      background: #999 !important;
      color: #FFF !important; }
  .bootstrap_for_gaia .btn-stroke.btn-primary {
    background: transparent !important;
    color: #00a2c2 !important;
    border: 1px solid #00a2c2 !important; }
    .bootstrap_for_gaia .btn-stroke.btn-primary:hover, .bootstrap_for_gaia .btn-stroke.btn-primary:focus {
      background: #00a2c2 !important;
      color: #FFF !important; }
  .bootstrap_for_gaia .btn-stroke.btn-info {
    background: transparent !important;
    color: #5bc0de !important;
    border: 1px solid #5bc0de !important; }
    .bootstrap_for_gaia .btn-stroke.btn-info:hover, .bootstrap_for_gaia .btn-stroke.btn-info:focus {
      background: #5bc0de !important;
      color: #FFF !important; }
  .bootstrap_for_gaia .btn-stroke.btn-success {
    background: transparent !important;
    color: #5cb85c !important;
    border: 1px solid #5cb85c !important; }
    .bootstrap_for_gaia .btn-stroke.btn-success:hover, .bootstrap_for_gaia .btn-stroke.btn-success:focus {
      background: #5cb85c !important;
      color: #FFF !important; }
  .bootstrap_for_gaia .btn-stroke.btn-warning {
    background: transparent !important;
    color: #f0ad4e !important;
    border: 1px solid #f0ad4e !important; }
    .bootstrap_for_gaia .btn-stroke.btn-warning:hover, .bootstrap_for_gaia .btn-stroke.btn-warning:focus {
      background: #f0ad4e !important;
      color: #FFF !important; }
  .bootstrap_for_gaia .btn-stroke.btn-danger {
    background: transparent !important;
    color: #f0545e !important;
    border: 1px solid #f0545e !important; }
    .bootstrap_for_gaia .btn-stroke.btn-danger:hover, .bootstrap_for_gaia .btn-stroke.btn-danger:focus {
      background: #f0545e !important;
      color: #FFF !important; }

.bootstrap_for_gaia .nav-pills > li.active .tab-arrow {
  border-top-color: #00A2C2; }

.bootstrap_for_gaia .tab-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0; }

.bootstrap_for_gaia .nav.nav-pills > li > a {
  font-weight: 500;
  font-size: 1.125em;
  padding: 10px 35px; }

.bootstrap_for_gaia .nav.nav-pills > li > a:focus {
  color: #fff;
  background: #00A2C2; }

.bootstrap_for_gaia .steps-container, .bootstrap_for_gaia .step-item {
  float: left;
  width: 100%; }

.bootstrap_for_gaia .steps-container .add-step {
  border: 1px solid red !important; }

.bootstrap_for_gaia .steps-container .edit-step {
  border: 1px solid green !important; }

.bootstrap_for_gaia .steps-container {
  margin-bottom: 0 !important; }
  .bootstrap_for_gaia .steps-container .step-item {
    border: 1px solid #267196;
    background: #FFF url(../../admin/img/sortable.gif) 5px 5px no-repeat;
    padding: 10px 20px;
    list-style: none;
    margin-bottom: 8px;
    cursor: pointer; }
    .bootstrap_for_gaia .steps-container .step-item input[type="checkbox"], .bootstrap_for_gaia .steps-container .step-item input[type="radio"] {
      margin-top: 0;
      margin-right: 5px; }
    .bootstrap_for_gaia .steps-container .step-item .badge {
      background-color: #00A2C2;
      margin-right: 12px;
      font-weight: 600; }
    .bootstrap_for_gaia .steps-container .step-item .close {
      margin-left: 12px;
      margin-top: 2px;
      font-size: 1.125em; }
    .bootstrap_for_gaia .steps-container .step-item .step-group-left {
      float: left; }
    .bootstrap_for_gaia .steps-container .step-item .step-group-right {
      float: right; }

#navbar-submit {
  text-align: center; }

.navbar-sticky {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #BEBEBE;
  box-shadow: 0 0px 8px #A5A5A5;
  -moz-box-shadow: 0 0px 8px #A5A5A5;
  -webkit-box-shadow: 0 0px 8px #A5A5A5;
  left: 0;
  z-index: 101; }
  .navbar-sticky.navbar-default {
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .navbar-sticky i.fa {
    vertical-align: middle; }
  .navbar-sticky#navbar-submit {
    text-align: center; }

.bootstrap_for_gaia .popover-box {
  padding: 20px;
  font-size: 15px;
  color: #808080; }
  .bootstrap_for_gaia .popover-box p {
    margin-right: 0;
    margin-left: 0; }

.popover-box, .popover.popover-hint {
  z-index: 10;
  border-color: #00a2c2 !important;
  min-width: 220px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .popover-box label, .popover.popover-hint label {
    float: none;
    padding: 0 !important;
    display: block;
    min-height: initial !important;
    font-size: 15px !important;
    color: #505050 !important; }
  .popover-box input[type="text"], .popover.popover-hint input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    font-size: 15px !important;
    color: #505050 !important;
    border: 1px solid #CCCCCC !important; }
  .popover-box .popover-title, .popover.popover-hint .popover-title {
    padding: 15px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #888;
    text-align: center;
    font-size: 14px; }
  .popover-box .popover-content, .popover.popover-hint .popover-content {
    font-size: 15px; }
    .popover-box .popover-content .hint-renda, .popover.popover-hint .popover-content .hint-renda {
      padding-bottom: 20px !important; }
    .popover-box .popover-content .hint-title, .popover.popover-hint .popover-content .hint-title {
      background-size: 100%;
      width: 180px;
      height: 170px;
      margin: auto; }
  .popover-box.top, .popover.popover-hint.top {
    border-bottom-width: 4px;
    border-bottom-style: solid; }
    .popover-box.top > .arrow, .popover.popover-hint.top > .arrow {
      border-top-color: #00a2c2;
      margin-left: -8px;
      bottom: -12px; }
      .popover-box.top > .arrow:after, .popover.popover-hint.top > .arrow:after {
        border-top-color: #00a2c2;
        margin-left: -6px; }
  .popover-box.bottom, .popover.popover-hint.bottom {
    border-top-width: 4px;
    border-top-style: solid; }
    .popover-box.bottom > .arrow, .popover.popover-hint.bottom > .arrow {
      border-bottom-color: #00a2c2;
      margin-left: -8px;
      top: -12px; }
      .popover-box.bottom > .arrow:after, .popover.popover-hint.bottom > .arrow:after {
        border-bottom-color: #00a2c2;
        margin-left: -6px; }
  .popover-box.right, .popover.popover-hint.right {
    border-left-width: 4px;
    border-left-style: solid; }
    .popover-box.right > .arrow, .popover.popover-hint.right > .arrow {
      border-right-color: #00a2c2;
      margin-top: -7px;
      left: -12px; }
      .popover-box.right > .arrow:after, .popover.popover-hint.right > .arrow:after {
        border-right-color: #00a2c2;
        bottom: -6px; }
  .popover-box.left, .popover.popover-hint.left {
    border-right-width: 4px;
    border-right-style: solid; }
    .popover-box.left > .arrow, .popover.popover-hint.left > .arrow {
      border-left-color: #00a2c2;
      margin-top: -7px;
      right: -12px; }
      .popover-box.left > .arrow:after, .popover.popover-hint.left > .arrow:after {
        border-left-color: #00a2c2;
        bottom: -6px; }
  .popover-box .arrow, .popover.popover-hint .arrow {
    border-width: 8px; }
    .popover-box .arrow:after, .popover.popover-hint .arrow:after {
      border-width: 7px; }
  .popover-box.popover-success, .popover.popover-hint.popover-success {
    border-color: #5cb85c !important; }
    .popover-box.popover-success.top > .arrow, .popover.popover-hint.popover-success.top > .arrow {
      border-top-color: #5cb85c; }
      .popover-box.popover-success.top > .arrow:after, .popover.popover-hint.popover-success.top > .arrow:after {
        border-top-color: #5cb85c; }
    .popover-box.popover-success.bottom > .arrow, .popover.popover-hint.popover-success.bottom > .arrow {
      border-bottom-color: #5cb85c; }
      .popover-box.popover-success.bottom > .arrow:after, .popover.popover-hint.popover-success.bottom > .arrow:after {
        border-bottom-color: #5cb85c; }
    .popover-box.popover-success.right > .arrow, .popover.popover-hint.popover-success.right > .arrow {
      border-right-color: #5cb85c; }
      .popover-box.popover-success.right > .arrow:after, .popover.popover-hint.popover-success.right > .arrow:after {
        border-right-color: #5cb85c; }
    .popover-box.popover-success.left > .arrow, .popover.popover-hint.popover-success.left > .arrow {
      border-left-color: #5cb85c; }
      .popover-box.popover-success.left > .arrow:after, .popover.popover-hint.popover-success.left > .arrow:after {
        border-left-color: #5cb85c; }
  .popover-box.popover-danger, .popover.popover-hint.popover-danger {
    border-color: #f0545e !important; }
    .popover-box.popover-danger.top > .arrow, .popover.popover-hint.popover-danger.top > .arrow {
      border-top-color: #f0545e; }
      .popover-box.popover-danger.top > .arrow:after, .popover.popover-hint.popover-danger.top > .arrow:after {
        border-top-color: #f0545e; }
    .popover-box.popover-danger.bottom > .arrow, .popover.popover-hint.popover-danger.bottom > .arrow {
      border-bottom-color: #f0545e; }
      .popover-box.popover-danger.bottom > .arrow:after, .popover.popover-hint.popover-danger.bottom > .arrow:after {
        border-bottom-color: #f0545e; }
    .popover-box.popover-danger.right > .arrow, .popover.popover-hint.popover-danger.right > .arrow {
      border-right-color: #f0545e; }
      .popover-box.popover-danger.right > .arrow:after, .popover.popover-hint.popover-danger.right > .arrow:after {
        border-right-color: #f0545e; }
    .popover-box.popover-danger.left > .arrow, .popover.popover-hint.popover-danger.left > .arrow {
      border-left-color: #f0545e; }
      .popover-box.popover-danger.left > .arrow:after, .popover.popover-hint.popover-danger.left > .arrow:after {
        border-left-color: #f0545e; }
  .popover-box.popover-info, .popover.popover-hint.popover-info {
    border-color: #5bc0de !important; }
    .popover-box.popover-info.top > .arrow, .popover.popover-hint.popover-info.top > .arrow {
      border-top-color: #5bc0de; }
      .popover-box.popover-info.top > .arrow:after, .popover.popover-hint.popover-info.top > .arrow:after {
        border-top-color: #5bc0de; }
    .popover-box.popover-info.bottom > .arrow, .popover.popover-hint.popover-info.bottom > .arrow {
      border-bottom-color: #5bc0de; }
      .popover-box.popover-info.bottom > .arrow:after, .popover.popover-hint.popover-info.bottom > .arrow:after {
        border-bottom-color: #5bc0de; }
    .popover-box.popover-info.right > .arrow, .popover.popover-hint.popover-info.right > .arrow {
      border-right-color: #5bc0de; }
      .popover-box.popover-info.right > .arrow:after, .popover.popover-hint.popover-info.right > .arrow:after {
        border-right-color: #5bc0de; }
    .popover-box.popover-info.left > .arrow, .popover.popover-hint.popover-info.left > .arrow {
      border-left-color: #5bc0de; }
      .popover-box.popover-info.left > .arrow:after, .popover.popover-hint.popover-info.left > .arrow:after {
        border-left-color: #5bc0de; }
  .popover-box.popover-warning, .popover.popover-hint.popover-warning {
    border-color: #f0ad4e !important; }
    .popover-box.popover-warning.top > .arrow, .popover.popover-hint.popover-warning.top > .arrow {
      border-top-color: #f0ad4e; }
      .popover-box.popover-warning.top > .arrow:after, .popover.popover-hint.popover-warning.top > .arrow:after {
        border-top-color: #f0ad4e; }
    .popover-box.popover-warning.bottom > .arrow, .popover.popover-hint.popover-warning.bottom > .arrow {
      border-bottom-color: #f0ad4e; }
      .popover-box.popover-warning.bottom > .arrow:after, .popover.popover-hint.popover-warning.bottom > .arrow:after {
        border-bottom-color: #f0ad4e; }
    .popover-box.popover-warning.right > .arrow, .popover.popover-hint.popover-warning.right > .arrow {
      border-right-color: #f0ad4e; }
      .popover-box.popover-warning.right > .arrow:after, .popover.popover-hint.popover-warning.right > .arrow:after {
        border-right-color: #f0ad4e; }
    .popover-box.popover-warning.left > .arrow, .popover.popover-hint.popover-warning.left > .arrow {
      border-left-color: #f0ad4e; }
      .popover-box.popover-warning.left > .arrow:after, .popover.popover-hint.popover-warning.left > .arrow:after {
        border-left-color: #f0ad4e; }

.hint, .hint > i.fa {
  color: #00a2c2 !important;
  font-size: 15px !important;
  margin: 0 2px; }

.hidden-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.spinner-container {
  overflow: hidden;
  text-align: center;
  padding: 10px 0;
  background: #fff;
  display: table;
  width: 100%;
  height: 100%;
  color: #00a2c2; }
  .spinner-container .spinner-body {
    display: table-cell;
    vertical-align: middle; }
    .spinner-container .spinner-body .spinner-icon {
      color: #00a2c2;
      font-size: 30px; }
    .spinner-container .spinner-body .spinner-label {
      margin-top: 25px; }

.share-link {
  padding: 10px; }
  .share-link .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 24em;
    display: block;
    border: 1px solid red; }
  .share-link .input-group .form-control {
    border: 0;
    box-shadow: none; }
    .share-link .input-group .form-control:focus {
      box-shadow: none; }
  .share-link .input-group-btn:last-child > .btn {
    border-radius: 4px !important; }
  @media screen and (max-width: 768px) {
    .share-link .input-group {
      display: block !important; }
      .share-link .input-group .form-control {
        text-align: center; }
      .share-link .input-group .input-group-btn:last-child > .btn {
        display: block;
        width: 100%; } }

@media screen and (max-width: 991px) {
  .hint, .hint[data-toggle='popover'] > i {
    font-size: 1.250em;
    padding: 15px; } }

.media-container .media {
  margin-top: 15px;
  overflow: hidden;
  zoom: 1; }
  .media-container .media:first-child {
    margin-top: 0; }

.media-container .media-body {
  overflow: hidden;
  zoom: 1;
  width: 10000px; }

.media-container .media-object {
  display: block; }
  .media-container .media-object.img-thumbnail {
    max-width: none; }

.media-container .media-right, .media-container .media > .pull-right {
  padding-left: 15px; }

.media-container .media-left, .media-container .media > .pull-left {
  padding-right: 15px; }

.media-container .media-left, .media-container .media-right, .media-container .media-body {
  display: table-cell;
  vertical-align: top; }

.media-container .media-middle {
  vertical-align: middle; }

.media-container .media-bottom {
  vertical-align: bottom; }

.media-container .media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-container .media-list {
  padding-left: 0;
  list-style: none; }

.bootstrap_for_gaia .carousel {
  text-align: center; }
  .bootstrap_for_gaia .carousel .carousel-title {
    font-size: 24px;
    margin: 0px 0px 20px;
    font-weight: 300; }
  .bootstrap_for_gaia .carousel .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
    text-shadow: none; }
    .bootstrap_for_gaia .carousel .carousel-control.left, .bootstrap_for_gaia .carousel .carousel-control.right {
      background-image: none; }
    .bootstrap_for_gaia .carousel .carousel-control .nav-prev, .bootstrap_for_gaia .carousel .carousel-control .nav-next {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
      color: #00a2c2;
      font-size: 2.5em; }
    .bootstrap_for_gaia .carousel .carousel-control .nav-prev {
      left: 50%; }
    .bootstrap_for_gaia .carousel .carousel-control .nav-next {
      right: 50%; }
  .bootstrap_for_gaia .carousel .carousel-caption {
    position: initial;
    color: #505050;
    text-shadow: none;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 768px) {
      .bootstrap_for_gaia .carousel .carousel-caption {
        padding: 30px 15px 15px; } }
  .bootstrap_for_gaia .carousel .carousel-indicators {
    padding-bottom: 40px;
    position: initial;
    margin: auto;
    width: 100%; }
    .bootstrap_for_gaia .carousel .carousel-indicators li {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 1px 4px;
      border: 0;
      border-radius: 12px;
      cursor: pointer;
      background-color: #999; }
      .bootstrap_for_gaia .carousel .carousel-indicators li.active {
        margin: 1px 4px;
        background-color: #00a2c2; }
  .bootstrap_for_gaia .carousel .slide-message {
    padding: 100px 50px; }
    @media (max-width: 768px) {
      .bootstrap_for_gaia .carousel .slide-message {
        padding: 25px 50px; } }
    .bootstrap_for_gaia .carousel .slide-message .icon-success {
      color: #5cb85c; }
    .bootstrap_for_gaia .carousel .slide-message > .fa {
      font-size: 6.5rem; }
    .bootstrap_for_gaia .carousel .slide-message .caption-title {
      font-size: 24px;
      font-weight: 300; }

.dropzone, .system #content .dropzone {
  background: #E7EEF8;
  border: 1px dashed #1C8BD2;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 14px;
  width: 100% !important;
  color: #428BCA;
  text-align: center;
  transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  padding: 10px;
  font-weight: 600;
  margin-bottom: 10px; }
  .dropzone:hover, .system #content .dropzone:hover {
    border-color: #0B6097;
    background-color: #C4DBFB; }

.bootstrap_for_gaia .not-found-messages {
  width: 40%;
  color: #00a2c2;
  margin: 1.5% auto;
  text-align: center;
  font-size: 20px; }
  .bootstrap_for_gaia .not-found-messages .panel.panel-default {
    padding: 1.5% 0; }
  .bootstrap_for_gaia .not-found-messages a:hover {
    cursor: pointer;
    text-decoration: none; }
    .bootstrap_for_gaia .not-found-messages a:hover p {
      text-decoration: none; }
  .bootstrap_for_gaia .not-found-messages img {
    display: inline-block;
    margin: 20px 25px; }

.popover .btn-default.text-muted {
  color: #333; }

.add-filter #search_filter {
  width: 180px; }

.add-filter ul {
  height: auto;
  max-height: 400px;
  overflow-x: hidden; }
  .add-filter ul li > span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap; }
  .add-filter ul li > span:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5; }

.chat-split-screen .container {
  width: 100%; }

@media screen and (min-width: 768px) {
  .chat-container .chat-popup {
    z-index: 1150 !important; } }

.freshwidget-button {
  z-index: 1090 !important;
  left: 15px !important;
  text-transform: uppercase; }

.freshwidget-container .widget-ovelay {
  background-color: #000; }

@media screen and (max-width: 768px) {
  .responsive .mobile-widget-close {
    top: 2px !important; } }

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 17px; }
  .toggle-switch input {
    display: none; }
  .toggle-switch .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 10px; }
    .toggle-switch .toggle-slider:before {
      position: absolute;
      content: "";
      height: 22px;
      width: 22px;
      left: -2px;
      bottom: -2px;
      background-color: #606060;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 2; }
    .toggle-switch .toggle-slider:before {
      border-radius: 50%;
      -webkit-box-shadow: 0px 0px 2px 0px #7a7a7a;
      -moz-box-shadow: 0px 0px 2px 0px #7a7a7a;
      box-shadow: 0px 0px 2px 0px #7a7a7a; }
  .toggle-switch .ing-check {
    font-size: 10px;
    margin-top: 3px;
    margin-left: 6px;
    z-index: 1;
    color: #00a2c2; }
  .toggle-switch .ing-close {
    font-size: 7px;
    margin-top: 4px;
    margin-right: 7px;
    z-index: 1;
    color: #FFF; }
  .toggle-switch input:checked + .toggle-slider {
    background-color: #dbdbdb; }
  .toggle-switch input:focus + .toggle-slider {
    box-shadow: 0 0 1px #2196F3; }
  .toggle-switch input:checked + .toggle-slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
    background-color: #00a2c2; }
  .toggle-switch h6 {
    font-size: 1em;
    margin: 0 0 0 50px; }

.overlay-direction-modal-dialog {
  position: fixed;
  bottom: 0;
  z-index: 1002;
  width: 100%;
  height: 100%;
  background-color: #2f343b;
  opacity: 0.5;
  display: none; }

body.direction-modal-open {
  overflow: hidden; }

.direction-modal-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1003; }
  .direction-modal-dialog .dialog-overlay {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #2f343b;
    opacity: 0; }
  .direction-modal-dialog .dialog-wrapper {
    z-index: 2;
    position: absolute;
    background-color: #ffffff;
    box-shadow: 2px 2px 40px rgba(47, 52, 59, 0.61);
    animation: fadein 1s;
    width: 100%; }
  .direction-modal-dialog .dialog-header {
    background-color: #00a2c2;
    padding: 11px 20px;
    color: #FFF; }
    .direction-modal-dialog .dialog-header h3.dialog-title {
      float: left;
      margin: 0; }
  .direction-modal-dialog .marcar-quais-agenda .select2-chosen {
    opacity: 0;
    color: #fff;
    text-decoration: none; }
  .direction-modal-dialog .dialog-content .label {
    font-weight: normal; }
  .direction-modal-dialog .dialog-content .input-group-btn {
    position: relative;
    z-index: 10; }
  .direction-modal-dialog .dialog-content .input-group input {
    height: 30px; }
  .direction-modal-dialog .dialog-content .input-group .btn {
    padding: 5px 14px;
    height: 30px !important; }
  .direction-modal-dialog .dialog-content .input-group .select2-choice {
    border-radius: 0 4px 4px 0;
    border-left-width: 0; }
  .direction-modal-dialog .dialog-content .form-control {
    line-height: 30px;
    padding: 0 12px;
      padding-height: auto; }
  .direction-modal-dialog .dialog-content textarea.form-control {
    line-height: initial; }
  .direction-modal-dialog .dialog-content .select2-container.form-control {
    padding: 0; }
    .direction-modal-dialog .dialog-content .select2-container.form-control .select2-choice,
    .direction-modal-dialog .dialog-content .select2-container.form-control .select2-choice > .select2-chosen {
      height: 30px !important; }
  .direction-modal-dialog button[type="button"].dialog-close {
    float: right;
    margin: 0;
    cursor: pointer;
    font-size: 0;
    display: inline-block;
    font-weight: bold;
    opacity: 0.8;
    color: #fff; }
    .direction-modal-dialog button[type="button"].dialog-close .ing-close {
      font-size: 14px;
      vertical-align: baseline;
      line-height: 24px; }

.direction-modal-dialog.responsive-dialog-modal .dialog-wrapper {
  width: 100% !important;
  overflow-x: hidden;
  overflow-y: auto; }
  @media (min-width: 768px) {
    .direction-modal-dialog.responsive-dialog-modal .dialog-wrapper {
      width: 75% !important; } }
  @media (min-width: 1200px) {
    .direction-modal-dialog.responsive-dialog-modal .dialog-wrapper {
      width: 50% !important; } }

.new-appointment {
  /* Form  roteiro de visitas*/
  /* Form outros */ }
  .new-appointment i {
    color: #00a2c2; }
  .new-appointment i.fa-spinner.fa-pulse {
    color: #00a2c2;
    margin: 3px 5px 0 0;
    float: left;
    color: #fff;
    font-size: 1em;
    position: relative;
    margin-top: 0;
    font-size: 16px; }
  .new-appointment .panel {
    margin-bottom: 15px;
    border-width: 0;
    box-shadow: 2px 2px 5px 0px rgba(163, 163, 163, 0.5); }
    .new-appointment .panel.border-left-saas {
      border-left: 3px solid #00a2c2; }
    .new-appointment .panel.border-bottom-saas {
      border-bottom: 3px solid #00a2c2; }
    .new-appointment .panel .panel-heading {
      color: #676767;
      font-size: 16px;
      padding: 8px 29px;
      border-bottom: 1px solid #E8E8E8; }
    .new-appointment .panel .panel-body {
      padding: 20px 30px; }
    .new-appointment .panel .panel-body.panel-body-listagem {
      padding: 20px 30px 1px 30px; }
    .new-appointment .panel .listagem-imoveis-roteiro {
      margin: 0 -15px; }
  .new-appointment .bg-row-newTabs {
    background: #FFF; }
  .new-appointment ul.nav-tabs {
    overflow: hidden;
    margin: 0;
    background-color: #fff;
    list-style: none;
    max-width: 550px;
    margin: 0 auto;
    border: 0; }
    .new-appointment ul.nav-tabs li {
      background-color: #fff;
      text-align: center;
      width: 33.33%;
      margin: 0;
      min-width: 180px; }
      .new-appointment ul.nav-tabs li a {
        display: block;
        width: 100%;
        float: left;
        text-decoration: none;
        cursor: pointer;
        border: 0px;
        padding: 12px 20px;
        border-bottom: 2px solid #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        color: #808080; }
    .new-appointment ul.nav-tabs li.active {
      cursor: default; }
    .new-appointment ul.nav-tabs li.active a, .new-appointment ul.nav-tabs li.active:hover a {
      color: #00a2c2;
      border: 0px;
      border-bottom: 2px solid #00a2c2; }
    .new-appointment ul.nav-tabs li:hover a {
      color: #00a2c2;
      border-color: #FFF; }
  .new-appointment .wrapper-forms-appointment {
    height: calc(100vh - 143px);
    overflow: auto;
    padding-bottom: 50px; }
    .new-appointment .wrapper-forms-appointment .container {
      margin-top: 10px;
      width: 845px; }
    .new-appointment .wrapper-forms-appointment label {
      font-weight: normal;
      font-size: 13px;
      color: #2f343b; }
    .new-appointment .wrapper-forms-appointment .form-control {
      height: 30px; }
    .new-appointment .wrapper-forms-appointment .select2-container.select2-container-multi {
      height: auto; }
    .new-appointment .wrapper-forms-appointment .select2-container-multi .select2-choices {
      min-height: 30px;
      padding: 0;
      background: none;
      border-color: #ccc; }
      .new-appointment .wrapper-forms-appointment .select2-container-multi .select2-choices .select2-search-field input {
        height: 30px !important; }
    .new-appointment .wrapper-forms-appointment .no-margem {
      margin: 0 !important; }
    .new-appointment .wrapper-forms-appointment textarea.form-control {
      height: inherit;
      padding: 5px 14px; }
    .new-appointment .wrapper-forms-appointment .datepicker-popup ul.dropdown-menu, .new-appointment .wrapper-forms-appointment .timepicker-popup ul.dropdown-menu {
      padding: 5px;
      background-color: #f8f8f8; }
      .new-appointment .wrapper-forms-appointment .datepicker-popup ul.dropdown-menu .btn-sm, .new-appointment .wrapper-forms-appointment .timepicker-popup ul.dropdown-menu .btn-sm {
        font-size: 0.8em; }
    .new-appointment .wrapper-forms-appointment .text-capitalize {
      text-transform: capitalize !important; }
    .new-appointment .wrapper-forms-appointment .timepicker-popup button {
      display: block;
      width: 100%;
      padding: 0 14px;
      height: 30px;
      line-height: 30px;
      text-align: left;
      color: #555;
      font-weight: normal; }
      .new-appointment .wrapper-forms-appointment .timepicker-popup button i {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 12px;
        line-height: 28px;
        border: inherit;
        font-size: 15px; }
    .new-appointment .wrapper-forms-appointment .timepicker-popup .dropdown-menu {
      min-width: 115px; }
      .new-appointment .wrapper-forms-appointment .timepicker-popup .dropdown-menu .btn {
        padding: 0 14px;
        height: 30px;
        line-height: 30px; }
    .new-appointment .wrapper-forms-appointment .btn-datepicker {
      padding-bottom: 5px; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .panel-body {
      padding: 10px; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .fotoUsuarioSelecionado {
      margin-right: 15px; }
      .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .fotoUsuarioSelecionado img {
        width: 40px;
        height: 40px;
        border-radius: 50%; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados h4 {
      margin: 5px 0 7px; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados h4::first-letter {
      text-transform: uppercase;
      font-size: 1.1em; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados h5 {
      margin: 0;
      font-style: italic;
      font-size: 0.9em; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .wrapper-ing-user {
      margin-right: 15px;
      width: 40px;
      height: 40px;
      text-align: center;
      background: #dedede;
      border-radius: 50%;
      margin-bottom: 16px; }
      .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .wrapper-ing-user i {
        font-size: 1.3em;
        color: #676767;
        display: inline-block;
        margin-top: 7px; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .remover-usuario {
      font-weight: 900;
      line-height: 1;
      font-size: 1.2em;
      color: #b5b5b5;
      cursor: pointer;
      position: relative;
      z-index: 1;
      margin-top: -15px;
      background: none; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .switchEditarCompromisso {
      margin-top: -10px; }
      .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .switchEditarCompromisso .ing-edit-o {
        vertical-align: super;
        margin-right: 5px;
        color: #737373; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .cliente-selecionado .col-sm-12 {
      margin: 10px 0; }
    .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .cliente-selecionado .telefone-cliente-selecionado, .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .cliente-selecionado .email-cliente-selecionado {
      padding-top: 10px;
      font-size: 1em;
      word-break: break-all; }
      .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .cliente-selecionado .telefone-cliente-selecionado i, .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .cliente-selecionado .email-cliente-selecionado i {
        float: left;
        margin: 3px 7px 0 0; }
      .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .cliente-selecionado .telefone-cliente-selecionado .sem-email, .new-appointment .wrapper-forms-appointment .clientes-usuarios-selecionados .cliente-selecionado .email-cliente-selecionado .sem-email {
        color: #b5b5b5; }
    .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente {
      border: 1px solid #b5b5b5;
      border-left: 3px solid #00a2c2 !important;
      border-radius: 2px;
      padding: 5px 15px;
      min-height: 100px;
      margin: 10px 0;
      cursor: pointer;
      color: #676767; }
      .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente .status-perfil-cliente {
        margin-top: 10px;
        margin-bottom: 10px; }
        .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente .status-perfil-cliente h5 {
          text-transform: uppercase; }
        .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente .status-perfil-cliente p {
          font-size: 0.85em;
          margin-bottom: 5px; }
      .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente .perfil-cliente-number {
        margin-top: 27px; }
        .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente .perfil-cliente-number h5 {
          text-transform: uppercase; }
        .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente .perfil-cliente-number p {
          font-size: 0.85em; }
      .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente span i {
        font-size: 14px;
        padding-right: 3px;
        line-height: 10px;
        color: #676767; }
        .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente span i::before {
          font-size: 18px !important;
          padding-right: 10px;
          position: relative;
          top: 3px; }
    .new-appointment .wrapper-forms-appointment .perfil-cliente .titulo-perfil {
      color: #575757;
      font-size: 13px;
      padding: 15px 0px 0 15px; }
    .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente.active {
      background-color: rgba(0, 162, 194, 0.1);
      border: 2px solid #00a2c2 !important;
      border-left: 5px solid #00a2c2 !important;
      color: #00a2c2 !important; }
      .new-appointment .wrapper-forms-appointment .perfil-cliente .item-perfil-cliente.active span i {
        color: #00a2c2 !important; }
    .new-appointment .wrapper-forms-appointment .comunicar-proprietario {
      padding-top: 7px; }
      .new-appointment .wrapper-forms-appointment .comunicar-proprietario hr {
        position: absolute;
        width: 40%;
        margin: 13px 0 0 145px;
        border-top: 1px solid #dedede; }
      .new-appointment .wrapper-forms-appointment .comunicar-proprietario .switchEditarCompromisso {
        margin: 3px 12px 0 0; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .dash {
      border: 0 none;
      border-top: 2px dashed #dedede;
      background: none;
      height: 0;
      margin: 15px 0 25px 0; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis {
      margin: 0 30px 0 20px; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .wrapper-dropdown-carrinho {
        cursor: pointer;
        opacity: 1;
        transition: opacity 0.3s ease-in-out; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .wrapper-dropdown-carrinho:hover {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.7; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis span.total-carrinho-imoveis {
        color: #00a2c2;
        padding-left: 8px;
        font-weight: 600;
        font-size: 1.3em; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis {
        margin-top: 10px;
        padding: 15px;
        background: #efefef; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis .titulo-ordem-trajeto {
          color: #808080;
          margin: 0;
          font-size: 1.2em; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro {
          width: auto;
          max-height: 308px;
          overflow: auto; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro > li {
            border: 1px solid #dedede;
            width: 485px;
            height: 92px;
            border-radius: 0;
            background: #fff;
            margin: 20px; }
            .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro > li .wrapper-timepicker {
              padding-top: 5px; }
            .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro > li .label-horario {
              float: left;
              margin: 30px 15px 0 10px; }
            .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro > li .timepicker-roteiro-imoveis table td .form-control {
              width: 85%;
              margin: 0 auto; }
            .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro > li .timepicker-roteiro-imoveis table .btn.btn-link {
              font-size: 12px;
              padding: 2px 10px;
              margin: 0;
              cursor: pointer;
              color: #dedede; }
            .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro > li p.referencia-carrinho {
              float: left;
              margin: 35px 0 0 0;
              font-size: 14px;
              font-weight: 700; }
            .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro > li i.ing-times {
              font-size: 1em;
              float: right;
              color: #dedede;
              margin: 10px 10px 0 0;
              cursor: pointer; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro .sortable-item-handle {
            height: 92px; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro .sortable-item-handle:hover {
            background: url(../../admin/img/sortable.gif) 140px 10px no-repeat; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro .miniatura-carrinho {
            position: relative;
            background-position: center center;
            background-repeat: no-repeat;
            float: left;
            width: 130px;
            height: 90px;
            background-color: #dedede;
            background-size: cover; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro .numero-ordem {
            position: absolute;
            top: 0;
            background: #000;
            padding: 2px 8px 6px;
            margin: 0;
            border-bottom-right-radius: 10px;
            font-size: 16px;
            color: #FFF; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro .imovel-sem-photo {
            position: relative;
            font-size: 35px;
            text-align: center;
            padding: 12px 0;
            width: 130px;
            height: 90px;
            background: #dedede;
            display: block;
            font-size: 1.8em;
            float: left; }
            .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis ul.list-menu-imoveis-roteiro .imovel-sem-photo i.fa-camera {
              font-size: 1.3em;
              line-height: 2;
              color: #676767;
              text-align: center; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .carrinho-imoveis .menu-carrinho-imoveis p.carrinho-imoveis-vazio {
          width: 300px;
          font-size: 1.2em;
          line-height: 1.2em;
          color: #222222;
          text-align: center; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .filtros-escopo {
      margin: 0 20px 0 0; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .wrapper-listagem-imoveis-perfil {
      margin: 0;
      max-height: 421px;
      overflow: auto;
      padding: 0;
      background: #efefef; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .wrapper-listagem-imoveis-perfil .fa.fa-spinner:before {
        color: #000; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul {
      list-style: none;
      padding: 0; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul li {
        border: 1px solid #dedede;
        margin: 20px;
        background-color: #fff; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .media-left {
        width: 190px;
        height: 125px;
        padding-right: 0;
        background: #ebebeb;
        position: relative; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .media-object {
        width: 190px;
        height: auto; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .imovel-sem-photo {
        font-size: 35px;
        text-align: center;
        padding: 15px 0;
        height: auto;
        width: 90px;
        display: block;
        margin: 25px auto;
        background: #dedede;
        border-radius: 3px; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .imovel-sem-photo i {
          color: #676767; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .background-propertie {
        max-width: 100%;
        height: 125px;
        background-position: center center;
        background-repeat: no-repeat; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .img-google {
        background-size: cover; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .media-body {
        padding: 20px 10px 10px 20px;
        width: auto; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .media-body h4.media-heading {
          font-size: 1em; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .media-body .endereco-imovel-roteiro {
          font-size: 0.9em; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .media-body .label-proposta {
          display: inline-block;
          margin-left: 10px;
          vertical-align: top;
          padding: 0.3em 0.6em 0.3em; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .media-body .label-proposta i {
            color: #fff; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property {
        display: inline-block;
        margin-right: 10px; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property i.ativo {
          color: #5cb85c; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property i.suspenso {
          color: #FF6B00; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property i.cancelado {
          color: #F6352E; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property i.ficha {
          color: #7169EB; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property i.provisorio {
          color: #F8DB00; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property i.vencido {
          color: #BDBDBD; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property i.vendido, .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .media .status-color-property div.Locado {
          color: #666; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .checkbox {
        position: absolute;
        background: #000;
        padding: 5px 10px;
        margin: 0;
        border-bottom-right-radius: 5px;
        opacity: 0.6; }
        .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .checkbox label {
          padding: 0;
          margin: 0;
          line-height: 14px;
          vertical-align: middle; }
          .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro ul .checkbox label .checkbox-label:before {
            margin: 0; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .filtros-escopo .checkbox-label:before {
      vertical-align: text-bottom; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .perfil-sem-imoveis {
      margin: 40px 0; }
      .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .perfil-sem-imoveis p {
        color: #676767;
        margin: 10px 0;
        font-size: 1.2em; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .spinner-rotate .logo-spinner-rotate {
      margin: 10% auto; }
    .new-appointment .wrapper-forms-appointment .listagem-imoveis-roteiro .btn {
      font-size: 13px;
      padding: 9px 14px;
      margin: 0 7px; }
    .new-appointment .wrapper-forms-appointment ul.nav-tabs.navegacao-escopo-busca {
      width: 620px;
      text-align: center;
      border-bottom: 0px;
      height: 37px; }
      .new-appointment .wrapper-forms-appointment ul.nav-tabs.navegacao-escopo-busca li {
        border: 0px;
        text-transform: uppercase;
        display: inline-block;
        width: auto;
        float: none;
        margin: 0;
        min-width: auto; }
        .new-appointment .wrapper-forms-appointment ul.nav-tabs.navegacao-escopo-busca li a {
          padding: 5px 10px 10px;
          margin: 0 10px;
          width: auto;
          display: inline;
          font-size: 0.9em; }
  .new-appointment .wrapper-pesquisar-referencia {
    position: relative; }
    .new-appointment .wrapper-pesquisar-referencia .form-control {
      position: relative;
      z-index: 1; }
    .new-appointment .wrapper-pesquisar-referencia .pesquisar-referencia {
      position: absolute;
      z-index: 2;
      right: 0;
      margin: 0;
      cursor: pointer;
      font-size: 13px;
      pointer-events: auto;
      height: 30px;
      line-height: 30px;
      padding: 0 14px; }
      .new-appointment .wrapper-pesquisar-referencia .pesquisar-referencia i {
        display: inline-block;
        margin-right: 5px;
        color: inherit !important;
        float: left; }
      .new-appointment .wrapper-pesquisar-referencia .pesquisar-referencia[disabled="disabled"] {
        opacity: 0.4;
        cursor: not-allowed; }
  .new-appointment .wrapper-forms-appointment.form-outros .clientes-usuarios-selecionados .panel-form-outros {
    padding: 10px 14px 5px;
    max-height: 62px !important;
    overflow: hidden; }
  .new-appointment .wrapper-forms-appointment.form-outros .clientes-usuarios-selecionados .remover-usuario {
    position: absolute;
    right: 25px;
    top: 17px;
    text-decoration: none; }
  .new-appointment .wrapper-forms-appointment.form-outros .clientes-usuarios-selecionados .switchEditarCompromisso {
    margin-top: 0;
    margin-right: 0;
    width: 100%; }
    .new-appointment .wrapper-forms-appointment.form-outros .clientes-usuarios-selecionados .switchEditarCompromisso .label-editar-compromisso {
      display: inline-block;
      margin: 0px 0px 5px 2px;
      font-size: 13px !important; }
  .new-appointment .wrapper-forms-appointment.form-outros .clientes-usuarios-selecionados h4 {
    font-size: 13px !important; }
  .new-appointment .wrapper-forms-appointment.form-outros .marcar-quais-agenda .select2-chosen {
    opacity: 0;
    color: #fff;
    text-decoration: none; }
  .new-appointment .criador-compromisso {
    opacity: 0.8;
    background-color: #e8e8e8; }
    .new-appointment .criador-compromisso .remover-usuario .switch, .new-appointment .criador-compromisso .switchEditarCompromisso .switch {
      opacity: 0.4; }
  .new-appointment .footer-appointment {
    width: 100%;
    height: auto;
    padding: 6px 0;
    font-size: 0;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    bottom: 0;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.5); }
    .new-appointment .footer-appointment .dropup {
      display: inline-block; }
    .new-appointment .footer-appointment .imprimir-copias-roteiro ul {
      bottom: 40px;
      left: -60px; }
    .new-appointment .footer-appointment .imprimir-copias-roteiro li {
      width: 300px;
      padding: 15px; }
  .new-appointment #dropdownSalvarImprimir:hover {
    background-color: #00778f !important; }
  .new-appointment #dropdownSalvarImprimir:focus {
    background-color: #00778f !important; }
  .new-appointment .select2-container .select2-choice {
    border: 1px solid #ccc;
    background: none;
    line-height: 2.1;
    height: 34px; }
    .new-appointment .select2-container .select2-choice .select2-arrow {
      background: none;
      border-left: none; }
  .new-appointment .select2-container .select2-choice > .select2-chosen {
    border: 0;
    background: none;
    line-height: 1.4;
    height: 33px;
    padding: 6px 12px; }
    .new-appointment .select2-container .select2-choice > .select2-chosen .select2-arrow {
      background: none;
      border-left: none; }
  .new-appointment .mensagem-validacao p {
    color: #bf3d49;
    font-size: 0.8em;
    margin: 5px 0 0 1px; }
  .new-appointment .has-error input.ng-invalid, .new-appointment .has-error select.ng-invalid, .new-appointment .has-error textarea.ng-invalid, .new-appointment .has-error .timepicker-popup .btn-timepicker, .new-appointment .has-error .datepicker-popup > button, .new-appointment .has-error .select2-choice, .new-appointment .has-error .btn-datepicker {
    border-color: #bf3d49; }
  .new-appointment .has-error input.ng-invalid, .new-appointment .has-error select.ng-invalid, .new-appointment .has-error textarea.ng-invalid, .new-appointment .has-error .timepicker-popup .btn-timepicker, .new-appointment .has-error .select2-choice {
    background-repeat: no-repeat;
    -webkit-background-size: 1.4625rem 1.4625rem;
    background-position: center right .5625rem;
    background-size: 1.4625rem 1.4625rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); }
  .new-appointment .has-error .timepicker-popup input.ng-invalid {
    padding: 6px 12px; }
  .new-appointment .has-error .select2-choice, .new-appointment .has-error select.ng-invalid {
    background-position: center right .8625rem; }
  .new-appointment .has-error .timepicker-popup .btn-timepicker {
    background-position: center right 2.6625rem; }
  .new-appointment .has-success input.ng-valid, .new-appointment .has-success select.ng-valid, .new-appointment .has-success textarea.ng-valid, .new-appointment .has-success .timepicker-popup .btn-timepicker, .new-appointment .has-success .datepicker-popup > button, .new-appointment .has-success .select2-choice, .new-appointment .has-success .btn-datepicker {
    border-color: #53be86; }
  .new-appointment .has-success input.ng-valid, .new-appointment .has-success select.ng-valid, .new-appointment .has-success textarea.ng-valid, .new-appointment .has-success .timepicker-popup .btn-timepicker, .new-appointment .has-success .select2-choice {
    padding-right: 35px;
    background-repeat: no-repeat;
    -webkit-background-size: 1.4625rem 1.4625rem;
    background-position: center right .5625rem;
    background-size: 1.4625rem 1.4625rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); }
  .new-appointment .has-success .timepicker-popup input.ng-valid {
    padding: 6px 12px; }
  .new-appointment .has-success .select2-choice, .new-appointment .has-success select.ng-valid {
    background-position: center right .8625rem; }
  .new-appointment .has-success .timepicker-popup .btn-timepicker {
    background-position: center right 2.6625rem; }
  .new-appointment .has-error .dropdown-menu input.ng-invalid, .new-appointment .has-error .dropdown-menu input.ng-valid, .new-appointment .has-success .dropdown-menu input.ng-invalid, .new-appointment .has-success .dropdown-menu input.ng-valid {
    border-color: #b5b5b5;
    background: none; }
  .new-appointment .has-error .wrapper-pesquisar-referencia input.ng-invalid, .new-appointment .has-error .wrapper-pesquisar-referencia input.ng-valid, .new-appointment .has-success .wrapper-pesquisar-referencia input.ng-invalid, .new-appointment .has-success .wrapper-pesquisar-referencia input.ng-valid {
    background-position: center right 1.6625rem; }

.border-left-saas {
  border-left: 3px solid #00a2c2; }

.border-bottom-saas {
  border-bottom: 3px solid #00a2c2; }

.select2-results .select2-no-results {
  background-color: #fcf8e3;
  color: #8a6d3b; }

.select2-results .select2-result-label {
  font-size: 14px; }

.select2-results .bootstrap_for_gaia .container {
  padding: 0; }

.template-select2-cliente {
  padding: 5px 0; }
  .template-select2-cliente .wrapper-cliente {
    padding-top: 10px; }
  .template-select2-cliente h5 {
    margin: 0 0 5px;
    font-size: 1.1em; }
  .template-select2-cliente p {
    font-size: 1em; }
  .template-select2-cliente .wrapper-ing-user {
    margin-right: 10px;
    width: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    background: #dedede;
    border-radius: 50%; }
    .template-select2-cliente .wrapper-ing-user i {
      color: #676767;
      line-height: 1.8em;
      font-size: 1em; }

.link-agenda {
  position: absolute;
  top: 20px;
  right: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px; }
  .link-agenda .ing {
    font-size: 20px;
    margin-right: 2px;
    vertical-align: middle; }

.btn-outline-primary {
  color: #6e8c99 !important;
  background-color: transparent !important;
  border: 1px solid #6e8c99 !important; }
  .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #627f8b !important;
    border: 1px solid #627f8b !important; }
  .btn-outline-primary:focus {
    color: #fff !important;
    background-color: #627f8b !important;
    border: 1px solid #627f8b !important; }
  .btn-outline-primary:active:hover {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary.active {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary:active {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary.active.focus {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary.active:focus {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary.active:hover {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary:active.focus {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary:active:focus {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }
  .btn-outline-primary:active:hover {
    color: #fff !important;
    background-color: #546d78 !important;
    border: 1px solid #546d78 !important; }

.btn-outline-default {
  color: #b5b5b5 !important;
  background-color: transparent !important;
  border: 1px solid #b5b5b5 !important; }
  .btn-outline-default:hover {
    color: #fff !important;
    background-color: #b5b5b5 !important;
    border: 1px solid #b5b5b5 !important; }
  .btn-outline-default:focus {
    color: #fff !important;
    background-color: #b5b5b5 !important;
    border: 1px solid #b5b5b5 !important; }
  .btn-outline-default:active:hover {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default.active {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default:active {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default.active.focus {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default.active:focus {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default.active:hover {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default:active.focus {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default:active:focus {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }
  .btn-outline-default:active:hover {
    color: #fff !important;
    background-color: #a4a4a4 !important;
    border: 1px solid #a4a4a4 !important; }

.btn-outline-success {
  color: #00a2c2 !important;
  background-color: transparent !important;
  border: 1px solid #00a2c2 !important; }
  .btn-outline-success:hover {
    color: #fff !important;
    background-color: #008da9 !important;
    border: 1px solid #008da9 !important; }
  .btn-outline-success:focus {
    color: #fff !important;
    background-color: #008da9 !important;
    border: 1px solid #008da9 !important; }
  .btn-outline-success:active:hover {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success.active {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success:active {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success.active.focus {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success.active:focus {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success.active:hover {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success:active.focus {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success:active:focus {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }
  .btn-outline-success:active:hover {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }

.btn-outline-info {
  color: #2884b0 !important;
  background-color: transparent !important;
  border: 1px solid #2884b0 !important; }
  .btn-outline-info:hover {
    color: #fff !important;
    background-color: #23749b !important;
    border: 1px solid #23749b !important; }
  .btn-outline-info:focus {
    color: #fff !important;
    background-color: #23749b !important;
    border: 1px solid #23749b !important; }
  .btn-outline-info:active:hover {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info.active {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info:active {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info.active.focus {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info.active:focus {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info.active:hover {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info:active.focus {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info:active:focus {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }
  .btn-outline-info:active:hover {
    color: #fff !important;
    background-color: #1d6080 !important;
    border: 1px solid #1d6080 !important; }

.btn-outline-warning {
  color: #c0ad8f !important;
  background-color: transparent !important;
  border: 1px solid #c0ad8f !important; }
  .btn-outline-warning:hover {
    color: #fff !important;
    background-color: #b7a17f !important;
    border: 1px solid #b7a17f !important; }
  .btn-outline-warning:focus {
    color: #fff !important;
    background-color: #b7a17f !important;
    border: 1px solid #b7a17f !important; }
  .btn-outline-warning:active:hover {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning.active {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning:active {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning.active.focus {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning.active:focus {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning.active:hover {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning:active.focus {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning:active:focus {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }
  .btn-outline-warning:active:hover {
    color: #fff !important;
    background-color: #ab9269 !important;
    border: 1px solid #ab9269 !important; }

.btn-outline-danger {
  color: #bf3d49 !important;
  background-color: transparent !important;
  border: 1px solid #bf3d49 !important; }
  .btn-outline-danger:hover {
    color: #fff !important;
    background-color: #ac3742 !important;
    border: 1px solid #ac3742 !important; }
  .btn-outline-danger:focus {
    color: #fff !important;
    background-color: #ac3742 !important;
    border: 1px solid #ac3742 !important; }
  .btn-outline-danger:active:hover {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger.active {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger:active {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger.active.focus {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger.active:focus {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger.active:hover {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger:active.focus {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger:active:focus {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }
  .btn-outline-danger:active:hover {
    color: #fff !important;
    background-color: #932f38 !important;
    border: 1px solid #932f38 !important; }

.datepicker-popup .btn-danger {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .datepicker-popup .btn-danger.btn-danger:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }

.modal-open {
  margin-right: 0 !important;
  padding-right: 0 !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .chat-split-screen .navbar-sticky#navbar-submit, .chat-split-screen .search-container.active {
    width: 68% !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .chat-split-screen .navbar-sticky#navbar-submit, .chat-split-screen .search-container.active {
    width: 75% !important; } }

@media (max-width: 1599px) and (min-width: 1200px) {
  .chat-split-screen .navbar-sticky#navbar-submit, .chat-split-screen .search-container.active {
    width: 81% !important; } }

@media (min-width: 1600px) and (max-width: 1899px) {
  .chat-split-screen .navbar-sticky#navbar-submit, .chat-split-screen .search-container.active {
    width: 83% !important; } }

@media (min-width: 1900px) {
  .chat-split-screen .navbar-sticky#navbar-submit, .chat-split-screen .search-container.active {
    width: 85% !important; } }

.cancelNewAppointment .modal-backdrop.fade.in {
  display: none; }

#cancelNewAppointment {
  background-color: rgba(47, 52, 59, 0.5); }
  #cancelNewAppointment .modal-body {
    text-align: center;
    padding: 60px 30px; }
    #cancelNewAppointment .modal-body .ing {
      font-size: 40px; }
    #cancelNewAppointment .modal-body h3 {
      margin: 0;
      color: #505050; }
    #cancelNewAppointment .modal-body p {
      font-size: 16px;
      margin: 5px 0 30px;
      color: #505050; }
    #cancelNewAppointment .modal-body .btn {
      font-size: 13px;
      padding: 9px 14px;
      margin: 0 7px; }
  #cancelNewAppointment .modal-footer {
    border: none; }

#deleteAppointment {
  background-color: rgba(47, 52, 59, 0.5); }
  #deleteAppointment .modal-body {
    text-align: center;
    padding: 60px 30px; }
    #deleteAppointment .modal-body .ing {
      font-size: 40px; }
    #deleteAppointment .modal-body h3 {
      margin: 0;
      color: #505050; }
    #deleteAppointment .modal-body p {
      font-size: 16px;
      margin: 5px 0 30px;
      color: #505050; }
    #deleteAppointment .modal-body .btn {
      font-size: 13px;
      padding: 9px 14px;
      margin: 0 7px; }
  #deleteAppointment .modal-footer {
    border: none; }

.datepicker-popup .btn-group .btn-info {
  color: #00a2c2 !important;
  background-color: transparent !important;
  border: 1px solid #00a2c2 !important;
  margin-right: 5px !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important; }
  .datepicker-popup .btn-group .btn-info:hover {
    color: #fff !important;
    background-color: #008da9 !important;
    border: 1px solid #008da9 !important; }
  .datepicker-popup .btn-group .btn-info:focus {
    color: #fff !important;
    background-color: #008da9 !important;
    border: 1px solid #008da9 !important; }
  .datepicker-popup .btn-group .btn-info:active:hover {
    color: #fff !important;
    background-color: #007187 !important;
    border: 1px solid #007187 !important; }

.datepicker-popup .btn-group .btn-danger {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important; }

.datepicker-popup .active {
  color: #fff;
  background-color: #00A2C2 !important;
  border-color: #008da9 !important; }
  .datepicker-popup .active:hover {
    color: #fff;
    background-color: #00778f !important;
    border-color: #005a6b !important; }
  .datepicker-popup .active span {
    color: #fff !important; }

ul.list-menu-imoveis-roteiro.as-sortable-drag {
  width: auto !important;
  height: 94px !important; }
  ul.list-menu-imoveis-roteiro.as-sortable-drag > li {
    border: 1px solid #dedede;
    width: 485px;
    height: 92px;
    border-radius: 0;
    background: #fff;
    margin: 0; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .wrapper-timepicker {
      padding-top: 5px; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .label-horario {
      float: left;
      margin: 30px 15px 0 10px; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .timepicker-roteiro-imoveis table td .form-control {
      width: 85%;
      margin: 0 auto; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .timepicker-roteiro-imoveis table .btn.btn-link {
      font-size: 12px;
      padding: 2px 10px;
      margin: 0;
      cursor: pointer;
      color: #dedede; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li p.referencia-carrinho {
      float: left;
      margin: 35px 0 0 0;
      font-size: 14px;
      font-weight: 700; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li i.ing-times {
      font-size: 1em;
      float: right;
      color: #dedede;
      margin: 10px 10px 0 0;
      cursor: pointer; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li p.carrinho-imoveis-vazio {
      width: 300px;
      font-size: 1.2em;
      line-height: 1.2em;
      color: #222222;
      text-align: center; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .sortable-item-handle {
      height: 92px; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .sortable-item-handle:hover {
      background: url(../../admin/img/sortable.gif) 140px 10px no-repeat; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .miniatura-carrinho {
      background-position: center center;
      background-repeat: no-repeat;
      float: left;
      width: 130px;
      height: 90px;
      background-color: #dedede;
      background-size: cover; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .numero-ordem {
      position: absolute;
      top: 0;
      background: #000;
      padding: 2px 8px 6px;
      margin: 0;
      border-bottom-right-radius: 10px;
      font-size: 16px;
      color: #FFF; }
    ul.list-menu-imoveis-roteiro.as-sortable-drag > li .imovel-sem-photo {
      position: relative;
      font-size: 35px;
      color: #FFF;
      text-align: center;
      padding: 12px 0;
      width: 130px;
      height: 90px;
      background: #dedede;
      display: block;
      font-size: 1.8em;
      float: left; }
      ul.list-menu-imoveis-roteiro.as-sortable-drag > li .imovel-sem-photo i.fa-camera {
        font-size: 1.3em;
        line-height: 2;
        color: #676767;
        text-align: center; }

.system #content .form-footer button,
.system #content #navbar-submit button,
.new-appointment .footer-appointment .btn {
  font-size: 13px;
  padding: 9px 14px;
  margin: 0 7px;
  line-height: 1.42857;
  font-weight: 700; }

.system #content #navbar-submit button#Reset, .btn-default {
  color: #676767 !important; }

.system #content .btn.btn-outline-success.green {
  background: #FFF !important;
  border-color: #65ba61 !important;
  color: #65ba61 !important;
  border-radius: 20px;
  font-weight: 700; }
  .system #content .btn.btn-outline-success.green:hover {
    background-color: #65ba61 !important;
    color: #FFF !important; }

#fancybox-inner h1.title-padrao {
  font-size: 24px;
  letter-spacing: -1px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #808080;
  text-align: center; }

.btn-tempo-atendimento {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background: #00a2c2; }
  .btn-tempo-atendimento.escapando {
    background: #e24a54; }

h2.title span {
  vertical-align: middle; }

.system #content #contentRede ul ul {
  padding-left: 20px;
  list-style: none; }

/*ajust bug opacity chrome */
#fancybox-overlay, #PhotoViewerBack {
  background-color: rgba(0, 0, 0, 0.3) !important;
  opacity: 1 !important; }

#header, #header .container-fluid {
  overflow: initial; }

/* date scheduling and time scheduling angular directives*/
.datepicker-popup ul.dropdown-menu, .timepicker-popup ul.dropdown-menu {
  padding: 5px;
  background-color: #f8f8f8; }
  .datepicker-popup ul.dropdown-menu .btn-sm, .timepicker-popup ul.dropdown-menu .btn-sm {
    font-size: 0.8em;
    padding: 5px 14px; }

.datepicker-popup .form-control[disabled], .timepicker-popup .form-control[disabled] {
  opacity: 0.65; }

.text-capitalize {
  text-transform: capitalize !important; }

.timepicker-popup button.btn {
  display: block;
  width: 100%;
  padding: 0 14px;
  height: 34px;
  line-height: 34px;
  text-align: left;
  color: #555;
  font-weight: normal; }
  .timepicker-popup button.btn i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    line-height: 32px;
    border: inherit;
    font-size: 15px; }

.timepicker-popup .dropdown-menu {
  min-width: 115px; }
  .timepicker-popup .dropdown-menu .btn {
    padding: 0 14px;
    height: 30px;
    line-height: 30px; }

#divPerfisCliente > ul a {
  padding: 7px 5px 7px 2px; }

#divPerfisCliente > ul span,
#divPerfisCliente > ul .btnDuplicarPerfil {
  cursor: pointer;
  color: #454545; }
  #divPerfisCliente > ul span:hover,
  #divPerfisCliente > ul .btnDuplicarPerfil:hover {
    color: #00A2C2; }
  #divPerfisCliente > ul span.ui-icon-close,
  #divPerfisCliente > ul .btnDuplicarPerfil.ui-icon-close {
    font-weight: 600;
    text-indent: 0;
    line-height: 16px;
    background: none;
    text-align: center;
    text-transform: lowercase; }

#divPerfisCliente > ul .btnDuplicarPerfil {
  float: left;
  padding: 4px;
  line-height: 28px; }

#divPerfisCliente.no-edit > ul a {
  padding: 7px 10px; }

.v-hidden {
  visibility: hidden; }

.marcador-lock {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  margin: 0 8px 0 0;
  color: #1c7e57;
  text-align: center;
  cursor: pointer;
  visibility: hidden; }
  .marcador-lock.lock {
    color: #676767; }

.marcadores-config .formInputAdd {
  margin-bottom: 30px; }
  .marcadores-config .formInputAdd .btn {
    font-size: 13px; }
    .marcadores-config .formInputAdd .btn .ing {
      font-size: 10px;
      vertical-align: baseline; }
  .marcadores-config .formInputAdd .text-danger {
    visibility: hidden; }
  .marcadores-config .formInputAdd.has-error .text-danger {
    visibility: visible; }

.container-marcadores {
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d4d4d4;
  overflow: hidden; }
  .container-marcadores.lock-config .marcador-item {
    padding: 6px 8px; }
  .container-marcadores .marcador-item {
    float: left;
    height: 34px;
    background: #ebf5ff;
    border: 1px solid #ccdceb;
    border-radius: 2px;
    margin: 0 10px 10px 0;
    padding: 6px 8px 6px 28px; }
    .container-marcadores .marcador-item:hover .marcador-close {
      visibility: visible; }
    .container-marcadores .marcador-item .marcador-close {
      line-height: 22px;
      padding: 0;
      color: #9bcbfd;
      cursor: pointer;
      visibility: hidden;
      margin: 0 0 0 6px;
      vertical-align: middle; }
    .container-marcadores .marcador-item .gutter-motivo-inativacao {
      display: inline-block;
      width: 22px; }
    .container-marcadores .marcador-item .marcador-text {
      cursor: pointer;
      border: none;
      font-weight: normal; }
    .container-marcadores .marcador-item .editable-container.editable-inline {
      height: 22px;
      vertical-align: baseline; }
    .container-marcadores .marcador-item .editable-input {
      vertical-align: super; }
      .container-marcadores .marcador-item .editable-input input {
        padding: 0 5px;
        height: 22px;
        font-size: 15px;
        box-shadow: none; }
    .container-marcadores .marcador-item .editable-buttons {
      margin: 0 0 0 4px;
      font-size: 0; }
      .container-marcadores .marcador-item .editable-buttons .btn {
        padding: 0 5px 1px;
        margin: 0 3px; }
        .container-marcadores .marcador-item .editable-buttons .btn .ing {
          font-size: 10px;
          vertical-align: middle; }
    .container-marcadores .marcador-item .editableform .has-error {
      position: relative; }
      .container-marcadores .marcador-item .editableform .has-error .editable-error-block {
        position: absolute;
        background-color: #f2dede;
        border: 1px solid #ebcccc;
        color: #a94442;
        padding: 0 5px; }
  .container-marcadores label {
    font-weight: normal; }
  .container-marcadores.loading {
    opacity: 0.5; }

.new-bootbox .modal-body {
  text-align: center; }
  .new-bootbox .modal-body .ing {
    font-size: 40px; }
  .new-bootbox .modal-body h3 {
    color: #505050;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px; }
  .new-bootbox .modal-body p {
    font-size: 16px;
    margin: 5px 0;
    color: #505050; }
  .new-bootbox .modal-body .container-marcadores-deletados {
    padding: 15px 0; }

.new-bootbox .modal-footer {
  padding: 0 0 36px;
  margin: 0;
  border: none;
  text-align: center; }
  .new-bootbox .modal-footer .btn {
    font-size: 13px;
    padding: 9px 14px;
    margin: 0 7px; }

.bootboxMakers .modal-body {
  position: initial !important; }

.bootboxMakers .modal-content, .bootboxMakers .modal-body {
  padding: 0; }

.bootboxMakers .modal-dialog {
  width: 65% !important;
  min-width: 600px !important; }
  .bootboxMakers .modal-dialog .content-marcadores {
    position: relative;
    width: 575px;
    margin: 0 auto; }
    .bootboxMakers .modal-dialog .content-marcadores h4 {
      text-align: center;
      font-size: 24px;
      margin: 40px 0 55px; }
    .bootboxMakers .modal-dialog .content-marcadores .formInputAdd {
      margin-bottom: 30px; }
      .bootboxMakers .modal-dialog .content-marcadores .formInputAdd .btn {
        font-size: 13px; }
        .bootboxMakers .modal-dialog .content-marcadores .formInputAdd .btn .ing {
          font-size: 10px;
          vertical-align: baseline; }
      .bootboxMakers .modal-dialog .content-marcadores .formInputAdd .text-danger {
        visibility: hidden; }
      .bootboxMakers .modal-dialog .content-marcadores .formInputAdd.has-error .text-danger {
        visibility: visible; }
    .bootboxMakers .modal-dialog .content-marcadores .container-marcadores {
      border: none;
      margin-bottom: 15px; }
      .bootboxMakers .modal-dialog .content-marcadores .container-marcadores .marcador-item {
        font-size: 14px;
        color: #333; }
      .bootboxMakers .modal-dialog .content-marcadores .container-marcadores.gray .marcador-item {
        display: none;
        background: #e9e9e9;
        border-color: #d6d6d6; }
        .bootboxMakers .modal-dialog .content-marcadores .container-marcadores.gray .marcador-item .marcador-lock {
          cursor: default; }
    .bootboxMakers .modal-dialog .content-marcadores .showMakers {
      display: none; }
  .bootboxMakers .modal-dialog .modal-footer {
    display: none;
    text-align: center;
    padding: 0 0 50px;
    border: none;
    margin: 0; }

.bootboxMakers .loading-marcadores {
  position: absolute;
  top: 118px;
  left: 50%;
  display: none; }

.bootboxMakers .spinner-horizontal .loader,
.bootboxMakers .spinner-horizontal .loader:before,
.bootboxMakers .spinner-horizontal .loader:after {
  border-radius: 100%;
  color: #00A2C2;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out; }

.bootboxMakers .spinner-horizontal .loader {
  font-size: 6px;
  margin: 0px auto;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.bootboxMakers .spinner-horizontal .loader:before,
.bootboxMakers .spinner-horizontal .loader:after {
  content: '';
  position: absolute;
  top: 0; }

.bootboxMakers .spinner-horizontal .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.bootboxMakers .spinner-horizontal .loader:after {
  left: 3.5em; }

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

.bootboxMakers .spinner-circle .loader {
  font-size: 20px;
  margin: 0px auto;
  position: relative;
  color: #00A2C2;
  top: 65px;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

/* Chat App */
.chat-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px; }
  @media (max-width: 767px) {
    .chat-container {
      font-size: 1rem; } }
  .chat-container *, .chat-container *:before, .chat-container *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .chat-container ol, .chat-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .chat-container a {
    color: #FFF;
    text-decoration: none; }
    .chat-container a:hover {
      color: #DEDDD9; }
  .chat-container img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0; }
  .chat-container input:focus {
    box-shadow: none;
    outline: 0; }

body .emoji-menu {
  margin-left: -21px;
  margin-top: -271px;
  width: 273px;
  z-index: 9999; }
  body .emoji-menu .emoji-menu-tab:hover {
    cursor: pointer; }
  @media (max-width: 767px) {
    body .emoji-menu {
      width: 100%; } }

.media-contact {
  display: table;
  position: relative;
  zoom: 1; }
  .media-contact.has-block, .media-contact.has-deleting {
    opacity: 0.65; }
  .media-contact img {
    border-radius: 100%; }
  .media-contact .media-contact-left {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px; }
  .media-contact .media-contact-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right; }
  .media-contact .media-contact-body {
    display: table-cell;
    vertical-align: middle;
    width: 10000px;
    zoom: 1; }
  .media-contact .media-contact-block {
    display: table-cell;
    vertical-align: middle; }
  .media-contact .media-contact-title {
    font-size: 15px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0; }
  .media-contact .media-contact-text {
    font-size: 12px;
    display: block;
    color: #cccccc; }
    .media-contact .media-contact-text.is-typing {
      opacity: 0.5; }
      .media-contact .media-contact-text.is-typing.is-typing-active {
        opacity: 1;
        color: #00a2c2; }
  .media-contact .contact-photo .icon-img {
    position: relative;
    border-radius: 100%; }
  .media-contact .contact-photo .chat-status-indicator {
    text-align: center;
    position: absolute;
    left: -3px;
    bottom: -3px; }
  .media-contact.media-lg {
    padding-top: 10px;
    padding-bottom: 10px; }
    .media-contact.media-lg .media-contact-title {
      font-size: 18px; }
    .media-contact.media-lg .media-contact-left {
      padding-top: 5px;
      padding-bottom: 5px; }
    .media-contact.media-lg .chat-status-indicator, .media-contact.media-lg .chat-badge {
      height: 16px;
      width: 16px; }
    .media-contact.media-lg .chat-badge {
      line-height: 16px; }
      .media-contact.media-lg .chat-badge.bottom-right {
        bottom: 0px; }
    .media-contact.media-lg .media-contact-text {
      font-size: 14px; }
    .media-contact.media-lg .contact-photo {
      width: 60px;
      height: 60px; }
      .media-contact.media-lg .contact-photo .icon-img {
        min-width: 60px;
        min-height: 60px;
        background-color: #E0E0E0; }

.icon-img {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin: auto; }
  .icon-img.icon-user-chat {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-user-chat.png");
    width: 110px;
    height: 110px;
    background-size: contain; }
  .icon-img.icon-single-user {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-single-user.png");
    background-size: cover;
    width: 40px;
    height: 40px; }
  .icon-img.icon-group {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-group.png");
    background-size: cover;
    width: 40px;
    height: 40px; }
  .icon-img.icon-disconnected {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-disconnected.png");
    background-size: contain;
    width: 110px;
    height: 110px; }
  .icon-img.icon-not-found {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-not-found.png");
    background-size: contain;
    width: 110px;
    height: 110px; }
  .icon-img.icon-change-status {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-change-status.png");
    background-size: contain;
    width: 110px;
    height: 110px; }
  .icon-img.icon-radar {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-radar.png");
    background-size: contain;
    width: 110px;
    height: 110px; }
  .icon-img.icon-first-chat {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-first-chat.png");
    width: 110px;
    height: 110px;
    background-size: contain; }
  .icon-img.icon-gears {
    background-image: url("https://chat.ingaia.com.br/assets/img/icon-gears.png");
    width: 110px;
    height: 110px;
    background-size: contain; }

.chat-badge {
  border-radius: 100%;
  position: absolute;
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 10px;
  text-align: center;
  background-color: #818282;
  text-align: center;
  color: #fff;
  animation-name: ChatBounceIn;
  animation-duration: 0.75s; }
  .chat-badge.top-left {
    left: 0;
    top: -4px; }
  .chat-badge.top-right {
    right: 0;
    top: -4px; }
  .chat-badge.bottom-left {
    left: 0;
    bottom: -4px; }
  .chat-badge.bottom-right {
    right: 0;
    bottom: -4px; }
  .chat-badge.middle-right {
    top: 0;
    bottom: 0;
    right: 6px;
    margin: auto; }
  .chat-badge.middle-left {
    top: 0;
    bottom: 0;
    left: 6px;
    margin: auto; }
  .chat-badge.badge-secondary {
    background-color: #00a2c2; }
  .chat-badge.badge-danger {
    background-color: #F9525D; }
  .chat-badge.badge-small {
    width: 8px !important;
    height: 8px !important;
    top: -3px;
    right: -3px; }

.chat-slim-scrollbar ::-webkit-scrollbar {
  width: 8px; }

.chat-slim-scrollbar ::-webkit-scrollbar-track {
  background: #EEEEEE;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); }

.chat-slim-scrollbar ::-webkit-scrollbar-thumb {
  background: #CCC;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }
  .chat-slim-scrollbar ::-webkit-scrollbar-thumb:hover {
    background: #AAA; }
  .chat-slim-scrollbar ::-webkit-scrollbar-thumb:active {
    background: #888;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }

.chat-slim-scrollbar-dark ::-webkit-scrollbar {
  width: 8px; }

.chat-slim-scrollbar-dark ::-webkit-scrollbar-track {
  background: #181b1f;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); }

.chat-slim-scrollbar-dark ::-webkit-scrollbar-thumb {
  background: #5c6674;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }
  .chat-slim-scrollbar-dark ::-webkit-scrollbar-thumb:hover {
    background: #464d57; }
  .chat-slim-scrollbar-dark ::-webkit-scrollbar-thumb:active {
    background: #464d57;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }

.chat-context-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .chat-context-menu .context-inner-menu {
    border: 1px solid #5c6674;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #2f343b;
    font-size: 14px;
    min-width: 120px;
    border-radius: 2px; }
    .chat-context-menu .context-inner-menu li a {
      padding: 10px;
      display: block;
      text-decoration: none;
      color: #FFF; }
      .chat-context-menu .context-inner-menu li a:hover {
        background-color: #181b1f; }
    .chat-context-menu .context-inner-menu li.disabled {
      display: none; }
      .chat-context-menu .context-inner-menu li.disabled a {
        cursor: default;
        opacity: 0.5; }

body.context-menu-opened {
  overflow-x: hidden; }

.chat-popover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: auto;
  min-width: 230px;
  max-width: 250px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #181b1f;
  color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto; }
  .chat-popover.fade {
    opacity: 0;
    transition: opacity 0.15s linear; }
    .chat-popover.fade.in {
      opacity: 1; }
  .chat-popover > .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px; }
    .chat-popover > .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      content: "";
      border-width: 10px; }
  .chat-popover.top {
    border-top: 3px solid #00a2c2;
    margin-top: -10px; }
    .chat-popover.top > .arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: #999;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
      .chat-popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #181b1f;
        border-bottom-width: 0; }
  .chat-popover.right {
    border-right: 3px solid #00a2c2;
    margin-left: 10px; }
    .chat-popover.right > .arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: #999;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
      .chat-popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #181b1f;
        border-left-width: 0; }
  .chat-popover.bottom {
    border-bottom: 3px solid #00a2c2;
    margin-top: 10px; }
    .chat-popover.bottom > .arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: #999;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
      .chat-popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #181b1f; }
  .chat-popover.left {
    border-left: 3px solid #00a2c2;
    margin-left: -10px; }
    .chat-popover.left > .arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: #999;
      border-left-color: rgba(0, 0, 0, 0.25); }
      .chat-popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #181b1f; }
  .chat-popover .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #2f343b;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0; }
  .chat-popover .popover-content {
    padding: 9px 14px; }
  .chat-popover .media-contact {
    display: block;
    padding: 5px 12px;
    max-width: 275px; }
    .chat-popover .media-contact.media-lg {
      padding-top: 10px;
      padding-bottom: 10px;
      max-width: 275px; }
    .chat-popover .media-contact .contact-photo {
      position: relative; }
      .chat-popover .media-contact .contact-photo .chat-badge.bottom-left, .chat-popover .media-contact .contact-photo .chat-status-indicator {
        left: 0px; }
  .chat-popover .chat-contact-list {
    padding-left: 0;
    margin: 0;
    max-height: 270px;
    overflow: hidden;
    overflow-y: auto; }
    .chat-popover .chat-contact-list li:hover {
      background-color: #2f343b; }
    .chat-popover .chat-contact-list li:last-child {
      margin-bottom: 0; }
    .chat-popover .chat-contact-list li.has-unread {
      border-left: 0; }
    .chat-popover .chat-contact-list li img, .chat-popover .chat-contact-list li .icon-img {
      width: 40px;
      height: 40px; }
    .chat-popover .chat-contact-list li .chat-popover-close {
      position: absolute;
      right: 5px;
      top: 0;
      bottom: 0;
      height: 18px;
      margin: auto;
      color: #00A2C2; }
      .chat-popover .chat-contact-list li .chat-popover-close:hover {
        cursor: pointer;
        color: #00778f; }
    .chat-popover .chat-contact-list .chat-badge.middle-right {
      display: block;
      right: 25px; }

.chat-status-indicator {
  border-radius: 50%;
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); }
  .chat-status-indicator.online {
    background: #3BA36E; }
  .chat-status-indicator.offline {
    background: #A0AAAB; }
  .chat-status-indicator.busy {
    background: #F9525D; }
  .chat-status-indicator.away {
    background: #FAA732;
    border: 1px solid #f39106; }

/* Emoji Picker */
.chat-container {
  display: block !important;
  /* Every thing below this is just positioning */
  /* Download icon (for doc files)*/ }

@keyframes ChatFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes ChatFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes ChatFadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes ChatFadeOutLeft {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes ChatFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes ChatSlideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes ChatSlideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

@keyframes ChatSlideInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes ChatSlideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

@keyframes ChatSlideOutRight {
  from {
    right: 0; }
  to {
    right: -100%; } }

@keyframes ChatSlideInRight {
  from {
    right: -100%;
    visibility: visible; }
  to {
    right: 0; } }

@keyframes ChatSlideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes ChatSlideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

@keyframes ChatBounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
  .chat-container .bounce-in {
    animation-name: ChatBounceIn;
    animation-duration: 0.75s; }

@keyframes ChatBouncing {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-3px); } }

@keyframes colorPulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.8; } }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }

@keyframes ChatCallAttention {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
  .chat-container .call-attention {
    -webkit-animation-name: ChatCallAttention;
    animation-name: ChatCallAttention;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  .chat-container .slide-in-up {
    -webkit-animation: ChatSlideInUp 0.3s;
    -moz-animation: ChatSlideInUp 0.3s;
    -ms-animation: ChatSlideInUp 0.3s;
    -o-animation: ChatSlideInUp 0.3s;
    animation: ChatSlideInUp 0.3s; }
  .chat-container .slide-out-up {
    -webkit-animation: ChatSlideOutUp 0.2s;
    -moz-animation: ChatSlideOutUp 0.2s;
    -ms-animation: ChatSlideOutUp 0.2s;
    -o-animation: ChatSlideOutUp 0.2s;
    animation: ChatSlideOutUp 0.2s; }
  .chat-container .slide-in-down:not(.ng-hide) {
    -webkit-animation: ChatSlideInDown 0.2s;
    -moz-animation: ChatSlideInDown 0.2s;
    -ms-animation: ChatSlideInDown 0.2s;
    -o-animation: ChatSlideInDown 0.2s;
    animation: ChatSlideInDown 0.2s; }
  .chat-container .slide-in-down.ng-hide {
    display: none; }
  .chat-container .fade-in:not(.ng-hide) {
    -webkit-animation: ChatFadeIn 0.5s;
    -moz-animation: ChatFadeIn 0.5s;
    -ms-animation: ChatFadeIn 0.5s;
    -o-animation: ChatFadeIn 0.5s;
    animation: ChatFadeIn 0.5s; }
  .chat-container .fade-in.ng-hide {
    display: none; }
  .chat-container .fade-in-down:not(.ng-hide) {
    -webkit-animation: ChatFadeInDown 0.2s;
    -moz-animation: ChatFadeInDown 0.2s;
    -ms-animation: ChatFadeInDown 0.2s;
    -o-animation: ChatFadeInDown 0.2s;
    animation: ChatFadeInDown 0.2s; }
  .chat-container .fade-in-down.ng-hide {
    display: none; }
  .chat-container .slide-out-down {
    -webkit-animation: ChatSlideOutDown 0.3s;
    -moz-animation: ChatSlideOutDown 0.3s;
    -ms-animation: ChatSlideOutDown 0.3s;
    -o-animation: ChatSlideOutDown 0.3s;
    animation: ChatSlideOutDown 0.3s; }
  .chat-container .slide-out-right {
    -webkit-animation: ChatSlideOutRight 0.3s;
    -moz-animation: ChatSlideOutRight 0.3s;
    -ms-animation: ChatSlideOutRight 0.3s;
    -o-animation: ChatSlideOutRight 0.3s;
    animation: ChatSlideOutRight 0.3s; }
  .chat-container .slide-in-right:not(.ng-hide) {
    -webkit-animation: ChatFadeInRight 0.3s;
    -moz-animation: ChatFadeInRight 0.3s;
    -ms-animation: ChatFadeInRight 0.3s;
    -o-animation: ChatFadeInRight 0.3s;
    animation: ChatFadeInRight 0.3s; }
  .chat-container .slide-in-right.ng-hide {
    display: none; }
  .chat-container .slide-in-left:not(.ng-hide) {
    -webkit-animation: ChatFadeInLeft 0.3s;
    -moz-animation: ChatFadeInLeft 0.3s;
    -ms-animation: ChatFadeInLeft 0.3s;
    -o-animation: ChatFadeInLeft 0.3s;
    animation: ChatFadeInLeft 0.3s; }
  .chat-container .slide-in-left.ng-hide {
    display: none; }
  .chat-container .slide-out-left:not(.ng-hide) {
    -webkit-animation: ChatSlideOutLeft 0.3s;
    -moz-animation: ChatSlideOutLeft 0.3s;
    -ms-animation: ChatSlideOutLeft 0.3s;
    -o-animation: ChatSlideOutLeft 0.3s;
    animation: ChatSlideOutLeft 0.3s; }
  .chat-container .slide-out-left.ng-hide {
    display: none; }
  .chat-container .animate-chat.ng-enter.me {
    -webkit-animation: ChatFadeInRight 0.3s;
    -moz-animation: ChatFadeInRight 0.3s;
    -ms-animation: ChatFadeInRight 0.3s;
    -o-animation: ChatFadeInRight 0.3s;
    animation: ChatFadeInRight 0.3s; }
  .chat-container .animate-chat.ng-enter.user {
    -webkit-animation: ChatFadeInLeft 0.3s;
    -moz-animation: ChatFadeInLeft 0.3s;
    -ms-animation: ChatFadeInLeft 0.3s;
    -o-animation: ChatFadeInLeft 0.3s;
    animation: ChatFadeInLeft 0.3s; }
  .chat-container .animate-chat.ng-leave {
    display: none; }
  .chat-container .bouncing {
    -webkit-animation: ChatBouncing 0.3s infinite alternate;
    animation: ChatBouncing 0.3s infinite alternate; }
  .chat-container .bounce-in {
    animation-name: ChatBounceIn;
    animation-duration: .75s; }
  .chat-container .chat-loading-dots {
    text-align: center; }
    .chat-container .chat-loading-dots span {
      display: inline-block;
      vertical-align: middle;
      width: 5px;
      height: 5px;
      margin: 0px;
      opacity: 0.5;
      background: #CCC;
      border-radius: 50%; }
    .chat-container .chat-loading-dots.animate span {
      opacity: 1;
      background: #3BA36E;
      animation: ChatBouncing 0.4s infinite alternate; }
      .chat-container .chat-loading-dots.animate span:nth-of-type(2) {
        animation-delay: 0.3s; }
      .chat-container .chat-loading-dots.animate span:nth-of-type(3) {
        animation-delay: 0.6s; }
  .chat-container .switch {
    background: #B2B4B3;
    border: 1px solid #B2B4B3;
    position: relative;
    top: -1px;
    display: inline-block;
    box-sizing: content-box;
    overflow: visible;
    width: 40px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: #dfdfdf 0px 0px 0px 0px inset;
    transition: 0.3s ease-out all; }
    .chat-container .switch.wide {
      width: 80px; }
    .chat-container .switch small {
      background: #fff;
      border-radius: 100%;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      width: 22px;
      height: 22px;
      position: absolute;
      top: -3px;
      left: -1px;
      transition: 0.3s ease-out all; }
    .chat-container .switch.checked {
      background: #EFEFEF;
      border-color: #EFEFEF; }
      .chat-container .switch.checked small {
        background: #00a2c2;
        left: 20px; }
    .chat-container .switch.wide.checked small {
      left: 52px; }
    .chat-container .switch .switch-text {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px; }
    .chat-container .switch .switch-flag {
      float: right;
      font-size: 9px;
      margin-top: 3px;
      margin-right: 4px;
      color: #FFF; }
    .chat-container .switch .off {
      display: block;
      position: absolute;
      right: 10%;
      top: 25%;
      z-index: 0;
      color: #A9A9A9; }
    .chat-container .switch .on {
      display: none;
      z-index: 0;
      color: #fff;
      position: absolute;
      top: 25%;
      left: 9%; }
    .chat-container .switch.checked .off {
      display: none; }
    .chat-container .switch.checked .on {
      display: block; }
    .chat-container .switch.checked .switch-flag {
      float: left;
      margin-left: 4px;
      color: #00a2c2; }
    .chat-container .switch.disabled {
      opacity: 0.5;
      cursor: not-allowed; }
    .chat-container .switch .checker {
      display: none !important; }
  .chat-container .chat-sidebar {
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.5);
    background-color: #2f343b;
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 250px;
    min-height: 360px;
    font-size: 15px;
    background-color: #2f343b;
    color: #DEDDD9;
    transition: right 0.4s ease;
    max-width: 300px;
    right: -100%; }
    @media (max-width: 767px) {
      .chat-container .chat-sidebar {
        width: 100%; } }
    .chat-container .chat-sidebar.open {
      right: 0; }
    .chat-container .chat-sidebar .chat-loader .chat-loader-svg.first .chat-loader-circle {
      fill: #2f343b; }
    .chat-container .chat-sidebar .chat-toaster {
      width: 95%;
      margin: 10px auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: initial; }
    .chat-container .chat-sidebar .chat-sidebar-wrapper {
      position: relative;
      height: 100%; }
      .chat-container .chat-sidebar .chat-sidebar-wrapper .media-contact .chat-message-date {
        display: none;
        color: #7d7d7d;
        position: absolute;
        right: 5px;
        bottom: 2px;
        font-size: 10px; }
      .chat-container .chat-sidebar .chat-sidebar-wrapper .media-contact:hover .chat-message-date {
        display: block; }
      .chat-container .chat-sidebar .chat-sidebar-wrapper .create-group-input {
        border-top: 0;
        border-right: 0;
        border-left: 0; }
      .chat-container .chat-sidebar .chat-sidebar-wrapper .search-wrapper {
        position: relative;
        z-index: 2;
        background-color: #181b1f; }
        .chat-container .chat-sidebar .chat-sidebar-wrapper .search-wrapper .search-input {
          height: 45px;
          border: 0;
          font-size: 14px;
          border-bottom: 1px solid #8F9297; }
      .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-header {
        background-color: #181b1f;
        float: left;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #8F9297;
        height: 54px; }
      .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-body {
        clear: both;
        position: relative;
        height: 100%;
        padding-bottom: 104px; }
        .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-body .chat-tab-body {
          border-bottom: 1px solid #8F9297; }
      .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer {
        position: absolute;
        width: 100%;
        bottom: -1px;
        text-align: center;
        box-shadow: 0px -1px 2px #181b1f;
        background-color: #2f343b; }
        .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-button-group {
          padding: 10px; }
        .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-dropdown {
          float: none;
          vertical-align: middle; }
          .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-dropdown .button-group > button {
            color: #b3b3b3;
            line-height: 24px;
            font-size: 18px;
            padding: 12px;
            background: transparent; }
            .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-dropdown .button-group > button:hover {
              background-color: #2f343b; }
            .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-dropdown .button-group > button.dropdown-display {
              text-align: left;
              padding-left: 20px; }
          .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-dropdown .dropdown-button {
            text-decoration: none; }
        .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar {
          width: 100%;
          margin: 0;
          display: table;
          background-color: #181b1f; }
          .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li {
            float: none;
            display: table-cell;
            vertical-align: middle;
            color: #b3b3b3;
            border-top: 1px solid #8a8585; }
            .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li > a {
              color: #b3b3b3; }
            .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li.active {
              color: #FFF;
              border-top: none; }
              .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li.active > a {
                color: #FFF;
                border-bottom: 3px solid #00a2c2;
                background: #2f343b; }
              .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li.active .chat-dropdown {
                border-top: 1px solid #181b1f;
                box-shadow: 0px -1px 1px #181b1f; }
                .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li.active .chat-dropdown .button-group > button {
                  color: #FFF;
                  background-color: #2f343b; }
                .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li.active .chat-dropdown .show button {
                  background: #2f343b; }
                  .chat-container .chat-sidebar .chat-sidebar-wrapper .chat-sidebar-footer .chat-navbar > li.active .chat-dropdown .show button.dropdown-button {
                    color: #00a2c2; }
    .chat-container .chat-sidebar .chat-version {
      float: right;
      margin: 5px;
      font-size: 10px;
      color: #b2b4b3; }
    .chat-container .chat-sidebar .full-height {
      height: 100%;
      clear: both;
      position: relative; }
    @media (min-width: 768px) {
      .chat-container .chat-sidebar.sidebar-condensed {
        z-index: 1100;
        width: 275px;
        overflow: hidden;
        font-size: 14px;
        box-shadow: 0px 0 4px rgba(0, 0, 0, 0.5);
        margin-right: 15px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    .chat-container .chat-sidebar.sidebar-condensed.open {
      right: 0;
      margin-right: 0; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .chat-container .chat-sidebar.sidebar-condensed {
      top: auto !important;
      height: 375px; } }
    @media (min-width: 768px) {
        .chat-container .chat-sidebar.sidebar-condensed.closed {
          right: 0 !important;
          top: auto !important;
          height: 45px;
          min-height: initial; } }
    @media (min-width: 768px) and (max-width: 767px) {
      .chat-container .chat-sidebar.sidebar-condensed.closed {
        width: auto;
        min-width: initial; } }
    @media (min-width: 768px) {
          .chat-container .chat-sidebar.sidebar-condensed.closed .chat-sidebar-body, .chat-container .chat-sidebar.sidebar-condensed.closed .chat-sidebar-footer, .chat-container .chat-sidebar.sidebar-condensed.closed .chat-navbar ul > li > a:not(.chat-toggle), .chat-container .chat-sidebar.sidebar-condensed.closed .chat-offline {
            display: none; }
        .chat-container .chat-sidebar.sidebar-condensed .content-placeholder-item .animated-background {
          height: 35px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-badge {
          width: 15px;
          height: 15px;
          line-height: 15px;
          font-size: 8px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-header {
          height: 45px; }
          .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-header.chat-navbar {
            font-size: 13px; }
            .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-header.chat-navbar .chat-navbar-brand {
              font-size: 14px; }
            .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-header.chat-navbar a {
              line-height: 18px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-body {
          padding-bottom: 88px; }
          .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-body .chat-tab-content .chat-tab-body {
            padding: 8px 12px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-footer .chat-dropdown .button-group .dropdown-display {
          padding-left: 15px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-sidebar-footer .chat-dropdown .button-group > button {
          line-height: 20px;
          padding: 10px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .chat-tab-list .chat-tab-list-item {
          padding: 10px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .contact-photo, .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .contact-photo .icon-img {
          width: 35px;
          height: 35px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .media-contact .media-contact-title {
          font-size: 14px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .media-contact .media-contact-text {
          font-size: 12px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-sidebar-wrapper .media-contact .chat-message-date {
          font-size: 10px;
          bottom: 1px; }
        .chat-container .chat-sidebar.sidebar-condensed .chat-popover .media-contact-left {
          display: none !important; } }
  .chat-container .chat-toggle-tab {
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 60px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 1.25rem;
    background: #2f343b;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }
    .chat-container .chat-toggle-tab .chat-badge {
      top: 6px;
      right: 6px; }
  .chat-container .search-config {
    padding: 10px 15px;
    float: left;
    width: 100%;
    border-top: 1px solid #8F9297;
    border-bottom: 1px solid #8F9297; }
    .chat-container .search-config strong {
      display: block;
      margin-bottom: 5px; }
    .chat-container .search-config label {
      float: left;
      width: 50%;
      margin-left: -1px; }
      .chat-container .search-config label input[type="checkbox"] {
        width: 15px;
        height: 15px;
        vertical-align: middle;
        cursor: pointer; }
  .chat-container .chat-panel.chat-sidebar {
    overflow: hidden;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    right: 0 !important;
    left: 0 !important;
    bottom: -1px;
    height: 100%;
    width: 100% !important;
    margin: auto;
    max-width: 100% !important;
    box-shadow: 0px 0 4px rgba(255, 255, 255, 0.5);
    border: 1px solid #8F9297; }
    .chat-container .chat-panel.chat-sidebar.closed {
      top: auto;
      right: 15px;
      height: 45px;
      min-height: initial; }
      .chat-container .chat-panel.chat-sidebar.closed:hover {
        opacity: 1; }
      .chat-container .chat-panel.chat-sidebar.closed .chat-sidebar-body {
        display: none; }
      .chat-container .chat-panel.chat-sidebar.closed .chat-panel-body, .chat-container .chat-panel.chat-sidebar.closed .chat-panel-footer, .chat-container .chat-panel.chat-sidebar.closed .chat-navbar ul > li > a:not(.chat-toggle) {
        display: none; }
    .chat-container .chat-panel.chat-sidebar .chat-tab-content {
      height: 100%; }
    .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-sidebar-header {
      height: 45px; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-sidebar-header:hover {
        cursor: pointer; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-sidebar-header.chat-navbar .chat-navbar-brand:hover {
        background-color: inherit !important;
        cursor: pointer; }
    .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-sidebar-body {
      padding-bottom: 0; }
    .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-navbar ul > li > a, .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-navbar .chat-navbar > li > a {
      line-height: 18px; }
    .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-navbar .chat-navbar-brand {
      line-height: 18px;
      cursor: default; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-navbar .chat-navbar-brand:hover, .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-navbar .chat-navbar-brand:focus {
        background: #2f343b; }
    .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-popup {
      position: absolute;
      top: -45px;
      width: 100%;
      height: 100%;
      box-shadow: none;
      border: 0; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-popup .popup-action-list {
        border-bottom: 1px solid #e5e5e5;
        background: #f5f5f5;
        clear: both;
        height: 36px;
        line-height: 16px; }
        .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-popup .popup-action-list .popup-participants-counter {
          font-size: 16px; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-popup .popup-messages .direct-chat-text {
        font-size: 13px; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-popup .popup-messages .popup-messages-container {
        height: calc(100% - 37px) !important; }
    .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-panel-header {
      float: left;
      width: 100%;
      margin: 0;
      border-bottom: 1px solid #8F9297;
      height: 45px;
      line-height: 16px; }
    .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login {
      height: 100%;
      width: 100%;
      display: table; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-panel-body {
        display: table-row; }
        .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-panel-body .chat-loader-container.first .chat-loader-path {
          fill: #2f343b; }
        .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-panel-body .chat-tab-body {
          border-bottom: 1px solid #8F9297; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-panel-footer {
        width: 100%;
        height: 25%;
        display: table-cell;
        text-align: center;
        border-top: 1px solid #8F9297;
        background-color: #2f343b; }
        .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-panel-footer .chat-button-group {
          padding: 10px 15px; }
      .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-form {
        overflow: hidden;
        overflow-y: auto;
        height: 100%;
        padding: 15px; }
        .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-form .chat-form-error {
          font-size: 12px;
          color: #fb838b;
          display: block;
          margin: 2px 0; }
          @media (min-width: 768px) {
            .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-form .chat-form-error {
              font-size: 12px; } }
        .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-form .chat-form-group {
          margin-bottom: 10px; }
          .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-form .chat-form-group label {
            font-size: 14px;
            margin-bottom: 5px;
            font-weight: bold;
            display: inline-block; }
            @media (min-width: 768px) {
              .chat-container .chat-panel.chat-sidebar .chat-sidebar-wrapper .chat-form-login .chat-form .chat-form-group label {
                font-size: 12px; } }
  .chat-container .chat-popup, .chat-container .chat-popup-group {
    position: fixed;
    z-index: 1150;
    bottom: 0;
    right: -100%;
    margin-right: 15px;
    height: 375px;
    width: 275px;
    overflow: hidden;
    border: 1px solid rgba(125, 125, 125, 0.3);
    border-bottom: 0;
    box-shadow: 0px 0px 8px rgba(125, 125, 125, 0.4);
    line-height: normal;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: right .3s ease; }
    .chat-container .chat-popup.popup-enter, .chat-container .chat-popup-group.popup-enter {
      transition: top .3s ease; }
    .chat-container .chat-popup.popup-leave, .chat-container .chat-popup-group.popup-leave {
      bottom: -100%; }
    .chat-container .chat-popup.highlight, .chat-container .chat-popup-group.highlight {
      animation-name: ChatCallAttention;
      transform-origin: center bottom;
      animation-duration: 0.75s; }
      .chat-container .chat-popup.highlight .popup-head, .chat-container .chat-popup-group.highlight .popup-head {
        animation: colorPulse .3s 2;
        background-color: #515a66; }
    .chat-container .chat-popup.popup-closed, .chat-container .chat-popup-group.popup-closed {
      height: auto; }
      .chat-container .chat-popup.popup-closed .chat-popup-toggle a > .fa-angle-down:before, .chat-container .chat-popup-group.popup-closed .chat-popup-toggle a > .fa-angle-down:before {
        content: ""; }
      .chat-container .chat-popup.popup-closed .popup-messages, .chat-container .chat-popup.popup-closed .popup-messages-footer, .chat-container .chat-popup.popup-closed .chat-tab-content, .chat-container .chat-popup-group.popup-closed .popup-messages, .chat-container .chat-popup-group.popup-closed .popup-messages-footer, .chat-container .chat-popup-group.popup-closed .chat-tab-content {
        display: none; }
      .chat-container .chat-popup.popup-closed .popup-head .chat-loading-dots, .chat-container .chat-popup-group.popup-closed .popup-head .chat-loading-dots {
        display: inline-block !important;
        margin-left: 5px; }
        .chat-container .chat-popup.popup-closed .popup-head .chat-loading-dots > span, .chat-container .chat-popup-group.popup-closed .popup-head .chat-loading-dots > span {
          background: #FFF;
          width: 4px;
          height: 4px; }
    .chat-container .chat-popup.popup-on, .chat-container .chat-popup-group.popup-on {
      border-color: #00a2c2; }
      .chat-container .chat-popup.popup-on .popup-head, .chat-container .chat-popup-group.popup-on .popup-head {
        animation: colorPulse 1s 2;
        background-color: #00a2c2; }
        .chat-container .chat-popup.popup-on .popup-head .popup-head-buttons a:hover, .chat-container .chat-popup.popup-on .popup-head .popup-head-buttons a:active, .chat-container .chat-popup.popup-on .popup-head .popup-head-buttons a:focus, .chat-container .chat-popup-group.popup-on .popup-head .popup-head-buttons a:hover, .chat-container .chat-popup-group.popup-on .popup-head .popup-head-buttons a:active, .chat-container .chat-popup-group.popup-on .popup-head .popup-head-buttons a:focus {
          background-color: #00778f; }
    .chat-container .chat-popup .popup-action-list, .chat-container .chat-popup-group .popup-action-list {
      border-bottom: 1px solid #e5e5e5;
      background: #f5f5f5;
      clear: both; }
      .chat-container .chat-popup .popup-action-list .popup-participants-counter, .chat-container .chat-popup-group .popup-action-list .popup-participants-counter {
        font-size: 16px; }
      @media (min-width: 768px) {
        .chat-container .chat-popup .popup-action-list, .chat-container .chat-popup-group .popup-action-list {
          height: 36px;
          line-height: 16px; } }
      .chat-container .chat-popup .popup-action-list .popup-action-item, .chat-container .chat-popup-group .popup-action-list .popup-action-item {
        padding: 8px 10px;
        display: inline-block;
        color: #777;
        font-size: 18px;
        text-decoration: none; }
        .chat-container .chat-popup .popup-action-list .popup-action-item:hover, .chat-container .chat-popup-group .popup-action-list .popup-action-item:hover {
          color: #4d4d4d; }
        @media (max-width: 767px) {
          .chat-container .chat-popup .popup-action-list .popup-action-item, .chat-container .chat-popup-group .popup-action-list .popup-action-item {
            font-size: 1.125rem; } }
        .chat-container .chat-popup .popup-action-list .popup-action-item.disabled, .chat-container .chat-popup .popup-action-list .popup-action-item[disabled="disabled"], .chat-container .chat-popup-group .popup-action-list .popup-action-item.disabled, .chat-container .chat-popup-group .popup-action-list .popup-action-item[disabled="disabled"] {
          cursor: default;
          opacity: 0.5; }
        .chat-container .chat-popup .popup-action-list .popup-action-item i, .chat-container .chat-popup-group .popup-action-list .popup-action-item i {
          vertical-align: middle;
          display: inline-block; }
    .chat-container .chat-popup .popup-head, .chat-container .chat-popup-group .popup-head {
      background-color: #2f343b;
      float: left;
      clear: both;
      width: 100%;
      height: 45px;
      line-height: 19px;
      margin: 0; }
      .chat-container .chat-popup .popup-head.chat-navbar li > a, .chat-container .chat-popup .popup-head.chat-navbar ul > li > a, .chat-container .chat-popup-group .popup-head.chat-navbar li > a, .chat-container .chat-popup-group .popup-head.chat-navbar ul > li > a {
        line-height: 19px; }
      .chat-container .chat-popup .popup-head.chat-navbar .chat-navbar-brand, .chat-container .chat-popup-group .popup-head.chat-navbar .chat-navbar-brand {
        line-height: 20px;
        max-width: 190px;
        cursor: default;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .chat-container .chat-popup .popup-head.chat-navbar .chat-navbar-brand > i, .chat-container .chat-popup-group .popup-head.chat-navbar .chat-navbar-brand > i {
          margin-right: 5px; }
        .chat-container .chat-popup .popup-head.chat-navbar .chat-navbar-brand:hover, .chat-container .chat-popup .popup-head.chat-navbar .chat-navbar-brand:focus, .chat-container .chat-popup .popup-head.chat-navbar .chat-navbar-brand:active, .chat-container .chat-popup-group .popup-head.chat-navbar .chat-navbar-brand:hover, .chat-container .chat-popup-group .popup-head.chat-navbar .chat-navbar-brand:focus, .chat-container .chat-popup-group .popup-head.chat-navbar .chat-navbar-brand:active {
          background-color: inherit;
          color: #FFF; }
      .chat-container .chat-popup .popup-head .chat-status, .chat-container .chat-popup-group .popup-head .chat-status {
        margin-right: 5px; }
      .chat-container .chat-popup .popup-head .chat-loading-dots, .chat-container .chat-popup-group .popup-head .chat-loading-dots {
        display: none !important; }
    .chat-container .chat-popup .popup-messages, .chat-container .chat-popup-group .popup-messages {
      position: relative;
      background: #EEEEEE none repeat scroll 0 0;
      clear: both;
      height: calc(100% - 90px); }
      .chat-container .chat-popup .popup-messages .popup-messages-container, .chat-container .chat-popup-group .popup-messages .popup-messages-container {
        position: relative; }
      .chat-container .chat-popup .popup-messages .highlighted, .chat-container .chat-popup-group .popup-messages .highlighted {
        background-color: #FFFF00; }
      .chat-container .chat-popup .popup-messages .chat-loader .chat-loader-message, .chat-container .chat-popup-group .popup-messages .chat-loader .chat-loader-message {
        border-radius: 20px;
        background: #888;
        color: #FFF;
        padding: 5px 10px;
        display: inline-block; }
      .chat-container .chat-popup .popup-messages .chat-loader .chat-loader-container.first .chat-loader-path, .chat-container .chat-popup-group .popup-messages .chat-loader .chat-loader-container.first .chat-loader-path {
        fill: #EEEEEE; }
      .chat-container .chat-popup .popup-messages .direct-chat-timestamp i, .chat-container .chat-popup-group .popup-messages .direct-chat-timestamp i {
        vertical-align: middle;
        font-size: 10px; }
        .chat-container .chat-popup .popup-messages .direct-chat-timestamp i.read, .chat-container .chat-popup-group .popup-messages .direct-chat-timestamp i.read {
          color: #008da9;
          animation-name: ChatBounceIn;
          animation-duration: 1s; }
      .chat-container .chat-popup .popup-messages .chat-box-single-line, .chat-container .chat-popup-group .popup-messages .chat-box-single-line {
        border-bottom: 1px solid #a4c6b5;
        height: 12px;
        margin: 7px 0 20px;
        position: relative;
        text-align: center; }
      .chat-container .chat-popup .popup-messages .direct-chat-messages, .chat-container .chat-popup-group .popup-messages .direct-chat-messages {
        width: 100%;
        height: 248px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px;
        color: #111;
        background-image: url("https://chat.ingaia.com.br/assets/img/popup-bg.png");
        background-color: #e1e3e6;
        background-position: center;
        background-size: contain;
        box-shadow: inset 0px 3px 5px -2px #b9b9b9; }
        .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg-block, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg-block {
          float: left;
          width: 100%;
          margin-top: 6px;
          margin-bottom: 6px; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg-block.direct-chat-msg-error .direct-chat-text > div, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg-block.direct-chat-msg-error .direct-chat-text > div {
            opacity: 0.3; }
        .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg {
          margin-bottom: 0;
          position: relative; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.first, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.first {
            border: 1px solid red; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.first .direct-chat-timestamp, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.first .direct-chat-timestamp {
              display: none; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.middle, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.middle {
            border: 1px solid blue;
            margin-top: 0; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.middle .direct-chat-timestamp, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.middle .direct-chat-timestamp {
              display: none; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.middle .direct-chat-text:before, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.middle .direct-chat-text:before {
              display: none; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.last, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.last {
            border: 1px solid green;
            margin-top: 0; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.last .direct-chat-text:before, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.last .direct-chat-text:before {
              display: none; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.me, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.me {
            float: left;
            width: 100%;
            clear: both;
            -webkit-animation: ChatFadeInRight 0.3s;
            -moz-animation: ChatFadeInRight 0.3s;
            -ms-animation: ChatFadeInRight 0.3s;
            -o-animation: ChatFadeInRight 0.3s;
            animation: ChatFadeInRight 0.3s; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-img, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-img {
              right: 0;
              top: 0; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-text, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-text {
              float: right;
              border-top-right-radius: 0;
              background-color: #CECECE;
              box-shadow: -1px 1px 1px #b5b5b5; }
              .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-text:before, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-text:before {
                right: -7px;
                border-left-width: 10px;
                border-right-width: 0;
                border-left-color: #CECECE; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-timestamp, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.me .direct-chat-timestamp {
              text-align: right; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.me.direct-typing-message, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.me.direct-typing-message {
              text-align: right; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.user, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.user {
            float: left;
            width: 100%;
            clear: both;
            -webkit-animation: ChatFadeInLeft 0.3s;
            -moz-animation: ChatFadeInLeft 0.3s;
            -ms-animation: ChatFadeInLeft 0.3s;
            -o-animation: ChatFadeInLeft 0.3s;
            animation: ChatFadeInLeft 0.3s; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-img, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-img {
              left: 0;
              top: 0; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-text, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-text {
              border-top-left-radius: 0;
              margin-left: 42px; }
              .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-text:before, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-text:before {
                left: -7px;
                border-left-width: 0;
                border-right-width: 10px;
                border-right-color: #FFF; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-timestamp, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.user .direct-chat-timestamp {
              text-align: left;
              margin-left: 45px; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg.direct-typing-message .direct-chat-text, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg.direct-typing-message .direct-chat-text {
            white-space: normal;
            display: inline-block;
            padding: 5px 14px; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-msg .direct-chat-msg-error, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-msg .direct-chat-msg-error {
            color: #F9525D; }
        .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-system, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-system {
          clear: both;
          text-align: center; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-system .direct-chat-text, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-system .direct-chat-text {
            padding: 4px 8px;
            border-radius: 20px;
            display: inline-block;
            background-color: #888;
            color: #fff; }
            .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-chat-system .direct-chat-text:before, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-chat-system .direct-chat-text:before {
              display: none; }
        .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-typing-message, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-typing-message {
          height: 35px; }
        .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-typing-user, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-typing-user {
          opacity: 0.5; }
          .chat-container .chat-popup .popup-messages .direct-chat-messages .direct-typing-user.active, .chat-container .chat-popup-group .popup-messages .direct-chat-messages .direct-typing-user.active {
            opacity: 1; }
      .chat-container .chat-popup .popup-messages .direct-chat-text, .chat-container .chat-popup-group .popup-messages .direct-chat-text {
        position: relative;
        max-width: 100%;
        background: #FFFFFF none repeat scroll 0 0;
        display: inline-block;
        clear: both;
        border-radius: 4px;
        padding: 6px 10px;
        color: #111;
        white-space: pre-wrap;
        margin-bottom: 3px;
        font-size: 18px;
        box-shadow: 1px 1px 1px #b5b5b5; }
        @media (min-width: 768px) {
          .chat-container .chat-popup .popup-messages .direct-chat-text, .chat-container .chat-popup-group .popup-messages .direct-chat-text {
            font-size: 13px; } }
        .chat-container .chat-popup .popup-messages .direct-chat-text > div, .chat-container .chat-popup-group .popup-messages .direct-chat-text > div {
          overflow: hidden;
          text-overflow: ellipsis; }
        .chat-container .chat-popup .popup-messages .direct-chat-text:before, .chat-container .chat-popup-group .popup-messages .direct-chat-text:before {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          top: 0;
          right: -7px;
          border-color: transparent;
          border-style: solid;
          border-left-width: 10px;
          border-right-width: 0;
          border-top-width: 0px;
          border-bottom-width: 8px;
          border-left-color: #FFF; }
        .chat-container .chat-popup .popup-messages .direct-chat-text a, .chat-container .chat-popup-group .popup-messages .direct-chat-text a {
          color: #00a2c2; }
          .chat-container .chat-popup .popup-messages .direct-chat-text a:hover, .chat-container .chat-popup-group .popup-messages .direct-chat-text a:hover {
            color: #00778f; }
      .chat-container .chat-popup .popup-messages .direct-chat-name, .chat-container .chat-popup-group .popup-messages .direct-chat-name {
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 0 49px !important;
        color: #FFF;
        opacity: 0.9; }
      .chat-container .chat-popup .popup-messages .direct-chat-timestamp, .chat-container .chat-popup-group .popup-messages .direct-chat-timestamp {
        clear: both;
        color: #6A6A6A;
        display: block;
        margin-bottom: 0;
        font-size: 14px; }
        @media (min-width: 768px) {
          .chat-container .chat-popup .popup-messages .direct-chat-timestamp, .chat-container .chat-popup-group .popup-messages .direct-chat-timestamp {
            font-size: 11px; } }
      .chat-container .chat-popup .popup-messages .direct-chat-img, .chat-container .chat-popup-group .popup-messages .direct-chat-img {
        border-radius: 50%;
        height: 32px;
        width: 32px;
        position: absolute;
        z-index: 1;
        background-color: #DADADA;
        box-shadow: 0px 1px 1px #A9A9A9; }
      .chat-container .chat-popup .popup-messages .auto-scroll-button, .chat-container .chat-popup-group .popup-messages .auto-scroll-button {
        display: none;
        opacity: 0.7;
        background-color: #fff;
        padding: 5px;
        border-radius: 100%;
        width: 28px;
        height: 28px;
        font-size: 16px;
        color: #00a2c2;
        line-height: 22px;
        text-align: center;
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 100;
        transition: background 0.3s ease;
        box-shadow: 1px 1px 1px #C9C9C9; }
        .chat-container .chat-popup .popup-messages .auto-scroll-button:hover, .chat-container .chat-popup-group .popup-messages .auto-scroll-button:hover {
          opacity: 1;
          cursor: pointer; }
        .chat-container .chat-popup .popup-messages .auto-scroll-button.show, .chat-container .chat-popup-group .popup-messages .auto-scroll-button.show {
          display: block;
          animation-name: ChatBounceIn;
          animation-duration: 0.5s; }
    .chat-container .chat-popup .popup-messages-footer, .chat-container .chat-popup-group .popup-messages-footer {
      width: 100%;
      background: #F9F9F9 none repeat scroll 0 0;
      box-shadow: 0px 0px 5px #CCC;
      position: absolute;
      bottom: -45px;
      z-index: 10; }
      .chat-container .chat-popup .popup-messages-footer .button, .chat-container .chat-popup-group .popup-messages-footer .button {
        font-size: 1.5rem;
        margin: 0;
        background-color: #fff;
        border: 0;
        display: table-cell;
        vertical-align: middle; }
      .chat-container .chat-popup .popup-messages-footer .popup-text-box, .chat-container .chat-popup-group .popup-messages-footer .popup-text-box {
        display: inline-flex;
        width: 100%;
        min-height: 45px;
        max-height: 100px; }
      .chat-container .chat-popup .popup-messages-footer .emoji-button, .chat-container .chat-popup-group .popup-messages-footer .emoji-button {
        width: 50px;
        color: #bababa;
        border-radius: 0;
        padding: 0; }
        .chat-container .chat-popup .popup-messages-footer .emoji-button > .ing, .chat-container .chat-popup-group .popup-messages-footer .emoji-button > .ing {
          vertical-align: middle; }
        .chat-container .chat-popup .popup-messages-footer .emoji-button.on, .chat-container .chat-popup .popup-messages-footer .emoji-button:hover, .chat-container .chat-popup .popup-messages-footer .emoji-button:focus, .chat-container .chat-popup-group .popup-messages-footer .emoji-button.on, .chat-container .chat-popup-group .popup-messages-footer .emoji-button:hover, .chat-container .chat-popup-group .popup-messages-footer .emoji-button:focus {
          color: #7A7A7A;
          outline: none; }
        .chat-container .chat-popup .popup-messages-footer .emoji-button.active, .chat-container .chat-popup-group .popup-messages-footer .emoji-button.active {
          color: #00A2C2; }
        .chat-container .chat-popup .popup-messages-footer .emoji-button:not(.disabled), .chat-container .chat-popup-group .popup-messages-footer .emoji-button:not(.disabled) {
          cursor: pointer; }
      .chat-container .chat-popup .popup-messages-footer .send-message-button, .chat-container .chat-popup-group .popup-messages-footer .send-message-button {
        width: 50px;
        display: none; }
        .chat-container .chat-popup .popup-messages-footer .send-message-button i, .chat-container .chat-popup-group .popup-messages-footer .send-message-button i {
          opacity: 0.2;
          color: #00a2c2; }
        .chat-container .chat-popup .popup-messages-footer .send-message-button.active i, .chat-container .chat-popup-group .popup-messages-footer .send-message-button.active i {
          opacity: 1; }
      .chat-container .chat-popup .popup-messages-footer .popup-textarea, .chat-container .chat-popup-group .popup-messages-footer .popup-textarea {
        padding: 12px; }
      .chat-container .chat-popup .popup-messages-footer .popup-textarea, .chat-container .chat-popup .popup-messages-footer .emoji-wysiwyg-editor, .chat-container .chat-popup-group .popup-messages-footer .popup-textarea, .chat-container .chat-popup-group .popup-messages-footer .emoji-wysiwyg-editor {
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        line-height: 20px;
        color: #7A7A7A;
        background-color: #FFF;
        width: 100%;
        height: auto;
        min-height: 45px;
        max-height: 100px;
        border: none;
        border-radius: 0;
        box-shadow: none;
        resize: none;
        padding-top: 12px;
        margin: 0;
        overflow: hidden;
        box-sizing: border-box; }
        .chat-container .chat-popup .popup-messages-footer .popup-textarea:focus, .chat-container .chat-popup .popup-messages-footer .emoji-wysiwyg-editor:focus, .chat-container .chat-popup-group .popup-messages-footer .popup-textarea:focus, .chat-container .chat-popup-group .popup-messages-footer .emoji-wysiwyg-editor:focus {
          outline: none;
          border: 1px solid #EEE;
          border: 1px solid #EEE;
          box-shadow: 0px 0px 5px #EEE inset; }
        .chat-container .chat-popup .popup-messages-footer .popup-textarea:hover, .chat-container .chat-popup .popup-messages-footer .emoji-wysiwyg-editor:hover, .chat-container .chat-popup-group .popup-messages-footer .popup-textarea:hover, .chat-container .chat-popup-group .popup-messages-footer .emoji-wysiwyg-editor:hover {
          cursor: text; }
        .chat-container .chat-popup .popup-messages-footer .popup-textarea[contenteditable="false"], .chat-container .chat-popup .popup-messages-footer .emoji-wysiwyg-editor[contenteditable="false"], .chat-container .chat-popup-group .popup-messages-footer .popup-textarea[contenteditable="false"], .chat-container .chat-popup-group .popup-messages-footer .emoji-wysiwyg-editor[contenteditable="false"] {
          opacity: 0.5;
          cursor: not-allowed !important; }
    .chat-container .chat-popup .popup-search-message, .chat-container .chat-popup-group .popup-search-message {
      position: absolute;
      width: 100%;
      z-index: 1;
      background: #f5f5f5; }
      .chat-container .chat-popup .popup-search-message input[type=text], .chat-container .chat-popup-group .popup-search-message input[type=text] {
        border-radius: 0;
        color: #777; }
    .chat-container .chat-popup .chat-tab-content, .chat-container .chat-popup-group .chat-tab-content {
      padding-bottom: 97px; }
      .chat-container .chat-popup .chat-tab-content .chat-tab-footer .button, .chat-container .chat-popup-group .chat-tab-content .chat-tab-footer .button {
        font-size: 12px; }
      .chat-container .chat-popup .chat-tab-content input[type=text], .chat-container .chat-popup-group .chat-tab-content input[type=text] {
        border: 1px solid #8F9297;
        padding: 12px; }
      .chat-container .chat-popup .chat-tab-content .chat-tab-list > .chat-tab-list-item.disabled, .chat-container .chat-popup-group .chat-tab-content .chat-tab-list > .chat-tab-list-item.disabled {
        opacity: 0.7;
        cursor: default; }
      .chat-container .chat-popup .chat-tab-content .chat-tab-list > .chat-tab-list-item > li:not(:last-child), .chat-container .chat-popup-group .chat-tab-content .chat-tab-list > .chat-tab-list-item > li:not(:last-child) {
        margin-bottom: 8px; }
      .chat-container .chat-popup .chat-tab-content .chat-tab-list > .chat-tab-list-item > .ing, .chat-container .chat-popup-group .chat-tab-content .chat-tab-list > .chat-tab-list-item > .ing {
        cursor: pointer;
        margin-right: 2px;
        display: inline;
        vertical-align: middle; }
    .chat-container .chat-popup .chat-toaster .chat-toaster-content, .chat-container .chat-popup-group .chat-toaster .chat-toaster-content {
      text-align: left; }
      .chat-container .chat-popup .chat-toaster .chat-toaster-content .chat-toaster-icon, .chat-container .chat-popup-group .chat-toaster .chat-toaster-content .chat-toaster-icon {
        font-size: 1.25rem;
        padding-left: 10px;
        padding-right: 5px; }
    @media (max-width: 767px) {
      .chat-container .chat-popup, .chat-container .chat-popup-group {
        z-index: 9999;
        width: 100%;
        height: 100%;
        left: 0 !important;
        margin-left: 0; }
        .chat-container .chat-popup .popup-messages .popup-messages-container, .chat-container .chat-popup-group .popup-messages .popup-messages-container {
          height: calc(100% - 45px); }
          .chat-container .chat-popup .popup-messages .popup-messages-container .direct-chat-messages, .chat-container .chat-popup-group .popup-messages .popup-messages-container .direct-chat-messages {
            height: 100%; }
        .chat-container .chat-popup .chat-tab-content, .chat-container .chat-popup-group .chat-tab-content {
          padding-bottom: 0;
          height: 100%; }
        .chat-container .chat-popup .chat-popup-toggle, .chat-container .chat-popup-group .chat-popup-toggle {
          display: none; }
        .chat-container .chat-popup .send-message-button, .chat-container .chat-popup-group .send-message-button {
          display: table-cell !important; } }
  .chat-container .chat-popup:last-of-type {
    z-index: 1149 !important; }
  @media (max-width: 768px) {
    .chat-container .emoji-menu {
      width: 100% !important; }
    .chat-container .popup-group {
      display: none; } }
  .chat-container .chat-popup-group {
    width: auto;
    height: auto;
    display: inline-table;
    transition: 0.3s ease, right 0.2s ease; }
    .chat-container .chat-popup-group .popup-head {
      text-align: center;
      font-size: 22px;
      padding: 12px 20px;
      color: #FFF; }
      .chat-container .chat-popup-group .popup-head:hover {
        cursor: pointer; }
      .chat-container .chat-popup-group .popup-head .ing {
        vertical-align: middle; }
    .chat-container .chat-popup-group .popup-group-count {
      margin-left: 10px;
      display: inline-block;
      font-size: 1.25rem; }
    .chat-container .chat-popup-group .chat-contact-list {
      text-align: left;
      overflow: hidden;
      margin: 0; }
    .chat-container .chat-popup-group .chat-popover {
      padding: 0; }
  .chat-container .chat-dropdown {
    float: left;
    display: block;
    min-width: 185px; }
    .chat-container .chat-dropdown .button-group {
      width: 100%;
      position: relative;
      z-index: 3;
      display: table;
      vertical-align: middle; }
      .chat-container .chat-dropdown .button-group > button {
        position: relative;
        float: left;
        padding: 12px;
        background: #181b1f;
        border: 0;
        border-left: 1px solid #8F9297;
        cursor: pointer;
        color: #FFF;
        display: table-cell; }
        .chat-container .chat-dropdown .button-group > button.dasabled {
          cursor: not-allowed; }
        .chat-container .chat-dropdown .button-group > button:active, .chat-container .chat-dropdown .button-group > button:focus {
          outline: none; }
      .chat-container .chat-dropdown .button-group > button:first-child {
        margin-left: 0;
        width: 80%; }
      .chat-container .chat-dropdown .button-group > button + button {
        margin-left: 0;
        width: 20%; }
      .chat-container .chat-dropdown .button-group button + button {
        margin-left: -1px; }
    .chat-container .chat-dropdown .dropdown-container {
      position: relative;
      cursor: pointer;
      float: left;
      width: 100%; }
      .chat-container .chat-dropdown .dropdown-container .dropdown-icon {
        margin-right: 2px; }
      .chat-container .chat-dropdown .dropdown-container .dropdown-display, .chat-container .chat-dropdown .dropdown-container .button {
        padding: 15px 12px;
        color: #fff;
        white-space: nowrap;
        text-align: left;
        float: left;
        border: 0;
        background: #181b1f;
        cursor: pointer;
        overflow-x: hidden; }
        .chat-container .chat-dropdown .dropdown-container .dropdown-display .dropdown-placeholder, .chat-container .chat-dropdown .dropdown-container .button .dropdown-placeholder {
          font-size: 14px;
          width: 100%;
          position: relative; }
      .chat-container .chat-dropdown .dropdown-container .dropdown-list {
        position: absolute;
        opacity: 0;
        z-index: 2;
        width: 100%;
        height: 0;
        max-height: 260px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #181b1f;
        box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.5);
        transition: opacity 0.15s linear; }
        .chat-container .chat-dropdown .dropdown-container .dropdown-list .dropdown-item {
          float: left;
          width: 100%;
          padding: 12px;
          font-size: 14px;
          cursor: pointer; }
          .chat-container .chat-dropdown .dropdown-container .dropdown-list .dropdown-item:hover, .chat-container .chat-dropdown .dropdown-container .dropdown-list .dropdown-item.dropdown-item-selected {
            background: #2f343b; }
          .chat-container .chat-dropdown .dropdown-container .dropdown-list .dropdown-item.dropdown-item-selected .dropdown-item-check {
            display: block;
            float: right;
            color: #00a2c2; }
      .chat-container .chat-dropdown .dropdown-container.show .dropdown-list {
        opacity: 1;
        height: auto;
        margin-top: -1px; }
  .chat-container .dropdown-container {
    position: relative; }
    .chat-container .dropdown-container .dropdown-list {
      position: absolute;
      left: 0;
      top: 30px;
      z-index: 1;
      background-color: #181b1f;
      min-width: 140px;
      box-shadow: 2px 2px 4px #111; }
  .chat-container .dropdown-list {
    clear: both;
    background-color: #181b1f; }
    .chat-container .dropdown-list .dropdown-item {
      display: block;
      width: 100%;
      padding: 10px 15px;
      cursor: pointer;
      text-align: left;
      color: #FFF;
      border-bottom: 1px solid #464d57; }
      .chat-container .dropdown-list .dropdown-item.active, .chat-container .dropdown-list .dropdown-item:hover, .chat-container .dropdown-list .dropdown-item:active, .chat-container .dropdown-list .dropdown-item:focus {
        color: #e6e6e6;
        background-color: #2f343b;
        text-decoration: none; }
      .chat-container .dropdown-list .dropdown-item.active {
        color: #00a2c2; }
  .chat-container .chat-tags-input {
    display: block;
    height: 100%;
    overflow: hidden;
    overflow-y: auto; }
    .chat-container .chat-tags-input .chat-loader .chat-loader-svg.first .chat-loader-circle {
      fill: #181b1f; }
    .chat-container .chat-tags-input .tag-input-ctn {
      position: relative;
      border-bottom: 1px solid #8F9297;
      padding: 4px 25px 4px 8px;
      display: inline-block;
      width: 100%;
      overflow: hidden; }
      .chat-container .chat-tags-input .tag-input-ctn input {
        display: inline-block;
        float: left;
        height: 30px;
        padding: 0px !important;
        line-height: 30px;
        border: 0px !important;
        margin: 2px; }
        .chat-container .chat-tags-input .tag-input-ctn input:focus {
          outline: none !important;
          box-shadow: none !important; }
      .chat-container .chat-tags-input .tag-input-ctn .input-tag {
        padding: 5px 10px;
        line-height: 12px;
        font-size: 13.5px;
        font-weight: bold;
        background-color: transparent;
        display: inline-block;
        float: left;
        border-radius: 20px;
        margin: 2px 5px 2px 0;
        border: 1px solid #8F9297;
        transition: background-color 0.2s ease; }
        .chat-container .chat-tags-input .tag-input-ctn .input-tag:hover {
          border-color: #00778f;
          background-color: #00a2c2; }
        .chat-container .chat-tags-input .tag-input-ctn .input-tag.input-to-delete {
          border-color: #f7212f;
          background-color: #F9525D; }
        .chat-container .chat-tags-input .tag-input-ctn .input-tag .delete-tag {
          display: inline-block;
          font-size: 12px;
          cursor: pointer;
          padding: 0px 2px;
          margin-left: 5px; }
          .chat-container .chat-tags-input .tag-input-ctn .input-tag .delete-tag:hover {
            font-weight: bold; }
      .chat-container .chat-tags-input .tag-input-ctn .search-icon {
        color: #8F9297;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 20px;
        height: 18px;
        font-size: 14px; }
    .chat-container .chat-tags-input .tags-input-result {
      margin-top: -1px; }
  .chat-container .chat-loader {
    position: relative;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: inherit; }
    .chat-container .chat-loader .chat-loader-container {
      position: relative;
      width: 100px;
      height: 50px;
      left: 0;
      right: 0;
      margin: auto;
      background-color: inherit; }
    .chat-container .chat-loader .chat-loader-svg {
      width: 44px;
      height: 44px;
      background-color: inherit;
      border-radius: 100%; }
      .chat-container .chat-loader .chat-loader-svg .chat-loader-circle {
        stroke-width: 12px;
        stroke-linecap: round;
        stroke-dasharray: 0, 21;
        stroke-dashoffset: 55;
        cy: 50;
        cx: 50;
        r: 40px;
        fill: none; }
      .chat-container .chat-loader .chat-loader-svg.first {
        stroke: #FFF;
        position: relative;
        left: 0;
        right: 0;
        top: 10px;
        margin: auto auto auto -15px;
        z-index: 1;
        animation: rotate 3s linear infinite; }
        .chat-container .chat-loader .chat-loader-svg.first .chat-loader-circle {
          stroke: #fff; }
      .chat-container .chat-loader .chat-loader-svg.second {
        stroke: #00a2c2;
        position: absolute;
        top: -3px;
        left: -3px;
        right: 0;
        margin: auto auto auto 36px; }
    .chat-container .chat-loader .chat-loader-message {
      font-size: 1rem;
      margin-top: 8px; }
  .chat-container .content-placeholder-wrapper {
    padding: 15px; }
  .chat-container .content-placeholder-item {
    background: #fff;
    border: none;
    margin: 0 auto 15px;
    max-width: 472px; }
  .chat-container .animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #515a66;
    background: linear-gradient(to right, #515a66 8%, #3a4149 18%, #515a66 33%);
    background-size: 800px 104px;
    height: 40px;
    position: relative; }
  .chat-container .background-masker {
    background: #2f343b;
    position: absolute; }
  .chat-container .background-masker.header-top,
  .chat-container .background-masker.header-bottom,
  .chat-container .background-masker.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 10px; }
  .chat-container .background-masker.header-left,
  .chat-container .background-masker.subheader-left,
  .chat-container .background-masker.header-right,
  .chat-container .background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px; }
  .chat-container .background-masker.header-bottom {
    top: 18px;
    height: 6px; }
  .chat-container .background-masker.subheader-left,
  .chat-container .background-masker.subheader-right {
    top: 24px;
    height: 6px; }
  .chat-container .background-masker.header-right,
  .chat-container .background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0; }
  .chat-container .background-masker.subheader-right {
    left: 230px; }
  .chat-container .background-masker.subheader-bottom {
    top: 30px;
    height: 10px; }
  .chat-container .background-masker.content-top,
  .chat-container .background-masker.content-second-line,
  .chat-container .background-masker.content-third-line,
  .chat-container .background-masker.content-second-end,
  .chat-container .background-masker.content-third-end,
  .chat-container .background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px; }
  .chat-container .background-masker.content-top {
    height: 20px; }
  .chat-container .background-masker.content-first-end,
  .chat-container .background-masker.content-second-end,
  .chat-container .background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px; }
  .chat-container .background-masker.content-second-line {
    top: 68px; }
  .chat-container .background-masker.content-second-end {
    left: 420px;
    top: 74px; }
  .chat-container .background-masker.content-third-line {
    top: 82px; }
  .chat-container .background-masker.content-third-end {
    left: 300px;
    top: 88px; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
  .chat-container .display-message {
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden; }
    .chat-container .display-message.chat-offline .display-message-block {
      height: 100%; }
    .chat-container .display-message .display-message-close {
      position: absolute;
      right: 15px;
      top: 15px; }
      .chat-container .display-message .display-message-close:hover {
        cursor: pointer;
        color: #FFF; }
    .chat-container .display-message .display-message-block {
      width: 100%;
      max-height: 300px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      padding: 15px; }
      .chat-container .display-message .display-message-block .dropdown-container {
        margin: auto;
        width: 130px; }
    .chat-container .display-message .display-message-title {
      font-size: 1.25rem;
      font-weight: bold;
      margin: 10px 0 15px; }
    .chat-container .display-message .display-message-text {
      font-size: 1.125rem;
      margin: 0.5rem 0; }
      .chat-container .display-message .display-message-text a:not(.button) {
        cursor: pointer;
        color: #00a2c2; }
        .chat-container .display-message .display-message-text a:not(.button):hover {
          color: #00778f; }
      .chat-container .display-message .display-message-text .button {
        margin-top: 10px;
        display: inline-block; }
    .chat-container .display-message .icon-img {
      animation-name: ChatBounceIn;
      animation-duration: 0.75s; }
    .chat-container .display-message .disabled-message-icon {
      font-size: 4rem; }
  .chat-container .chat-toaster {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden; }
    .chat-container .chat-toaster .icon-img {
      display: none !important; }
    .chat-container .chat-toaster.static {
      position: relative; }
    .chat-container .chat-toaster.rounded .chat-toaster-content {
      border-radius: 4px; }
      .chat-container .chat-toaster.rounded .chat-toaster-content:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
      .chat-container .chat-toaster.rounded .chat-toaster-content:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px; }
      .chat-container .chat-toaster.rounded .chat-toaster-content:not(:first-child):not(:last-child) {
        border-radius: 0; }
    .chat-container .chat-toaster .chat-toaster-content {
      background-color: #888;
      border-top: 1px solid #7b7b7b;
      color: #fff;
      width: 100%;
      font-size: 12px;
      line-height: 1.2;
      position: relative;
      clear: both;
      word-break: break-word;
      text-align: center;
      display: table; }
      .chat-container .chat-toaster .chat-toaster-content .chat-toaster-text, .chat-container .chat-toaster .chat-toaster-content .chat-toaster-icon, .chat-container .chat-toaster .chat-toaster-content .chat-toaster-close {
        display: table-cell;
        vertical-align: top;
        padding: 5px; }
      .chat-container .chat-toaster .chat-toaster-content .chat-toaster-icon, .chat-container .chat-toaster .chat-toaster-content .chat-toaster-close {
        width: 10%; }
      .chat-container .chat-toaster .chat-toaster-content.error {
        background-color: rgba(144, 65, 75, 0.9);
        border-color: #7e3942; }
      .chat-container .chat-toaster .chat-toaster-content.info {
        background-color: rgba(0, 162, 194, 0.9);
        border-color: #008da9; }
      .chat-container .chat-toaster .chat-toaster-content.warn {
        background-color: rgba(250, 167, 50, 0.9);
        border-color: #f99c19; }
      .chat-container .chat-toaster .chat-toaster-content.success {
        background-color: rgba(59, 163, 110, 0.9);
        border-color: #349061; }
    .chat-container .chat-toaster .chat-toaster-close:hover {
      cursor: pointer; }
  .chat-container .confirm-action-container {
    overflow: hidden !important; }
    .chat-container .confirm-action-container a {
      color: #00a2c2; }
      .chat-container .confirm-action-container a:hover {
        color: #00778f; }
    .chat-container .confirm-action-container.light {
      background-color: #FFF;
      color: #333; }
      .chat-container .confirm-action-container.light input {
        color: #333; }
      .chat-container .confirm-action-container.light .chat-tab-footer {
        background-color: #FFF;
        border: 0;
        box-shadow: 0 0px 10px #ccc; }
    .chat-container .confirm-action-container .confirm-action {
      text-align: center;
      padding: 10px;
      height: 100%;
      overflow: hidden;
      overflow-y: auto; }
      .chat-container .confirm-action-container .confirm-action > i {
        display: block;
        font-size: 3.5rem;
        margin: 0.5rem auto; }
    .chat-container .confirm-action-container .confirm-action-error {
      color: #FFF;
      background-color: #F9525D;
      padding: 4px;
      border-radius: 2px;
      position: absolute;
      margin: 10px;
      z-index: 4; }
  .chat-container .drop-box .drop-content-helper {
    display: none; }
  .chat-container .drop-box.dragover .drop-content-helper {
    display: block;
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 120%;
    z-index: 110;
    top: 0;
    left: 0;
    animation-name: ChatFadeIn;
    animation-duration: .5s;
    animation-fill-mode: initial; }
    .chat-container .drop-box.dragover .drop-content-helper .drop-content-wrapper {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 120; }
    .chat-container .drop-box.dragover .drop-content-helper .drop-content-icon {
      width: 110px;
      height: 110px;
      margin: .5rem auto;
      display: block;
      background-image: url(https://chat.ingaia.com.br/assets/img/icon-file.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .chat-container .drop-box.dragover .drop-content-helper .drop-content-label {
      color: #fff;
      font-size: 1rem;
      text-align: center; }
  .chat-container .progress {
    margin-top: 5px; }
    .chat-container .progress .progress-text {
      font-size: 12px;
      text-align: left; }
    .chat-container .progress .progress-value {
      float: right; }
    .chat-container .progress .progress-background {
      overflow: hidden;
      min-width: 200px;
      height: 8px;
      background-color: #f5f5f5;
      border-radius: 2px;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
    .chat-container .progress .progress-bar {
      float: left;
      width: 0%;
      height: 100%;
      background-color: #337ab7;
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
      transition: width .6s linear; }
      .chat-container .progress .progress-bar.progress-error {
        background-color: #F9525D; }
      .chat-container .progress .progress-bar.progress-success {
        background-color: #3BA36E; }
      .chat-container .progress .progress-bar.progress-warning {
        background-color: #FAA732; }
  .chat-container .embed-image-box {
    position: relative;
    width: 100%;
    min-width: 50px;
    min-height: 50px;
    border: 1px solid #e0e0e0;
    background: #f1f1f1;
    display: inline-block;
    padding: 2px;
    margin: 0 auto;
    border-radius: 2px;
    transition: background-color 0.3s ease; }
    .chat-container .embed-image-box:hover {
      background-color: #e1e1e1;
      border: 1px solid #c7c7c7;
      cursor: pointer; }
    .chat-container .embed-image-box .embed-image-thumb {
      margin: auto;
      display: block; }
    .chat-container .embed-image-box .embed-image-title {
      display: block;
      word-break: break-all;
      padding: 2px 4px; }
  .chat-container .embed-file-preview {
    min-width: 174px;
    min-height: 116px;
    display: block;
    margin: auto;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("http://staging-chat.ingaia.com.br/assets/img/file.png"); }
    .chat-container .embed-file-preview.doc, .chat-container .embed-file-preview.docx {
      background-image: url("http://staging-chat.ingaia.com.br/assets/img/doc.png"); }
    .chat-container .embed-file-preview.pdf {
      background-image: url("http://staging-chat.ingaia.com.br/assets/img/pdf.png"); }
    .chat-container .embed-file-preview.ppt, .chat-container .embed-file-preview.pptx, .chat-container .embed-file-preview.pps {
      background-image: url("http://staging-chat.ingaia.com.br/assets/img/ppt.png"); }
    .chat-container .embed-file-preview.xls, .chat-container .embed-file-preview.xlsx, .chat-container .embed-file-preview.csv {
      background-image: url("http://staging-chat.ingaia.com.br/assets/img/excel.png"); }
  .chat-container .button {
    border: 0;
    padding: 7px 12px;
    margin-right: 10px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer; }
    .chat-container .button:last-child {
      margin-right: 0; }
    .chat-container .button:active, .chat-container .button:focus, .chat-container .button:hover:not([disabled]) {
      background-image: none;
      outline: 0;
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
      text-decoration: none; }
    .chat-container .button[disabled] {
      opacity: 0.6; }
      .chat-container .button[disabled]:hover {
        cursor: default; }
    .chat-container .button.secondary {
      color: #FFF;
      background-color: #00a2c2; }
      .chat-container .button.secondary:hover {
        background-color: #00778f; }
    .chat-container .button.primary {
      color: #FFF;
      background-color: #2f343b; }
      .chat-container .button.primary:hover {
        background-color: #181b1f; }
    .chat-container .button.info {
      color: #FFF;
      background-color: #00A2C2; }
      .chat-container .button.info:hover {
        background-color: #00778f; }
    .chat-container .button.danger {
      color: #FFF;
      background-color: #F9525D; }
      .chat-container .button.danger:hover {
        background-color: #f7212f; }
    .chat-container .button.success {
      color: #FFF;
      background-color: #3BA36E; }
      .chat-container .button.success:hover {
        background-color: #2d7e55; }
  .chat-container .chat-pull-right {
    float: right !important; }
  .chat-container .chat-pull-left {
    float: left !important; }
  .chat-container .tx-center {
    text-align: center; }
  .chat-container .tx-left {
    text-align: left; }
  .chat-container .tx-right {
    text-align: right; }
  .chat-container .chat-checkbox {
    cursor: pointer; }
  .chat-container .chat-add-user-list .chat-add-user-item {
    background-color: #181b1f;
    padding: 5px 0;
    margin: 0; }
    .chat-container .chat-add-user-list .chat-add-user-item:hover, .chat-container .chat-add-user-list .chat-add-user-item.selected {
      background-color: #2f343b;
      cursor: pointer; }
  .chat-container .chat-add-user-list .media-contact-block i {
    color: #00a2c2;
    font-size: 16px;
    margin: 0 8px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle; }
  .chat-container .error-log {
    text-align: center;
    padding: 15px 10px;
    color: #FFF;
    font-size: 18px;
    clear: both; }
    .chat-container .error-log i {
      display: block;
      font-size: 2rem;
      margin-top: 20px;
      margin-bottom: 10px; }
  .chat-container .contact-photo {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    background-color: #DADADA; }
    .chat-container .contact-photo > img {
      border-radius: 100%;
      width: 40px;
      height: 40px; }
  .chat-container .highlighted {
    font-weight: 600;
    color: #00a2c2; }
  .chat-container input:not([type="radio"]), .chat-container input:not([type="checkbox"]) {
    color: #FFF;
    height: 38px;
    width: 100%;
    background-color: transparent;
    border: 0;
    margin: 0;
    border: 1px solid #8F9297;
    padding: 12px;
    border-radius: 0; }
    .chat-container input:not([type="radio"]):focus, .chat-container input:not([type="checkbox"]):focus {
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 162, 194, 0.6) inset; }
  .chat-container .chat-input-control {
    width: 100%;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px 10px;
    margin-bottom: 5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-size: 1rem; }
    .chat-container .chat-input-control[disabled="disabled"] {
      cursor: default;
      opacity: 0.5; }
  .chat-container textarea.chat-input-control {
    cursor: text;
    resize: vertical; }
  .chat-container select.chat-input-control {
    cursor: pointer; }
  .chat-container .chat-navbar {
    float: left;
    position: relative; }
    .chat-container .chat-navbar .chat-navbar-brand {
      line-height: 27px;
      float: left;
      padding: 12px 5px 12px 12px;
      font-size: 15px;
      color: #FFF;
      cursor: pointer; }
      .chat-container .chat-navbar .chat-navbar-brand:hover, .chat-container .chat-navbar .chat-navbar-brand:focus, .chat-container .chat-navbar .chat-navbar-brand:active, .chat-container .chat-navbar .chat-navbar-brand.active {
        background-color: #2f343b;
        color: #e6e6e6;
        text-decoration: none; }
    .chat-container .chat-navbar .active > a, .chat-container .chat-navbar > li:hover > a, .chat-container .chat-navbar ul > li:hover > a {
      background-color: #2f343b;
      position: relative; }
      .chat-container .chat-navbar .active > a:after, .chat-container .chat-navbar > li:hover > a:after, .chat-container .chat-navbar ul > li:hover > a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #00a2c2; }
    .chat-container .chat-navbar .ing, .chat-container .chat-navbar i {
      vertical-align: middle;
      position: relative; }
    .chat-container .chat-navbar ul {
      margin-bottom: 0; }
    .chat-container .chat-navbar > li, .chat-container .chat-navbar ul > li {
      float: left;
      display: block;
      position: relative;
      margin-right: -1px; }
      .chat-container .chat-navbar > li > a, .chat-container .chat-navbar ul > li > a {
        display: block;
        line-height: 28px;
        padding: 12px 10px;
        color: #FFF;
        transition: background-color 0.3s ease;
        text-decoration: none; }
        .chat-container .chat-navbar > li > a:hover, .chat-container .chat-navbar ul > li > a:hover {
          background-color: #2f343b;
          color: #e6e6e6;
          cursor: pointer; }
        .chat-container .chat-navbar > li > a[disabled], .chat-container .chat-navbar ul > li > a[disabled] {
          opacity: 0.5; }
  .chat-container .chat-tab-content {
    float: left;
    width: 100%;
    color: #fff;
    background-color: #181b1f; }
    .chat-container .chat-tab-content.full-height {
      height: 100%;
      overflow: auto;
      margin: 0; }
    .chat-container .chat-tab-content .chat-tab-list {
      list-style: none; }
      .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item {
        padding: 15px;
        border-bottom: 1px solid #8F9297;
        display: inline-block;
        width: 100%;
        color: #FFF;
        text-decoration: none; }
        > .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item:hover, > .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item:focus, > .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item:active {
          color: #e6e6e6; }
        .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item > a {
          color: #FFF;
          display: block;
          cursor: pointer;
          text-decoration: none; }
          .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item > a[disabled] {
            opacity: 0.6;
            cursor: default; }
        .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item .icon-block {
          margin-bottom: 5px;
          display: block; }
        .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item > ul > li {
          margin-top: 10px; }
        .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item .chat-tab-list-item {
          border: 0;
          padding: 0; }
        .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item .action {
          color: #00a2c2;
          font-size: 1rem;
          cursor: pointer;
          text-decoration: none; }
          .chat-container .chat-tab-content .chat-tab-list .chat-tab-list-item .action:hover {
            color: #00778f; }
    .chat-container .chat-tab-content .chat-tab-body {
      padding: 15px; }
    .chat-container .chat-tab-content .chat-tab-footer {
      background: #2f343b;
      text-align: center;
      padding: 10px 15px;
      position: absolute;
      bottom: 0;
      z-index: 1;
      width: 100%;
      border-top: 1px solid #8F9297; }
      .chat-container .chat-tab-content .chat-tab-footer .button {
        min-width: 100px; }
  .chat-container .chat-contact-list {
    float: left;
    width: 100%;
    clear: both;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    margin: 0;
    list-style: none; }
    .chat-container .chat-contact-list li {
      padding: 10px 15px;
      position: relative;
      display: block;
      transition: background 0.3s ease; }
      .chat-container .chat-contact-list li .contact-photo {
        box-shadow: 0px 0px 4px #515a66; }
      .chat-container .chat-contact-list li:hover {
        cursor: pointer;
        background-color: #181b1f; }
      .chat-container .chat-contact-list li.has-unread {
        border-left: 3px solid #00a2c2;
        padding-right: 25px; }
        .chat-container .chat-contact-list li.has-unread .contact-name {
          font-weight: 600;
          color: #FFF; }
        .chat-container .chat-contact-list li.has-unread .contact-last-message {
          color: #00A2C2;
          font-weight: 600; }
  .chat-container #chat-backdrop {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999; }
    .chat-container #chat-backdrop #chat-modal {
      position: relative;
      width: auto;
      height: auto;
      overflow-y: auto;
      margin: 10px;
      text-align: center;
      background: #fff;
      padding: 10px;
      border-radius: 2px;
      transform: translate(0, 0); }
      .chat-container #chat-backdrop #chat-modal.fade-in-down:not(.ng-hide) {
        -webkit-animation: ChatFadeInDown 0.4s;
        -moz-animation: ChatFadeInDown 0.4s;
        -ms-animation: ChatFadeInDown 0.4s;
        -o-animation: ChatFadeInDown 0.4s;
        animation: ChatFadeInDown 0.4s; }
      .chat-container #chat-backdrop #chat-modal.fade-in-down.ng-hide {
        display: none; }
      @media (min-width: 768px) {
        .chat-container #chat-backdrop #chat-modal {
          width: 600px;
          margin: 30px auto; } }
      .chat-container #chat-backdrop #chat-modal img {
        max-width: 100%;
        height: auto; }

.chat-split-screen .container {
  width: 100%; }

@media (min-width: 768px) and (max-width: 991px) {
  .chat-split-screen {
    width: 68% !important;
    float: left; }
  .chat-sidebar.open {
    width: 32%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .chat-split-screen {
    width: 75% !important;
    float: left; }
  .chat-sidebar.open {
    width: 25%; } }

@media (min-width: 1200px) and (max-width: 1599px) {
  .chat-split-screen {
    width: 81% !important;
    float: left; }
  .chat-sidebar.open {
    width: 19%; } }

@media (min-width: 1600px) and (max-width: 1899px) {
  .chat-split-screen {
    width: 83% !important;
    float: left; }
  .chat-sidebar.open {
    width: 17%; } }

@media (min-width: 1900px) {
  .chat-split-screen {
    width: 85% !important;
    float: left; }
  .chat-sidebar.open {
    width: 15%; } }

@media (max-width: 767px) {
  .has-chat-popup-active {
    overflow: hidden; }
  .chat-sidebar.open {
    width: 100%;
    max-width: 100%; }
  .chat-popover {
    display: none !important; } }

.view-gaia-univerty-cursos .banner {
  background-image: url(/admin/img/universidadegaia-cursos/gaia-university-banner-bg.jpg);
  background-repeat: no-repeat;
  background-color: #ECEEF0;
  height: 300px;
  overflow: hidden; }
  .view-gaia-univerty-cursos .banner img {
    min-height: 300px; }
  .view-gaia-univerty-cursos .banner h1 {
    font-size: 48px;
    font-weight: lighter;
    margin-bottom: 20px;
    margin-top: 40px; }
  .view-gaia-univerty-cursos .banner h2 {
    font-size: 21px;
    font-weight: lighter;
    margin-bottom: 40px; }

.view-gaia-univerty-cursos .courses h2 {
  font-size: 36px;
  font-weight: lighter;
  text-align: center; }

.view-gaia-univerty-cursos .courses h3 {
  font-size: 21px;
  font-weight: lighter;
  text-align: center; }

.view-gaia-univerty-cursos .courses .course {
  height: 415px; }
  .view-gaia-univerty-cursos .courses .course .label-free {
    background: #5cb85c;
    position: absolute;
    color: #FFF;
    padding: 5px 10px;
    z-index: 3; }
  .view-gaia-univerty-cursos .courses .course .picture-course {
    height: 165px;
    overflow: hidden;
    transition-property: height;
    transition-duration: 500ms; }
  .view-gaia-univerty-cursos .courses .course .details {
    transition-property: margin, height, background, color;
    transition-duration: 500ms;
    background: #E8E8E8;
    padding: 10px;
    height: 140px;
    overflow: hidden;
    margin-bottom: 16px; }
    .view-gaia-univerty-cursos .courses .course .details .day, .view-gaia-univerty-cursos .courses .course .details .month {
      background: #00a2c2;
      color: #FFF;
      padding: 2px 8px;
      font-weight: bold;
      border-radius: 2px;
      text-align: center;
      width: 100%;
      margin-top: 5px; }
    .view-gaia-univerty-cursos .courses .course .details .day {
      font-size: 37px; }
    .view-gaia-univerty-cursos .courses .course .details .description {
      opacity: 0;
      clear: both;
      padding-top: 10px; }

.view-gaia-univerty-cursos .courses .course:hover .picture-course {
  transition-property: height;
  transition-duration: 500ms;
  height: 0; }

.view-gaia-univerty-cursos .courses .course:hover .details {
  transition-property: height, background, color;
  transition-duration: 500ms;
  height: 305px;
  background: #09487C;
  color: #FFF; }
  .view-gaia-univerty-cursos .courses .course:hover .details .description {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 500ms; }

.view-gaia-univerty-cursos .courses .course.unavailable .picture-course {
  opacity: 0.5;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%); }

.view-gaia-univerty-cursos .courses .course.unavailable .details .day, .view-gaia-univerty-cursos .courses .course.unavailable .details .month {
  background: #999; }

.error-loading-modal {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: 1001;
  display: block; }
  .error-loading-modal .wd-container {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: center;
    overflow-x: hidden; }
    @media only screen and (min-height: 769px) {
      .error-loading-modal .wd-container {
        top: 80px;
        left: 40px;
        right: 40px;
        bottom: 40px; } }
    .error-loading-modal .wd-container .wd-subcontainer {
      height: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      text-align: center; }
      .error-loading-modal .wd-container .wd-subcontainer .wd-header {
        flex-grow: 0;
        margin: 0 auto;
        text-align: center;
        margin-top: 40px; }
        @media only screen and (max-height: 420px) {
          .error-loading-modal .wd-container .wd-subcontainer .wd-header {
            margin-top: 10px; } }
      .error-loading-modal .wd-container .wd-subcontainer .wd-content {
        flex-grow: 1;
        max-width: 360px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-down: 40px; }
        @media only screen and (max-height: 420px) {
          .error-loading-modal .wd-container .wd-subcontainer .wd-content {
            margin-down: 10px; } }
        .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box div.sad-img {
          margin-bottom: 10px; }
        .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box p.title-fail {
          max-width: 300px;
          margin: 0 auto;
          font-family: Roboto, sans-serif;
          font-style: normal;
          font-weight: 300;
          font-size: 32px;
          line-height: 40px;
          text-align: center;
          color: #D31908;
          margin-bottom: 20px; }
        .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box .reloading {
          width: 185px;
          margin: 0 auto;
          display: flex;
          height: 40px; }
          .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box .reloading img {
            width: 20px;
            height: 20px;
            margin: 12px 12px 12px 0; }
          .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box .reloading span {
            padding-top: 15px;
            flex: auto;
            text-align: left;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: normal;
            color: #3A4455; }
        .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box .reload-button button {
          cursor: pointer;
          position: relative;
          border: 0;
          margin: 0;
          padding: 10px 16px;
          border-radius: 20px;
          background: #7E8899;
          text-transform: uppercase;
          display: inline-flex;
          font-weight: 500;
          text-align: center;
          flex-direction: row;
          white-space: nowrap;
          vertical-align: middle;
          user-select: none;
          font-size: 17px;
          justify-content: center;
          align-items: center;
          -webkit-appearance: button;
          box-shadow: 0px 15px 45px rgba(126, 136, 153, 0.2), 0px 2px 15px rgba(126, 136, 153, 0.2); }
          .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box .reload-button button:hover {
            box-shadow: inset 0 0 0 4px rgba(251, 252, 255, 0.3); }
          .error-loading-modal .wd-container .wd-subcontainer .wd-content .content-box .reload-button button div {
            color: #FBFCFF;
            font-family: Roboto, sans-serif; }

.funnel {
  margin: auto;
  padding: 15px 25px; }
  .funnel .funnel-graph {
    max-width: 250px;
    margin: 0 0 0 auto; }
  .funnel .funnel-legend {
    position: relative; }
    .funnel .funnel-legend .label-item {
      line-height: 30px; }
  @media (max-width: 767px) {
    .funnel .funnel-legend .label-item {
      position: absolute;
      top: -25px; } }
  .funnel .progress {
    margin: 0 auto -1px;
    height: 5vh;
    min-height: 30px;
    position: relative;
    bottom: 0;
    transition: 0.2s ease;
    border: 0;
    border-radius: 0;
    backface-visibility: hidden;
    cursor: default; }
    .funnel .progress:before, .funnel .progress:after {
      content: "";
      position: absolute;
      bottom: -1px;
      width: 0px;
      height: 0px;
      border-bottom: 85px solid #ffffff; }
    .funnel .progress:before {
      left: -10px;
      border-left: 0px solid transparent;
      border-right: 25px solid transparent; }
    .funnel .progress:after {
      right: -10px;
      border-left: 25px solid transparent;
      border-right: 0 solid transparent; }
    .funnel .progress .progress-bar {
      transition: width 0.4s ease-in; }
    .funnel .progress .progress-label {
      position: absolute;
      color: #333;
      right: 15px;
      bottom: 0;
      top: 0;
      margin: auto;
      height: 20px;
      font-size: 13px;
      transform: translateZ(0); }
    .funnel .progress.properties {
      width: 100%;
      background-color: #f3e8f7; }
      .funnel .progress.properties .progress-bar {
        background-color: #c28ad6; }
    .funnel .progress.clients {
      width: 90%;
      background-color: #98cfeb; }
      .funnel .progress.clients .progress-bar {
        background-color: #2d9dd6; }
    .funnel .progress.visits {
      width: 80%;
      background-color: #bbe7fe; }
      .funnel .progress.visits .progress-bar {
        background-color: #3dbcfc; }
    .funnel .progress.proposals {
      width: 70%;
      background-color: #94dabf; }
      .funnel .progress.proposals .progress-bar {
        background-color: #3db185; }
    .funnel .progress.agreements {
      width: 60%;
      background-color: #e6f7dd; }
      .funnel .progress.agreements .progress-bar {
        background-color: #9bdd77; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.hidden {
  display: none !important; }

.relative {
  position: relative; }

.bootstrap_for_gaia .btn .caret {
  margin-left: 5px; }

.bootstrap_for_gaia optgroup {
  padding-left: 5px; }

.bootstrap_for_gaia optgroup {
  padding-left: 5px; }

.bootstrap_for_gaia optgroup option {
  padding-left: 10px; }

.dropdown-scroll {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  text-align: left; }

.paginator {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  position: relative;
  z-index: 2; }
  .paginator li {
    display: inline; }
    .paginator li a, .paginator li span {
      position: relative;
      float: left;
      padding: 6px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #dedede;
      background-color: #fff;
      margin-left: -1px; }
    .paginator li a, .paginator li span {
      margin-left: 0; }
    .paginator li a, .paginator li span {
      text-indent: 0; }
    .paginator li a:hover, .paginator li span:hover, .paginator li a:focus, .paginator li span:focus {
      color: #838383;
      background-color: #fff; }
  .paginator .active a, .paginator .active span, .paginator .active a:hover, .paginator .active span:hover, .paginator .active a:focus, .paginator .active span:focus {
    z-index: 2;
    color: #00a2c2;
    background-color: #fff;
    cursor: default; }
  .paginator span {
    color: #ddd !important;
    background-color: #fff;
    cursor: not-allowed; }
    .paginator span:hover, .paginator span:focus {
      color: #999;
      background-color: #fff;
      cursor: not-allowed; }
    .paginator span a {
      color: #ddd !important;
      background-color: #fff;
      cursor: not-allowed; }
      .paginator span a:hover, .paginator span a:focus {
        color: #999;
        background-color: #fff;
        cursor: default; }
  .paginator .control a {
    color: #00a2c2;
    font-weight: bold; }

.bullet-label {
  font-size: 13px;
  font-weight: 600;
  padding: 2px 10px;
  color: #ffffff;
  margin: 10px 0 0;
  background: #00a2c2;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -ms-border-radius-topleft: 10px;
  -ms-border-radius-topright: 10px;
  -ms-border-radius-bottomright: 10px;
  -ms-border-radius-bottomleft: 10px;
  -o-border-radius-topleft: 10px;
  -o-border-radius-topright: 10px;
  -o-border-radius-bottomright: 10px;
  -o-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  @media only screen and (min-height: 320px) and (max-height: 768px) {
    .bullet-label {
      margin: 5px 0 0; } }

.wrapper-modal.ng-hide {
  transition: 0.2s linear all;
  opacity: 0; }

.feedback-modal-hidden {
  display: none; }

.container-dashboard {
  clear: both; }

.wrapper-modal {
  transition: 0.2s linear all;
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1131; }
  .wrapper-modal .overlay-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.4; }
  .wrapper-modal .overlay-modal.overlay-modal-send-mail {
    background-color: transparent;
    opacity: 0; }
  .wrapper-modal .feedback-modal {
    color: #505050;
    display: block;
    position: absolute;
    background-color: #FFF;
    width: 90%;
    height: 90%;
    max-width: 1200px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow-x: hidden;
    overflow-y: hidden; }
    @media (min-width: 768px) {
      .wrapper-modal .feedback-modal {
        width: 80%; } }
    .wrapper-modal .feedback-modal .header-modal {
      border-bottom: 1px solid #CCCCCC;
      width: 100%;
      background-color: #fff; }
      .wrapper-modal .feedback-modal .header-modal .properties-emails {
        height: 200px; }
      .wrapper-modal .feedback-modal .header-modal .back-to-tropertie {
        float: left;
        color: #00a2c2;
        margin: 20px 0 0 0;
        cursor: pointer; }
      .wrapper-modal .feedback-modal .header-modal .fa.fa-times {
        float: right;
        color: #CCCCCC;
        margin: 10px 0 0 0;
        cursor: pointer; }
      .wrapper-modal .feedback-modal .header-modal h2 {
        font-weight: 300;
        font-size: 24px;
        color: #333;
        text-align: center;
        margin: 15px 0; }
      .wrapper-modal .feedback-modal .header-modal .form-comment-user {
        max-width: 992px; }
        .wrapper-modal .feedback-modal .header-modal .form-comment-user textarea {
          max-width: 680px;
          height: 100px;
          resize: none; }
        .wrapper-modal .feedback-modal .header-modal .form-comment-user .send-print-buttons {
          text-align: center; }
          .wrapper-modal .feedback-modal .header-modal .form-comment-user .send-print-buttons a {
            margin: 0 10px; }
            .wrapper-modal .feedback-modal .header-modal .form-comment-user .send-print-buttons a i.fa-lg {
              margin: 0 5px;
              font-size: 14px; }
      .wrapper-modal .feedback-modal .header-modal .client-email-properties {
        position: relative; }
        .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties {
          position: relative;
          width: 80%;
          height: 60px;
          margin: 0 auto;
          padding: 0 10px;
          overflow: hidden; }
          @media only screen and (max-width: 992px) {
            .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties {
              height: 135px; } }
          .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel.one-prop-item {
            margin-left: auto;
            margin-right: auto;
            float: none; }
          .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel.ng-hide {
            opacity: 0; }
          .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel {
            transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
            opacity: 1; }
            @media only screen and (max-width: 992px) {
              .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel {
                margin-top: 5px;
                margin-bottom: 5px; } }
            .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie {
              border: 1px solid #CCCCCC;
              width: 100%;
              height: 60px;
              float: left;
              cursor: pointer; }
              @media (min-width: 768px) {
                .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie {
                  margin-right: 10px; } }
              .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .image-propertie {
                position: relative;
                border-right: 1px solid #CCCCCC;
                width: 80px;
                height: 58px;
                float: left;
                text-align: center; }
                .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .image-propertie .nophoto {
                  font-size: 35px;
                  color: #CCCCCC;
                  margin-top: 12px; }
                .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .image-propertie img {
                  display: block;
                  width: 80px;
                  height: 58px;
                  float: left;
                  position: relative;
                  z-index: 1; }
                .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .image-propertie .img-prop-active {
                  width: 80px;
                  height: 58px;
                  position: absolute;
                  left: 0;
                  top: 0;
                  z-index: 2;
                  background-color: #00a2c2;
                  opacity: 0.4;
                  display: none; }
                .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .image-propertie .fa.fa-check {
                  color: #FFF;
                  position: absolute;
                  z-index: 3;
                  left: 25px;
                  top: 13px;
                  font-size: 2em;
                  display: none; }
              .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie.active {
                border: 1px solid #00a2c2; }
                .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie.active .data-propertie h5 span {
                  font-weight: 600; }
              .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .data-propertie {
                height: 60px;
                padding: 5px 0 0 90px;
                font-size: 15px;
                color: #505050; }
                .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .data-propertie h5 {
                  font-size: 14px;
                  font-weight: 600;
                  margin: 2px 0 0;
                  line-height: 1.4em; }
                  .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .data-propertie h5 span {
                    font-weight: normal; }
            .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie.active .data-propertie {
              color: #00a2c2; }
            .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie.active .image-propertie .img-prop-active, .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie.active .image-propertie .fa.fa-check {
              display: block; }
          @media (max-width: 768px) {
            .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel {
              padding: 0; }
              .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .image-propertie {
                display: none; }
              .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie .data-propertie {
                padding: 0px; }
              .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-email-properties .items-carousel .propertie {
                padding: 0 10px; } }
        .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-nav-control {
          position: absolute;
          z-index: 2;
          display: block;
          margin-top: 20px;
          cursor: pointer;
          outline: 0;
          font-size: 120%;
          cursor: default;
          top: 0;
          bottom: 0;
          margin: auto;
          height: 30px; }
          .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-nav-control.left {
            left: 20px; }
          .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-nav-control.right {
            right: 20px; }
          @media only screen and (max-width: 992px) {
            .wrapper-modal .feedback-modal .header-modal .client-email-properties .carousel-nav-control {
              margin-top: 55px; } }
    .wrapper-modal .feedback-modal .header-list-emails-modal {
      padding-bottom: 23px; }
      .wrapper-modal .feedback-modal .header-list-emails-modal h2 {
        margin: 20px 0; }
    .wrapper-modal .feedback-modal .body-modal {
      box-sizing: border-box;
      position: absolute;
      width: 100%;
      overflow-y: scroll;
      overflow-x: hidden;
      top: 230px;
      bottom: 0; }
      .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved {
        padding-bottom: 20px; }
        .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved p {
          margin: 20px 0; }
          @media (max-width: 768px) {
            .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved p {
              text-align: center; } }
        .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved ul.record-clients-email {
          list-style: none; }
          .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved ul.record-clients-email li a {
            text-decoration: none;
            padding: 4px 8px;
            display: block; }
            @media (max-width: 768px) {
              .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved ul.record-clients-email li a {
                display: block; } }
          .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved ul.record-clients-email li a.active {
            border-width: 0;
            text-decoration: none;
            background-color: #00a2c2;
            color: #fff;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -ms-border-radius-topleft: 4px;
            -ms-border-radius-topright: 4px;
            -ms-border-radius-bottomright: 4px;
            -ms-border-radius-bottomleft: 4px;
            -o-border-radius-topleft: 4px;
            -o-border-radius-topright: 4px;
            -o-border-radius-bottomright: 4px;
            -o-border-radius-bottomleft: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px; }
          .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved ul.record-clients-email li.ng-leave {
            display: none !important; }
        .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved .older-records-email {
          text-align: center;
          font-size: 15px; }
          @media (max-width: 768px) {
            .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved .older-records-email .btn {
              display: block;
              width: 100%; } }
        .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved .send-settings {
          text-align: center; }
          .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved .send-settings .input-group .btn {
            height: 34px; }
          @media (max-width: 768px) {
            .wrapper-modal .feedback-modal .body-modal .records-saved-template .records-saved .send-settings .cancel-sending {
              display: block;
              width: 100%; } }
      .wrapper-modal .feedback-modal .body-modal .records-saved-template .email-template-column {
        background-color: #dedede;
        border-left: 1px solid #CCCCCC; }
        .wrapper-modal .feedback-modal .body-modal .records-saved-template .email-template-column table {
          background-color: #fff; }
          .wrapper-modal .feedback-modal .body-modal .records-saved-template .email-template-column table hr {
            border-bottom-color: #cdcdcd;
            border-bottom-style: dotted;
            border-bottom-width: 1px;
            border-top-width: 0px;
            width: 550px;
            margin: 0 auto; }
    .wrapper-modal .feedback-modal .body-list-emails-modal {
      top: 150px; }
      @media only screen and (max-width: 992px) {
        .wrapper-modal .feedback-modal .body-list-emails-modal {
          top: 250px; } }
  .wrapper-modal .alert {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 999;
    width: 100%;
    text-align: center;
    border-radius: 8px; }

.dashboard-gaia {
  width: 100%;
  height: 100%;
  position: fixed;
  position: relative; }
  .dashboard-gaia a:hover {
    text-decoration: none; }
  .dashboard-gaia a:focus {
    text-decoration: none; }
  .dashboard-gaia option {
    padding: 1px 4px; }
  .dashboard-gaia .align-widgets {
    display: flex;
    flex-wrap: wrap; }
    .dashboard-gaia .align-widgets > div {
      display: flex;
      flex-direction: column; }
    .dashboard-gaia .align-widgets .widget,
    .dashboard-gaia .align-widgets widget,
    .dashboard-gaia .align-widgets widget-radar-old,
    .dashboard-gaia .align-widgets widget-radar {
      flex-grow: 1;
      flex-direction: column;
      display: flex; }
      .dashboard-gaia .align-widgets .widget .widget-box,
      .dashboard-gaia .align-widgets widget .widget-box,
      .dashboard-gaia .align-widgets widget-radar-old .widget-box,
      .dashboard-gaia .align-widgets widget-radar .widget-box {
        flex-grow: 1; }
  .dashboard-gaia .align-widgets.row:before {
    content: none;
    display: inherit; }
  .dashboard-gaia .alert {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 999;
    width: 100%;
    text-align: center;
    border-radius: 8px; }
  .dashboard-gaia .no-overflow {
    overflow: visible !important; }
  .dashboard-gaia .widget {
    margin-top: 15px;
    margin-bottom: 15px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 5px #ccc; }
    .dashboard-gaia .widget .no-results {
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .dashboard-gaia .widget .no-results img {
        margin: 5% auto;
        display: block;
        max-width: 135px; }
      .dashboard-gaia .widget .no-results p {
        font-size: 13px;
        color: #bbb; }
    .dashboard-gaia .widget .btn.dropdown-toggle {
      text-transform: none; }
    .dashboard-gaia .widget .widget-box {
      position: relative; }
      .dashboard-gaia .widget .widget-box .widget-header {
        padding: 15px 12px 4px;
        height: 50px; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .dashboard-gaia .widget .widget-box .widget-header {
            height: 50px; } }
        .dashboard-gaia .widget .widget-box .widget-header p {
          font-size: 18px;
          color: #333;
          float: left;
          padding-left: 5px; }
          @media only screen and (max-height: 769px) and (max-width: 1025px) {
            .dashboard-gaia .widget .widget-box .widget-header p {
              font-size: 19px; } }
        .dashboard-gaia .widget .widget-box .widget-header a[type="button"] {
          font-style: italic; }
          .dashboard-gaia .widget .widget-box .widget-header a[type="button"] .fa-caret-down {
            margin-left: 5px; }
        .dashboard-gaia .widget .widget-box .widget-header a[type="button"].btn:active {
          box-shadow: none; }
        .dashboard-gaia .widget .widget-box .widget-header .warning-message {
          display: none;
          float: right; }
          .dashboard-gaia .widget .widget-box .widget-header .warning-message i.warning-icon {
            color: #e89d51;
            font-size: 18px;
            margin-right: 2px;
            vertical-align: middle; }
      .dashboard-gaia .widget .widget-box .widget-body {
        font-size: 15px;
        clear: both; }
        .dashboard-gaia .widget .widget-box .widget-body .num-item {
          text-align: right;
          font-size: 19px;
          color: #505050;
          padding-right: 0; }
        .dashboard-gaia .widget .widget-box .widget-body .label-item {
          font-size: 14px;
          line-height: 25px;
          color: #505050;
          text-align: left; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .widget-body .label-item {
              font-size: 14px;
              line-height: 20px; } }
        .dashboard-gaia .widget .widget-box .widget-body .list {
          display: block; }
          .dashboard-gaia .widget .widget-box .widget-body .list .item-list {
            font-size: 15px;
            padding: 0.8em 1.2em;
            cursor: pointer;
            width: 100%;
            display: table;
            vertical-align: middle; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list {
                padding: 0.3em 1.2em;
                margin: 5px 0; } }
            @media only screen and (min-height: 769px) and (max-height: 889px) {
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list {
                padding: 0.3em 1.2em; } }
            @media only screen and (max-width: 420px) {
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list {
                padding: 1em 1.2em; } }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list.media {
              margin-top: 0;
              overflow: visible; }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list:hover {
              background: #dedede; }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list:hover .body-item-list {
                cursor: pointer; }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list:hover .pull-left {
                cursor: pointer; }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list:hover .pull-right .media-object {
                display: inline;
                cursor: pointer; }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list .pull-left {
              margin-right: 10px;
              padding: 0; }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list .pull-left .media-object {
                color: #00a2c2;
                font-size: 21px;
                text-align: center; }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list .items {
              font-size: 14px;
              font-weight: 600;
              padding: 2px 12px;
              color: #ffffff;
              margin: 10px 0 0;
              background: #00a2c2;
              -webkit-border-top-left-radius: 10px;
              -webkit-border-top-right-radius: 10px;
              -webkit-border-bottom-right-radius: 10px;
              -webkit-border-bottom-left-radius: 10px;
              -moz-border-radius-topleft: 10px;
              -moz-border-radius-topright: 10px;
              -moz-border-radius-bottomright: 10px;
              -moz-border-radius-bottomleft: 10px;
              -ms-border-radius-topleft: 10px;
              -ms-border-radius-topright: 10px;
              -ms-border-radius-bottomright: 10px;
              -ms-border-radius-bottomleft: 10px;
              -o-border-radius-topleft: 10px;
              -o-border-radius-topright: 10px;
              -o-border-radius-bottomright: 10px;
              -o-border-radius-bottomleft: 10px;
              border-top-left-radius: 10px;
              border-top-right-radius: 10px;
              border-bottom-right-radius: 10px;
              border-bottom-left-radius: 10px; }
              @media only screen and (min-height: 320px) and (max-height: 768px) {
                .dashboard-gaia .widget .widget-box .widget-body .list .item-list .items {
                  margin: 5px 0 0; } }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list .media-total {
              text-align: center; }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list .media-total .num {
                font-size: 30px;
                clear: both;
                display: block; }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list .body-item-list {
              font-size: 15px; }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list .body-item-list p {
                margin: 0; }
                @media only screen and (min-height: 320px) and (max-height: 768px) {
                  .dashboard-gaia .widget .widget-box .widget-body .list .item-list .body-item-list p {
                    font-size: 13px; } }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list .body-item-list h4 {
                font-size: 15px;
                color: #00a2c2; }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list .media-object i.fa {
              vertical-align: top; }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list.expired .media-object {
              color: #f0545e; }
              .dashboard-gaia .widget .widget-box .widget-body .list .item-list.expired .media-object .items {
                background: #f0545e; }
            .dashboard-gaia .widget .widget-box .widget-body .list .item-list.expired .body-item-list h4 {
              color: #f0545e; }
        @media only screen and (min-height: 769px) and (max-height: 889px) {
          .dashboard-gaia .widget .widget-box .widget-body .radar .item-list {
            padding: 0.3rem 1rem;
            margin-bottom: 0; } }
        .dashboard-gaia .widget .widget-box .widget-body .radar .item-list .items {
          margin: 5px 0 0; }
        .dashboard-gaia .widget .widget-box .widget-body .radar .item-list .body-item-list {
          height: auto;
          min-height: 40px;
          line-height: 1.2; }
        .dashboard-gaia .widget .widget-box .widget-body .radar .item-list .media-heading {
          margin-bottom: 0; }
        .dashboard-gaia .widget .widget-box .widget-body .radar .item-list .item-description {
          color: #505050; }
        .dashboard-gaia .widget .widget-box .widget-body .radar .item-list .paginator {
          width: 100%;
          border-radius: 0; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .dashboard-gaia .widget .widget-box .widget-body .radar .paginator {
            margin: 0; } }
        .dashboard-gaia .widget .widget-box .widget-body .radar .paginator a {
          margin: 0 25px; }
        .dashboard-gaia .widget .widget-box .widget-body .goals .type-chart {
          text-align: center;
          margin-bottom: 20px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .widget-body .goals .type-chart {
              margin-bottom: 10px; } }
          .dashboard-gaia .widget .widget-box .widget-body .goals .type-chart a {
            font-size: 18px;
            color: #00a2c2;
            margin: 0 30px; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .widget-body .goals .type-chart a {
                font-size: 15px; } }
            .dashboard-gaia .widget .widget-box .widget-body .goals .type-chart a:hover {
              text-decoration: none; }
            .dashboard-gaia .widget .widget-box .widget-body .goals .type-chart a.active {
              color: #505050; }
        .dashboard-gaia .widget .widget-box .widget-body .goals .chart {
          text-align: center; }
          .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content {
            position: relative;
            float: none;
            margin: 0 auto;
            max-width: 400px; }
            .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart {
              clear: both;
              padding: 0; }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart span {
                height: 46px;
                line-height: 46px;
                font-size: 16px;
                color: #505050;
                text-align: left;
                background-color: #fff; }
                @media only screen and (min-height: 320px) and (max-height: 768px) {
                  .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart span {
                    height: 28px;
                    line-height: 28px;
                    font-size: 15px;
                    text-align: center; } }
                @media only screen and (min-height: 769px) and (max-height: 889px) {
                  .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart span {
                    height: 36px;
                    line-height: 36px; } }
                @media only screen and (max-width: 420px) {
                  .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart span {
                    font-size: 0.8em;
                    text-align: center; } }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart .value-item {
                font-size: 17px;
                text-align: center;
                position: relative;
                padding: 0;
                max-width: 220px; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart .value-item .current {
                  width: 0%;
                  display: inline-block;
                  float: left;
                  -webkit-transition: all 600ms ease-in-out;
                  -moz-transition: all 600ms ease-in-out;
                  -ms-transition: all 600ms ease-in-out;
                  -o-transition: all 600ms ease-in-out;
                  transition: all 600ms ease-in-out; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart .value-item strong {
                  font-weight: 400;
                  position: absolute;
                  top: 0;
                  color: #4d4d4d;
                  z-index: 9;
                  font-size: 0.75rem; }
              @media only screen and (min-height: 320px) and (max-height: 768px) {
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart .label-item {
                  padding-left: 5px; } }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.properties .value-item {
                background-color: #df9ba1; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.properties .value-item .current {
                  background-color: #BE3D48; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.properties .value-item strong {
                  right: 20px; }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.clients .value-item {
                background-color: #f6dcc0; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.clients .value-item .current {
                  background-color: #E79D50; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.clients .value-item strong {
                  right: 35px; }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.visits .value-item {
                background-color: #c7e7f7; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.visits .value-item .current {
                  background-color: #57B8E8; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.visits .value-item strong {
                  right: 55px; }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.proposals .value-item {
                background-color: #8cc3e1; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.proposals .value-item .current {
                  background-color: #318CBC; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.proposals .value-item strong {
                  right: 65px; }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.agreements .value-item {
                background-color: #b3e1b9; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.agreements .value-item .current {
                  background-color: #58BC65; }
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .item-chart.agreements .value-item strong {
                  right: 80px; }
            .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal {
              position: absolute;
              top: 0;
              left: 15px;
              padding: 0;
              width: 220px;
              height: 230px; }
              @media only screen and (max-width: 420px) {
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal {
                  font-size: 0.8em; } }
              @media only screen and (min-height: 320px) and (max-height: 768px) {
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal {
                  height: 140px;
                  width: 220px;
                  overflow: hidden; } }
              @media only screen and (min-height: 769px) and (max-height: 889px) {
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal {
                  width: 220px;
                  height: 180px;
                  overflow: hidden; } }
              @media only screen and (max-height: 769px) and (max-width: 1025px) {
                .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal {
                  width: 176px; } }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-left, .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-right {
                position: absolute;
                top: 0;
                z-index: 2; }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-left {
                left: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 230px 0 0 80px;
                border-color: transparent transparent transparent #fff;
                line-height: 0px;
                _border-color: #000000 #000000 #000000 #ffffff;
                _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
                @media only screen and (min-height: 320px) and (max-height: 768px) {
                  .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-left {
                    border-width: 250px 0 0 150px; } }
                @media only screen and (max-height: 769px) and (max-width: 1025px) {
                  .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-left {
                    border-width: 250px 0 0 100px; } }
              .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-right {
                right: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 0 230px 80px;
                border-color: transparent transparent #fff transparent;
                line-height: 0px;
                _border-color: #000000 #000000 #ffffff #000000;
                _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
                @media only screen and (min-height: 320px) and (max-height: 768px) {
                  .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-right {
                    border-width: 0 0 250px 150px; } }
                @media only screen and (max-height: 769px) and (max-width: 1025px) {
                  .dashboard-gaia .widget .widget-box .widget-body .goals .chart .chart-content .diagonal .chart-right {
                    border-width: 0 0 250px 100px; } }
        .dashboard-gaia .widget .widget-box .widget-body .goals .bottom .tooltip-arrow {
          top: 0 !important; }
        .dashboard-gaia .widget .widget-box .widget-body .goals .define-goals {
          width: 100%;
          text-align: center;
          position: absolute;
          bottom: 5%; }
        .dashboard-gaia .widget .widget-box .widget-body .goals-new {
          overflow: hidden; }
        .dashboard-gaia .widget .widget-box .widget-body .properties .tooltip {
          z-index: 990; }
        .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties {
          text-align: center;
          font-size: 45px;
          font-weight: 300;
          margin-bottom: 45px; }
          .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties a {
            display: inline-block;
            text-decoration: none;
            vertical-align: top;
            min-width: 26%;
            max-width: 32%; }
          .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties strong {
            font-weight: 300; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties {
              font-size: 38px;
              font-weight: normal;
              margin-bottom: 10px; } }
          @media only screen and (min-height: 769px) and (max-height: 889px) {
            .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties {
              font-size: 38px;
              margin-bottom: 30px; } }
          .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties span {
            font-size: 15px;
            font-weight: normal;
            clear: both;
            display: block;
            line-height: 15px; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties span {
                font-weight: normal;
                line-height: 15px; } }
          .dashboard-gaia .widget .widget-box .widget-body .properties .total-properties:hover {
            text-decoration: none; }
        .dashboard-gaia .widget .widget-box .widget-body .properties .item-properties {
          padding-bottom: 0.3em;
          height: auto;
          display: block; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .widget-body .properties .item-properties {
              padding-bottom: 0; } }
          .dashboard-gaia .widget .widget-box .widget-body .properties .item-properties .change-deadline {
            visibility: hidden;
            position: absolute;
            margin: 5px 0 0 10px;
            color: #00a2c2; }
          .dashboard-gaia .widget .widget-box .widget-body .properties .item-properties .num-item {
            color: #00a2c2; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .widget-body .properties .item-properties .num-item {
                font-size: 17px; } }
          .dashboard-gaia .widget .widget-box .widget-body .properties .item-properties.item-off .num-item {
            color: #f0545e; }
        .dashboard-gaia .widget .widget-box .widget-body .properties .wrapper-change-deadline:hover .change-deadline {
          visibility: visible; }
        .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar {
          margin: 0 0 10px;
          padding: 0;
          text-align: center; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar {
              margin: 0; } }
          @media only screen and (min-height: 769px) and (max-height: 889px) {
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar {
              margin-top: 0px; } }
          .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .navbar {
            min-height: 33px;
            margin: 0; }
          .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off {
            font-size: 45px;
            font-weight: 300;
            display: inline-block;
            padding: 0 6px;
            margin-bottom: 10px;
            line-height: 30px; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off {
                font-size: 38px;
                font-weight: normal; } }
            @media only screen and (min-height: 769px) and (max-height: 889px) {
              .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off {
                font-size: 38px; } }
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off strong {
              font-weight: 300;
              text-decoration: none; }
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off span {
              font-size: 14px;
              font-weight: normal;
              display: block;
              clear: both; }
              @media only screen and (min-height: 320px) and (max-height: 768px) {
                .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off span {
                  font-weight: normal; } }
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off:hover {
              text-decoration: none; }
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off.radar-on {
              color: #00a2c2; }
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar .radar-on-off.radar-off {
              color: #f0545e; }
          .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar.border-left-on {
            min-height: 220px; }
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar.border-left-on:before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 1px;
              height: 100%;
              background: #e6e6e6; }
          .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar.sem-atendimento {
            padding-top: 60px; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar.sem-atendimento {
                padding-top: 0; } }
            .dashboard-gaia .widget .widget-box .widget-body .clientes .client-radar.sem-atendimento .radar-on-off {
              font-size: 60px;
              line-height: normal; }
        .dashboard-gaia .widget .widget-box .widget-body .clientes .items {
          clear: both;
          display: block; }
          .dashboard-gaia .widget .widget-box .widget-body .clientes .items .item-clientes {
            padding-bottom: 0.3em;
            clear: both;
            height: auto;
            overflow: hidden;
            display: inline-block;
            width: 100%; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .widget-body .clientes .items .item-clientes {
                padding-bottom: 0; } }
        .dashboard-gaia .widget .widget-box .widget-body .all-medias {
          text-align: center; }
        .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget {
          margin-top: 1em;
          text-align: center; }
          .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget i {
            color: #00A2C2; }
          .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget p {
            font-size: 1.1em;
            padding: 1em 1.1em;
            line-height: 1.6em;
            color: #4D4D4D; }
          .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget .btn-lg {
            font-size: 14px;
            width: 50%;
            padding: 3% 0; }
          .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget .aceite-termos-financiamento {
            margin-top: 1em; }
          @media only screen and (max-height: 769px) and (max-width: 1025px) {
            .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget {
              margin-top: 3%; }
              .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget p {
                font-size: 1em;
                padding: 0.5em;
                line-height: 1.4em; } }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget {
              margin-top: 3%; }
              .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget p {
                font-size: 0.9em;
                padding: 0.5em;
                line-height: 1.4em; }
              .dashboard-gaia .widget .widget-box .widget-body #habilitar-widget .btn-lg {
                font-size: 14px;
                width: 50%;
                padding: 2% 0; } }
      .dashboard-gaia .widget .widget-box .simple-pagination {
        width: 100%;
        position: absolute;
        bottom: 0; }
      .dashboard-gaia .widget .widget-box .financing {
        padding-top: 20px;
        display: table;
        width: 100%; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .dashboard-gaia .widget .widget-box .financing {
            padding-top: 0px; } }
        .dashboard-gaia .widget .widget-box .financing .clients {
          padding-bottom: 5%; }
          .dashboard-gaia .widget .widget-box .financing .clients a {
            font-size: 21px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .financing .clients {
              padding-bottom: 10px; } }
          @media only screen and (min-height: 769px) and (max-height: 889px) {
            .dashboard-gaia .widget .widget-box .financing .clients {
              padding-bottom: 30px; } }
        .dashboard-gaia .widget .widget-box .financing .no-gaiacredito i {
          color: #00a2c2;
          font-size: 31px;
          margin-bottom: 20px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .financing .no-gaiacredito i {
              margin-bottom: 10px; } }
        .dashboard-gaia .widget .widget-box .financing .no-gaiacredito .btn {
          margin: 10px 0 20px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .dashboard-gaia .widget .widget-box .financing .no-gaiacredito .btn {
              font-size: 15px;
              padding: 8px 12px;
              margin: 0px 0px 10px; } }
        .dashboard-gaia .widget .widget-box .financing .clients .leverage-sales {
          padding: 0 1em; }
          .dashboard-gaia .widget .widget-box .financing .clients .leverage-sales .fa-exclamation-circle {
            color: #00a2c2;
            margin-bottom: 5px; }
        .dashboard-gaia .widget .widget-box .financing .details {
          display: table-cell;
          vertical-align: middle; }
          .dashboard-gaia .widget .widget-box .financing .details .item {
            font-size: 37.5px;
            font-weight: 300;
            text-decoration: none;
            margin-top: 0.7em;
            vertical-align: top; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .dashboard-gaia .widget .widget-box .financing .details .item {
                font-size: 25px;
                font-weight: 400; } }
            .dashboard-gaia .widget .widget-box .financing .details .item span {
              clear: both;
              display: block;
              font-size: 15px;
              font-weight: 400;
              line-height: 15px; }
              @media only screen and (min-height: 320px) and (max-height: 768px) {
                .dashboard-gaia .widget .widget-box .financing .details .item span {
                  font-size: 13px;
                  line-height: 12px; } }
      .dashboard-gaia .widget .widget-box .widget-footer {
        height: 40px;
        text-align: center;
        clear: both;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1; }
        .dashboard-gaia .widget .widget-box .widget-footer .btn-group {
          margin: 9px 0; }
          .dashboard-gaia .widget .widget-box .widget-footer .btn-group .btn-link {
            font-size: 15px;
            padding: 0 5px;
            color: #dedede; }
            .dashboard-gaia .widget .widget-box .widget-footer .btn-group .btn-link:hover {
              text-decoration: none; }
            .dashboard-gaia .widget .widget-box .widget-footer .btn-group .btn-link.prev, .dashboard-gaia .widget .widget-box .widget-footer .btn-group .btn-link.next {
              font-size: 20px;
              height: 5px;
              line-height: 5px;
              color: #00a2c2; }
            .dashboard-gaia .widget .widget-box .widget-footer .btn-group .btn-link.prev {
              margin-right: 10px; }
            .dashboard-gaia .widget .widget-box .widget-footer .btn-group .btn-link.next {
              margin-left: 10px; }
            .dashboard-gaia .widget .widget-box .widget-footer .btn-group .btn-link.actived {
              color: #00a2c2; }
      .dashboard-gaia .widget .widget-box .dropDownGoalType {
        position: absolute;
        margin-left: 12px;
        top: 11px; }
        @media only screen and (max-height: 769px) and (max-width: 1025px) {
          .dashboard-gaia .widget .widget-box .dropDownGoalType {
            margin-left: 17px; } }
        .dashboard-gaia .widget .widget-box .dropDownGoalType button.dropdown-toggle {
          width: auto;
          background: none;
          color: #333;
          font-size: 18px;
          text-align: left; }
          @media only screen and (max-height: 769px) and (max-width: 1025px) {
            .dashboard-gaia .widget .widget-box .dropDownGoalType button.dropdown-toggle {
              width: auto;
              font-size: 19px; } }

.widget_details {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: 1001;
  display: block; }
  .widget_details a:hover {
    cursor: pointer; }
  .widget_details .wd-container {
    background: #fff;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow-x: hidden;
    overflow-y: auto; }
    .widget_details .wd-container .wd-header {
      height: 80px;
      line-height: 40px;
      width: 100%;
      border-bottom: 2px solid #e6e6e6;
      text-align: center;
      padding: 20px 0 20px;
      display: table;
      vertical-align: middle; }
      @media only screen and (min-height: 320px) and (max-height: 768px) {
        .widget_details .wd-container .wd-header {
          height: 25px;
          line-height: 25px;
          padding: 10px 0; } }
      @media only screen and (min-height: 769px) and (max-height: 889px) {
        .widget_details .wd-container .wd-header {
          height: 60px;
          line-height: 25px;
          padding: 15px 0; } }
      .widget_details .wd-container .wd-header .btn {
        display: table-cell;
        padding: 0px; }
      .widget_details .wd-container .wd-header span {
        margin: 0px;
        font-weight: 400;
        font-size: 22px;
        color: #333; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .widget_details .wd-container .wd-header span.retorno {
            font-size: 19px; } }
    .widget_details .wd-container .wd-content {
      padding: 30px; }
      .widget_details .wd-container .wd-content textarea {
        resize: none; }
      @media only screen and (min-height: 320px) and (max-height: 768px) {
        .widget_details .wd-container .wd-content {
          padding: 20px; } }
      .widget_details .wd-container .wd-content .accordion {
        padding: 0px; }
        .widget_details .wd-container .wd-content .accordion .accordion-content {
          clear: both; }
        .widget_details .wd-container .wd-content .accordion .panel {
          border: none;
          box-shadow: none;
          overflow: visible; }
          .widget_details .wd-container .wd-content .accordion .panel .fa-exchange, .widget_details .wd-container .wd-content .accordion .panel .fa-comments {
            font-size: 21px;
            color: #00a2c2;
            cursor: pointer;
            float: right;
            margin: 0 10px 0 5px; }
          .widget_details .wd-container .wd-content .accordion .panel .fa-exchange.disabled, .widget_details .wd-container .wd-content .accordion .panel .fa-comments.disabled {
            opacity: 0.5;
            cursor: default;
            color: #999; }
          .widget_details .wd-container .wd-content .accordion .panel .panel-heading {
            background: none;
            padding: 5px 0;
            display: inline-block; }
            .widget_details .wd-container .wd-content .accordion .panel .panel-heading .panel-title {
              position: relative;
              padding-left: 25px;
              padding-right: 25px;
              color: #00a2c2;
              font-size: 17px; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-heading .panel-title a {
                cursor: pointer;
                text-decoration: none;
                vertical-align: middle; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-heading .panel-title i {
                font-size: 21px;
                padding-right: 10px; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-heading .panel-title i.fa-times {
                  font-size: 80%; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-heading .panel-title .expired {
                color: #f0545e; }
          .widget_details .wd-container .wd-content .accordion .panel .panel-collapse {
            padding: 0px; }
            .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body {
              padding: 0px 0px 0px 30px;
              border: none; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .photo .no-photo {
                background-color: #dedede;
                height: 75px;
                width: 100%;
                display: table; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .photo .no-photo span {
                  display: table-cell;
                  text-align: center;
                  vertical-align: middle; }
                  .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .photo .no-photo span i {
                    font-size: 31px;
                    color: #9d9d9d; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .photo .photo-property {
                display: block; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .photo .photo-property img {
                  width: 100px; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .btn-close {
                font-size: 15px;
                position: absolute;
                top: -25px;
                right: 0; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .btn-close i {
                  color: #9d9d9d; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details {
                padding-left: 0px; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details h5 {
                  margin: 0px 0px 5px;
                  color: #040404; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p {
                  margin: 0px;
                  font-size: 14px;
                  color: #040404; }
                  .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p > span {
                    display: inline-block;
                    color: #00a2c2; }
                  .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p .price {
                    display: inline-block;
                    color: #00a2c2; }
                    .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p .price > span {
                      border: 0 none;
                      color: #00a2c2; }
                    .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p .price .on-edit {
                      cursor: pointer; }
                    .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p .price form {
                      display: inline-block;
                      max-width: 190px;
                      height: 21px;
                      vertical-align: text-top; }
                      .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p .price form .editable-controls input {
                        width: 135px;
                        height: 23px;
                        padding: 0 6px;
                        font-size: 16px;
                        color: #00a2c2; }
                      .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details p .price form .editable-controls .editable-buttons .btn {
                        padding: 1px 5px 0;
                        margin: 0 2px; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details .expired {
                  color: #f0545e; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details .options .btn {
                  margin: 0 2px; }
                  .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .details .options .btn:first-of-type {
                    margin-left: 0px; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .options {
                padding: 20px 0px 10px 0px; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .options .dropdown {
                  display: inline-block; }
                .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .options .btn {
                  padding-left: 16px;
                  padding-right: 16px;
                  text-transform: uppercase; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .media .media-object {
                width: 85px; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .media .media-body .media-heading {
                color: #00a2c2; }
              .widget_details .wd-container .wd-content .accordion .panel .panel-collapse .panel-body .media .media-body p {
                margin-bottom: 0px; }
          .widget_details .wd-container .wd-content .accordion .panel.panel-open .panel-title {
            color: #505050; }
      .widget_details .wd-container .wd-content .clients .accordion {
        min-height: 430px;
        padding-top: 10px; }
      .widget_details .wd-container .wd-content .clients .selectOrderTreatments ul li a span {
        padding-left: 7px; }
      .widget_details .wd-container .wd-content .clients .selectOrderTreatments #selectBrokerTreatment {
        margin-right: 3px; }
      @media only screen and (min-height: 320px) and (max-height: 768px) {
        .widget_details .wd-container .wd-content .clients .client-details {
          padding-bottom: 0px; } }
      .widget_details .wd-container .wd-content .clients .client-details p {
        margin-bottom: 3px; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .widget_details .wd-container .wd-content .clients .client-details p {
            margin-bottom: 3px; } }
      .widget_details .wd-container .wd-content .clients .client-details p.priorityTreatment {
        margin-bottom: 10px;
        font-weight: 300;
        float: left; }
      .widget_details .wd-container .wd-content .clients .client-details textarea {
        height: 100px;
        resize: none; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .widget_details .wd-container .wd-content .clients .client-details textarea {
            height: 80px; } }
      .widget_details .wd-container .wd-content .clients .client-details .more-info {
        margin: 0 10px; }
      .widget_details .wd-container .wd-content .clients .client-details .dropdown {
        display: inline-block; }
        .widget_details .wd-container .wd-content .clients .client-details .dropdown button {
          background: #fff; }
      .widget_details .wd-container .wd-content .clients .client-details .last-treatment {
        text-align: center; }
        .widget_details .wd-container .wd-content .clients .client-details .last-treatment > a {
          display: block;
          margin-bottom: 10px; }
        .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment {
          list-style: none; }
          .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li {
            text-align: left;
            padding-left: 30px; }
            .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li p {
              margin: 0 0 10px 20px; }
              .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li p a.fa-ellipsis-h:before {
                margin-top: -6px;
                position: absolute;
                color: #00a2c2; }
            .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li b {
              font-size: 0.9em; }
          .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li:first-child {
            border-left: 1px solid #E2E2E2;
            padding-left: 10px; }
            .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li:first-child b, .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li:first-child p {
              line-height: 1em; }
            .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li:first-child p {
              margin: 0 0 10px 0; }
              .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li:first-child p a:before {
                color: #00a2c2;
                position: absolute;
                margin-top: -9px; }
              .widget_details .wd-container .wd-content .clients .client-details .last-treatment ul.infoLastTreatment li:first-child p a.fa-ellipsis-h:before {
                margin-top: -6px;
                position: absolute; }
      .widget_details .wd-container .wd-content .clients .client-details .search-form {
        display: inline-block;
        width: 250px; }
      .widget_details .wd-container .wd-content .clients .client-details .date-return-treatment {
        text-align: left; }
        .widget_details .wd-container .wd-content .clients .client-details .date-return-treatment span {
          font-size: 0.8em; }
        .widget_details .wd-container .wd-content .clients .client-details .date-return-treatment .date-return {
          display: inline-block;
          position: relative; }
          .widget_details .wd-container .wd-content .clients .client-details .date-return-treatment .date-return input.datepicker {
            cursor: pointer;
            position: relative;
            border: 1px solid #ccc;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-bottomleft: 5px;
            -ms-border-radius-topleft: 5px;
            -ms-border-radius-topright: 5px;
            -ms-border-radius-bottomright: 5px;
            -ms-border-radius-bottomleft: 5px;
            -o-border-radius-topleft: 5px;
            -o-border-radius-topright: 5px;
            -o-border-radius-bottomright: 5px;
            -o-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            width: 110px;
            padding: 0 5px;
            height: 30px;
            font-size: 0.8em;
            background-image: url("../../img/fa-calendar.png");
            background-position: 85px 2px;
            background-repeat: no-repeat; }
        .widget_details .wd-container .wd-content .clients .client-details .date-return-treatment input.time-date-return {
          display: inline-block;
          border: 1px solid #ccc;
          height: 30px;
          font-size: 0.8em;
          -webkit-border-top-left-radius: 5px;
          -webkit-border-top-right-radius: 5px;
          -webkit-border-bottom-right-radius: 5px;
          -webkit-border-bottom-left-radius: 5px;
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-topright: 5px;
          -moz-border-radius-bottomright: 5px;
          -moz-border-radius-bottomleft: 5px;
          -ms-border-radius-topleft: 5px;
          -ms-border-radius-topright: 5px;
          -ms-border-radius-bottomright: 5px;
          -ms-border-radius-bottomleft: 5px;
          -o-border-radius-topleft: 5px;
          -o-border-radius-topright: 5px;
          -o-border-radius-bottomright: 5px;
          -o-border-radius-bottomleft: 5px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px; }
        .widget_details .wd-container .wd-content .clients .client-details .date-return-treatment input[type="text"].time-date-return {
          width: 66px;
          padding: 0 4px; }
        .widget_details .wd-container .wd-content .clients .client-details .date-return-treatment input[type="date"].time-date-return {
          width: 65px; }
      .widget_details .wd-container .wd-content .clients .userRecivingTreatment {
        position: relative;
        padding: 110px 0; }
        .widget_details .wd-container .wd-content .clients .userRecivingTreatment p {
          position: absolute;
          width: 100%;
          text-align: center;
          font-size: 0.9em;
          font-weight: 600; }
      .widget_details .wd-container .wd-content .clients .userRecivingTreatment.removed p {
        transform: translate(600px, 0);
        -webkit-transform: translate(600px, 0);
        -o-transform: translate(600px, 0);
        -moz-transform: translate(600px, 0);
        transition: all 0.7s ease-in-out;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        opacity: 0; }
      .widget_details .wd-container .wd-content .proposals .tag-with-negotiation {
        background-color: #999;
        color: #FFF;
        font-size: 0.6em;
        font-weight: 600;
        padding: 4px 4px;
        border-radius: 4px;
        display: inline-block;
        line-height: 1em;
        position: relative;
        top: -2px; }
      .widget_details .wd-container .wd-content .proposals .proposal-details {
        padding: 10px 0 20px 20px;
        width: 100%;
        display: table;
        position: relative; }
      .widget_details .wd-container .wd-content .proposals .commentNegotiation {
        margin-top: 20px; }
        .widget_details .wd-container .wd-content .proposals .commentNegotiation textarea {
          height: 120px; }
      .widget_details .wd-container .wd-content .proposals .optionsProposals {
        margin-top: 20px; }
        .widget_details .wd-container .wd-content .proposals .optionsProposals .dropdown {
          display: inline-block; }
      .widget_details .wd-container .wd-content .proposals .last-comment-negotiation {
        text-align: center; }
        .widget_details .wd-container .wd-content .proposals .last-comment-negotiation .last-comment-list {
          padding-top: 10px; }
      .widget_details .wd-container .wd-content .exclusivities .exclusivity-details,
      .widget_details .wd-container .wd-content .exclusivities .contract-details {
        padding: 10px 0 20px 20px;
        width: 100%;
        display: table;
        position: relative; }
        .widget_details .wd-container .wd-content .exclusivities .exclusivity-details .prices,
        .widget_details .wd-container .wd-content .exclusivities .contract-details .prices {
          height: 25px;
          line-height: 25px;
          margin: 5px 0px;
          cursor: default; }
          .widget_details .wd-container .wd-content .exclusivities .exclusivity-details .prices .price h4,
          .widget_details .wd-container .wd-content .exclusivities .contract-details .prices .price h4 {
            font-size: 21px;
            font-weight: 300;
            margin: 0px; }
            .widget_details .wd-container .wd-content .exclusivities .exclusivity-details .prices .price h4 .labelValueRent,
            .widget_details .wd-container .wd-content .exclusivities .contract-details .prices .price h4 .labelValueRent {
              font-size: 0.7em; }
          .widget_details .wd-container .wd-content .exclusivities .exclusivity-details .prices .price h4:before,
          .widget_details .wd-container .wd-content .exclusivities .contract-details .prices .price h4:before {
            content: "R$ "; }
      .widget_details .wd-container .wd-content .credits .credit-details {
        padding: 10px 0 20px 30px;
        width: 100%;
        display: table;
        position: relative; }
        .widget_details .wd-container .wd-content .credits .credit-details .credit-steps {
          width: 100%;
          display: table; }
          .widget_details .wd-container .wd-content .credits .credit-details .credit-steps li {
            float: left;
            margin-right: 5px;
            list-style: none; }
            .widget_details .wd-container .wd-content .credits .credit-details .credit-steps li span {
              background-color: #00a2c2;
              width: 10px;
              height: 10px;
              display: inline-block;
              -webkit-border-top-left-radius: 50%;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -moz-border-radius-topleft: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -ms-border-radius-topleft: 50%;
              -ms-border-radius-topright: 50%;
              -ms-border-radius-bottomright: 50%;
              -ms-border-radius-bottomleft: 50%;
              -o-border-radius-topleft: 50%;
              -o-border-radius-topright: 50%;
              -o-border-radius-bottomright: 50%;
              -o-border-radius-bottomleft: 50%;
              border-top-left-radius: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%; }
              .widget_details .wd-container .wd-content .credits .credit-details .credit-steps li span.completed {
                background-color: #5cb85c; }
        .widget_details .wd-container .wd-content .credits .credit-details h4 {
          font-weight: 300; }
      .widget_details .wd-container .wd-content .treatmentLate {
        position: relative; }
        .widget_details .wd-container .wd-content .treatmentLate .treatmentLate-details {
          padding: 10px 0 20px 30px;
          position: relative; }
          .widget_details .wd-container .wd-content .treatmentLate .treatmentLate-details .form-group {
            margin-bottom: 3px;
            font-size: 15px; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .widget_details .wd-container .wd-content .treatmentLate .treatmentLate-details .form-group {
                margin-bottom: 0px;
                font-size: 14px; } }
            .widget_details .wd-container .wd-content .treatmentLate .treatmentLate-details .form-group .expired {
              color: #f0545e;
              display: inline-block; }
              .widget_details .wd-container .wd-content .treatmentLate .treatmentLate-details .form-group .expired::first-letter {
                text-transform: uppercase; }
          .widget_details .wd-container .wd-content .treatmentLate .treatmentLate-details .notify {
            margin-top: 20px; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .widget_details .wd-container .wd-content .treatmentLate .treatmentLate-details .notify {
                margin-top: 10px; } }
        .widget_details .wd-container .wd-content .treatmentLate .pagination-treatmentLate {
          position: absolute;
          width: 100%;
          top: 490px;
          left: 0; }
          .widget_details .wd-container .wd-content .treatmentLate .pagination-treatmentLate .accordion {
            height: auto; }
      .widget_details .wd-container .wd-content .visits .visits-details {
        padding: 10px 0 20px 35px;
        position: relative; }
        .widget_details .wd-container .wd-content .visits .visits-details .visit-properties .visit-property {
          width: 100%;
          clear: both;
          display: table;
          padding-left: 0px;
          padding-right: 0px; }
          .widget_details .wd-container .wd-content .visits .visits-details .visit-properties .visit-property .time {
            padding: 0px; }
          .widget_details .wd-container .wd-content .visits .visits-details .visit-properties .visit-property .address {
            color: #00a2c2; }
        .widget_details .wd-container .wd-content .visits .visits-details .visit-comment, .widget_details .wd-container .wd-content .visits .visits-details .pending-confirmation {
          clear: both; }
          .widget_details .wd-container .wd-content .visits .visits-details .visit-comment .comment textarea, .widget_details .wd-container .wd-content .visits .visits-details .visit-comment .commentJustification textarea, .widget_details .wd-container .wd-content .visits .visits-details .pending-confirmation .comment textarea, .widget_details .wd-container .wd-content .visits .visits-details .pending-confirmation .commentJustification textarea {
            resize: none;
            height: 100px; }
          .widget_details .wd-container .wd-content .visits .visits-details .visit-comment .date-return-treatment, .widget_details .wd-container .wd-content .visits .visits-details .pending-confirmation .date-return-treatment {
            font-size: 0.8em;
            padding-top: 10px; }
        .widget_details .wd-container .wd-content .visits .visits-details .options {
          padding-bottom: 30px; }
          .widget_details .wd-container .wd-content .visits .visits-details .options .btn-group {
            margin-left: 10px; }
      .widget_details .wd-container .wd-content .visits .tel-ref-client {
        color: #000;
        padding-left: 35px; }
        .widget_details .wd-container .wd-content .visits .tel-ref-client .visit-client-ref:before {
          content: "-"; }
      .widget_details .wd-container .wd-content .radars .btn {
        margin: 0 2px; }
      .widget_details .wd-container .wd-content .radars .bullet-label {
        margin: 0 10px 0 10px; }
      .widget_details .wd-container .wd-content .radars .radar-details {
        padding: 10px 0 20px 35px;
        position: relative; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .widget_details .wd-container .wd-content .radars .radar-details {
            padding-left: 0px; } }
        .widget_details .wd-container .wd-content .radars .radar-details .property {
          width: 100%;
          margin-bottom: 10px;
          display: table; }
          .widget_details .wd-container .wd-content .radars .radar-details .property .photo {
            padding: 0px; }
            .widget_details .wd-container .wd-content .radars .radar-details .property .photo img {
              width: 100% !important;
              min-height: 75px; }
            .widget_details .wd-container .wd-content .radars .radar-details .property .photo .propertyRef {
              font-size: 13px; }
          .widget_details .wd-container .wd-content .radars .radar-details .property .localization .address {
            color: #00a2c2; }
          .widget_details .wd-container .wd-content .radars .radar-details .property .localization h4 {
            font-weight: 300; }
          .widget_details .wd-container .wd-content .radars .radar-details .property .localization .label {
            text-transform: capitalize; }
          .widget_details .wd-container .wd-content .radars .radar-details .property .options .check {
            width: 30px;
            height: 30px;
            text-align: center;
            display: table;
            border: 1px solid #ddd;
            cursor: pointer;
            float: right;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-bottomleft: 5px;
            -ms-border-radius-topleft: 5px;
            -ms-border-radius-topright: 5px;
            -ms-border-radius-bottomright: 5px;
            -ms-border-radius-bottomleft: 5px;
            -o-border-radius-topleft: 5px;
            -o-border-radius-topright: 5px;
            -o-border-radius-bottomright: 5px;
            -o-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px; }
            .widget_details .wd-container .wd-content .radars .radar-details .property .options .check.show-estate {
              width: auto;
              padding: 5px;
              font-size: 13px; }
              @media only screen and (min-height: 320px) and (max-height: 768px) {
                .widget_details .wd-container .wd-content .radars .radar-details .property .options .check.show-estate {
                  padding: 4px;
                  font-size: 12px; } }
            .widget_details .wd-container .wd-content .radars .radar-details .property .options .check i {
              vertical-align: middle;
              display: table-cell;
              font-size: 19px; }
            .widget_details .wd-container .wd-content .radars .radar-details .property .options .check.active {
              background-color: #5cb85c; }
              .widget_details .wd-container .wd-content .radars .radar-details .property .options .check.active i {
                color: #fff; }
          .widget_details .wd-container .wd-content .radars .radar-details .property .options .real-estate {
            font-size: 13px;
            text-align: center;
            line-height: 15px; }
        .widget_details .wd-container .wd-content .radars .radar-details textarea {
          height: 80px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .widget_details .wd-container .wd-content .radars .radar-details textarea {
              height: 65px; } }
      .widget_details .wd-container .wd-content .simulator {
        padding-top: 20px;
        display: table;
        width: 100%; }
        @media only screen and (min-height: 320px) and (max-height: 768px) {
          .widget_details .wd-container .wd-content .simulator {
            padding-top: 0px; } }
        .widget_details .wd-container .wd-content .simulator .options {
          padding-top: 50px;
          clear: both; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .widget_details .wd-container .wd-content .simulator .options {
              padding-top: 30px; } }
          .widget_details .wd-container .wd-content .simulator .options .btn {
            margin: 0 2px; }
        .widget_details .wd-container .wd-content .simulator .loading-phone, .widget_details .wd-container .wd-content .simulator .loading-email {
          position: absolute;
          top: 7px;
          right: 30px; }
          .widget_details .wd-container .wd-content .simulator .loading-phone i, .widget_details .wd-container .wd-content .simulator .loading-email i {
            color: #00a2c2;
            font-size: 24px; }
        .widget_details .wd-container .wd-content .simulator .stepContent {
          position: relative;
          z-index: 3; }
        .widget_details .wd-container .wd-content .simulator .steps {
          padding-bottom: 20px;
          height: 70px;
          position: relative;
          z-index: 2; }
          .widget_details .wd-container .wd-content .simulator .steps .line {
            display: inline-block;
            position: relative;
            margin-right: -50px; }
            .widget_details .wd-container .wd-content .simulator .steps .line:before {
              content: "";
              background-color: #999;
              height: 1px;
              width: 100%;
              position: absolute;
              top: 12px;
              left: 0px; }
            .widget_details .wd-container .wd-content .simulator .steps .line:after {
              content: "";
              width: 50px;
              height: 25px;
              background-color: #fff;
              position: absolute;
              top: 0;
              right: 0; }
            .widget_details .wd-container .wd-content .simulator .steps .line .step {
              height: 25px;
              width: 25px;
              margin: 0 50px;
              display: inline-block;
              background-color: #999;
              position: relative;
              -webkit-border-top-left-radius: 50%;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -moz-border-radius-topleft: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -ms-border-radius-topleft: 50%;
              -ms-border-radius-topright: 50%;
              -ms-border-radius-bottomright: 50%;
              -ms-border-radius-bottomleft: 50%;
              -o-border-radius-topleft: 50%;
              -o-border-radius-topright: 50%;
              -o-border-radius-bottomright: 50%;
              -o-border-radius-bottomleft: 50%;
              border-top-left-radius: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%; }
              .widget_details .wd-container .wd-content .simulator .steps .line .step:first-of-type {
                margin-left: 0px; }
              .widget_details .wd-container .wd-content .simulator .steps .line .step:nth-of-type(2) {
                margin-left: 0px; }
              .widget_details .wd-container .wd-content .simulator .steps .line .step.actived {
                background-color: #00a2c2; }
        .widget_details .wd-container .wd-content .simulator p.help-block {
          font-size: 0.9em;
          color: #a94442; }
        .widget_details .wd-container .wd-content .simulator #resetFormSimulationFinancy, .widget_details .wd-container .wd-content .simulator #resetFormNewclient {
          width: 1px;
          height: 1px;
          color: #fff;
          background-color: #fff;
          border: none; }
        .widget_details .wd-container .wd-content .simulator .search-form {
          position: relative;
          margin-bottom: 40px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .widget_details .wd-container .wd-content .simulator .search-form {
              margin-bottom: 20px; } }
          .widget_details .wd-container .wd-content .simulator .search-form .autocomplete {
            margin-bottom: 20px; }
        .widget_details .wd-container .wd-content .simulator .client {
          color: #00a2c2;
          font-size: 19px;
          margin-bottom: 30px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .widget_details .wd-container .wd-content .simulator .client {
              margin-bottom: 15px; } }
          .widget_details .wd-container .wd-content .simulator .client i {
            font-size: 24px;
            margin-right: 5px; }
        .widget_details .wd-container .wd-content .simulator .resultSimulation {
          width: 100%;
          height: 270px;
          overflow: hidden; }
          .widget_details .wd-container .wd-content .simulator .resultSimulation .noResult h3 {
            color: #ccc;
            margin: 5px 0 18px; }
          @media only screen and (min-height: 320px) and (max-height: 768px) {
            .widget_details .wd-container .wd-content .simulator .resultSimulation {
              height: 185px; } }
          .widget_details .wd-container .wd-content .simulator .resultSimulation .bank {
            border: 1px solid #ddd;
            padding: 30px 20px;
            text-align: center;
            width: 95%;
            margin: 0 auto 5px auto;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -ms-border-radius-topleft: 4px;
            -ms-border-radius-topright: 4px;
            -ms-border-radius-bottomright: 4px;
            -ms-border-radius-bottomleft: 4px;
            -o-border-radius-topleft: 4px;
            -o-border-radius-topright: 4px;
            -o-border-radius-bottomright: 4px;
            -o-border-radius-bottomleft: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .widget_details .wd-container .wd-content .simulator .resultSimulation .bank {
                padding: 15px; } }
            .widget_details .wd-container .wd-content .simulator .resultSimulation .bank h3 {
              font-weight: bold;
              font-size: 17px;
              margin: 0 0 20px; }
              @media only screen and (min-height: 320px) and (max-height: 768px) {
                .widget_details .wd-container .wd-content .simulator .resultSimulation .bank h3 {
                  margin: 0 0 10px; } }
              .widget_details .wd-container .wd-content .simulator .resultSimulation .bank h3 i {
                font-size: 31px;
                color: #5cb85c; }
            @media only screen and (min-height: 320px) and (max-height: 768px) {
              .widget_details .wd-container .wd-content .simulator .resultSimulation .bank p {
                margin-bottom: 5px; } }
            .widget_details .wd-container .wd-content .simulator .resultSimulation .bank p:last-of-type {
              margin-bottom: 0px; }
            .widget_details .wd-container .wd-content .simulator .resultSimulation .bank p .best-result {
              color: #5cb85c;
              font-weight: bold; }
        .widget_details .wd-container .wd-content .simulator .popover.top.fade {
          font-size: 0.9em; }
        .widget_details .wd-container .wd-content .simulator .finale-simulation {
          margin: 30px 0 0; }
          .widget_details .wd-container .wd-content .simulator .finale-simulation i {
            font-size: 17px; }
          .widget_details .wd-container .wd-content .simulator .finale-simulation .fa-thumbs-o-up {
            color: #5cb85c;
            margin: 40px 0 0;
            font-size: 54px; }
          .widget_details .wd-container .wd-content .simulator .finale-simulation .fa-times-circle-o {
            color: #f0545e;
            margin: 40px 0 0;
            font-size: 54px; }
          .widget_details .wd-container .wd-content .simulator .finale-simulation h4 {
            color: #5cb85c;
            font-weight: normal;
            line-height: 22px; }
            .widget_details .wd-container .wd-content .simulator .finale-simulation h4.error {
              color: #f0545e; }
          .widget_details .wd-container .wd-content .simulator .finale-simulation p {
            margin: 30px 0; }
        .widget_details .wd-container .wd-content .simulator #listFinancialBanks, .widget_details .wd-container .wd-content .simulator #resultsImportantInfo {
          font-size: 0.8em; }
      .widget_details .wd-container .wd-content .feedbackOwner .clearAllFeedBackUsers {
        text-align: right; }
        .widget_details .wd-container .wd-content .feedbackOwner .clearAllFeedBackUsers i {
          color: #00a2c2;
          cursor: pointer; }
      .widget_details .wd-container .wd-content .accordion .panel .panel-heading h4 i.fa-times {
        font-size: 80%;
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 0px;
        cursor: pointer;
        color: #CCCCCC; }
      .widget_details .wd-container .wd-content .accordion .panel .panel-heading .icon-left {
        position: absolute;
        left: 0;
        top: 0; }
      .widget_details .wd-container .wd-content .accordion .panel .panel-heading .icon-right {
        position: absolute;
        right: 0;
        top: 0; }
    .widget_details .wd-container .nophoto {
      overflow: hidden;
      background: #EFEFEF;
      font-size: 35px;
      text-align: center;
      height: 66px;
      width: 85px;
      display: block; }
      .widget_details .wd-container .nophoto .fa {
        font-size: 28px !important; }
    .widget_details .wd-container .wd-footer {
      clear: both;
      width: 100%; }
      .widget_details .wd-container .wd-footer .see-all-treatment {
        margin-top: 5px;
        text-align: center; }
    .widget_details .wd-container gaia-pagination a {
      text-decoration: none; }
    .widget_details .wd-container gaia-pagination i.fa-circle {
      padding: 6px 3px;
      color: #00a2c2; }
    .widget_details .wd-container gaia-pagination i.fa-circle.disabled {
      color: #e6e6e6; }

.wizard {
  width: 100%;
  display: table; }

.modalMenuProducts.modal .modal-dialog {
  max-width: inherit; }

.select_bairros.bootbox.modal .modal-dialog {
  max-width: none; }
  .select_bairros.bootbox.modal .modal-dialog #filter-modal .itens-to-select .input-group {
    width: 100%; }
  .select_bairros.bootbox.modal .modal-dialog #filter-modal .box-selected-itens {
    padding-top: 30px; }
  .select_bairros.bootbox.modal .modal-dialog #filter-modal #wrapper-spinner {
    width: 50%;
    margin: 0 auto; }
  .select_bairros.bootbox.modal .modal-dialog .nenhum-bairro-selecionado {
    margin-top: 10%;
    text-align: center;
    color: #afafaf; }
    @media only screen and (min-width: 768px) {
      .select_bairros.bootbox.modal .modal-dialog .nenhum-bairro-selecionado {
        margin-top: 0; } }
    .select_bairros.bootbox.modal .modal-dialog .nenhum-bairro-selecionado p {
      font-size: 1.3em;
      margin-top: 10px; }

.modal, .bootbox.modal {
  overflow: hidden; }
  .modal .modal-dialog, .bootbox.modal .modal-dialog {
    max-width: 700px; }
    @media (min-width: 992px) {
      .modal .modal-dialog.modal-lg, .bootbox.modal .modal-dialog.modal-lg {
        max-width: 900px;
        width: 900px; } }
    .modal .modal-dialog .modal-content, .bootbox.modal .modal-dialog .modal-content {
      border-radius: 0; }
      .modal .modal-dialog .modal-content .modal-header, .bootbox.modal .modal-dialog .modal-content .modal-header {
        text-align: center;
        border-bottom: 0;
        padding: 20px 15px 10px;
        position: relative; }
        .modal .modal-dialog .modal-content .modal-header .modal-title, .bootbox.modal .modal-dialog .modal-content .modal-header .modal-title {
          font-size: 24px;
          text-align: center;
          font-weight: 300;
          color: #333; }
      .modal .modal-dialog .modal-content .close, .bootbox.modal .modal-dialog .modal-content .close {
        position: absolute;
        right: 20px;
        top: 15px;
        padding: 0 !important;
        font-size: 35px !important;
        z-index: 2; }
      .modal .modal-dialog .modal-content .modal-body a, .bootbox.modal .modal-dialog .modal-content .modal-body a {
        text-decoration: none;
        color: #00a2c2; }
        .modal .modal-dialog .modal-content .modal-body a:hover, .bootbox.modal .modal-dialog .modal-content .modal-body a:hover {
          color: #00778f; }
        .modal .modal-dialog .modal-content .modal-body a p, .bootbox.modal .modal-dialog .modal-content .modal-body a p {
          font-size: 15px; }
      .modal .modal-dialog .modal-content .modal-body .badge, .bootbox.modal .modal-dialog .modal-content .modal-body .badge {
        position: absolute;
        top: 4px;
        right: -8px;
        font-size: 11px;
        padding: 3px 6px;
        font-weight: 300;
        background: #f0545e; }
    .modal .modal-dialog .domain-records, .bootbox.modal .modal-dialog .domain-records {
      word-break: break-all; }

.bootstrap_for_gaia .tourVideoModal.modal .modal-dialog {
  width: 60%;
  max-width: 70%; }
  @media (min-width: 992px) {
    .bootstrap_for_gaia .tourVideoModal.modal .modal-dialog.modal-lg {
      width: 60%;
      max-width: 70%; } }
  .bootstrap_for_gaia .tourVideoModal.modal .modal-dialog .modal-content {
    border-radius: 0; }
    .bootstrap_for_gaia .tourVideoModal.modal .modal-dialog .modal-content .modal-header {
      text-align: center;
      border-bottom: 0;
      padding: 20px 15px 10px;
      position: relative; }
      .bootstrap_for_gaia .tourVideoModal.modal .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 24px;
        text-align: center;
        font-weight: 300;
        color: #333; }
    .bootstrap_for_gaia .tourVideoModal.modal .modal-dialog .modal-content .close {
      position: static;
      right: auto;
      top: auto;
      z-index: auto; }
    .bootstrap_for_gaia .tourVideoModal.modal .modal-dialog .modal-content .modal-footer {
      text-align: center; }

#helpCenter.modal .modal-body a {
  text-align: center;
  display: block;
  margin: 10px 0 10px;
  height: 130px;
  overflow: hidden; }
  #helpCenter.modal .modal-body a i, #helpCenter.modal .modal-body a img.icon {
    font-size: 5em;
    position: relative; }
  #helpCenter.modal .modal-body a img.icon {
    width: 80px;
    height: 84px; }

.box-videos-dashboard h1 {
  text-align: center;
  color: #00a2c2;
  font-weight: lighter;
  font-size: 1.8em;
  width: 60%;
  margin: 0 auto 30px; }

.box-videos-dashboard #video_player {
  position: relative; }
  .box-videos-dashboard #video_player #wrapper_video {
    width: 70%;
    height: 360px;
    float: left; }
    .box-videos-dashboard #video_player #wrapper_video video {
      width: 100%;
      max-width: 610px;
      max-height: 360px; }
  .box-videos-dashboard #video_player figcaption {
    width: 29%;
    padding-left: 1%;
    height: 360px;
    overflow: auto;
    float: left; }
    .box-videos-dashboard #video_player figcaption .thumb-videos {
      display: block;
      height: 75px;
      margin-bottom: 5px;
      position: relative; }
      .box-videos-dashboard #video_player figcaption .thumb-videos span {
        display: block;
        width: 100px;
        height: 70px;
        float: left;
        position: absolute;
        z-index: 2; }
      .box-videos-dashboard #video_player figcaption .thumb-videos img {
        display: block;
        width: 100px;
        height: 70px;
        position: relative;
        z-index: 1;
        float: left; }
      .box-videos-dashboard #video_player figcaption .thumb-videos p {
        width: 128px;
        height: 68px;
        float: left;
        text-align: left;
        padding: 2px 2px 0 5px;
        font-size: 0.75em;
        margin: 0;
        color: #00a2c2; }
    .box-videos-dashboard #video_player figcaption .thumb-videos.active {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      opacity: 0.7; }
      .box-videos-dashboard #video_player figcaption .thumb-videos.active span {
        border: 5px solid #00a2c2; }
    .box-videos-dashboard #video_player figcaption .thumb-videos:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      opacity: 0.7; }
      .box-videos-dashboard #video_player figcaption .thumb-videos:hover span {
        border: 5px solid #00a2c2; }
  .box-videos-dashboard #video_player .nav-thumb-videos {
    border: 0px;
    width: auto;
    height: 50px;
    float: right;
    padding-right: 85px;
    color: #00a2c2; }
    .box-videos-dashboard #video_player .nav-thumb-videos a {
      cursor: pointer;
      margin: 10px 10px 15px;
      text-decoration: none;
      font-size: 1.5em;
      border: none;
      font-weight: bold; }

#content .radar .pagination {
  margin-top: 0;
  margin-bottom: 0; }

#content .radar .popover {
  z-index: 1001;
  max-width: 250px; }
  #content .radar .popover .popover-content {
    padding: 0; }
    #content .radar .popover .popover-content .popover-list {
      margin: 0; }
      #content .radar .popover .popover-content .popover-list.no-hovered .popover-list-item:hover {
        background-color: inherit; }
      #content .radar .popover .popover-content .popover-list .popover-list-item {
        padding: 6px 10px;
        color: #777; }
        #content .radar .popover .popover-content .popover-list .popover-list-item .ing {
          vertical-align: middle; }
        #content .radar .popover .popover-content .popover-list .popover-list-item > a {
          display: inline-block;
          padding: 0; }
          #content .radar .popover .popover-content .popover-list .popover-list-item > a:hover {
            text-decoration: underline; }

#content .radar .boxActiveClient h4 {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 19px; }

#content .radar .boxActiveClient .send-mail-btn {
  margin-top: 12px; }

#content .radar .boxActiveClient .client-name {
  font-weight: 400;
  color: #00a2c2;
  padding: 0 5px; }
  #content .radar .boxActiveClient .client-name:hover {
    cursor: pointer;
    color: #00778f;
    text-decoration: underline; }

#content .radar .radar-tabs {
  height: 50px;
  line-height: 50px; }
  #content .radar .radar-tabs li {
    font-size: 15px;
    padding: 0 20px;
    color: #00a2c2;
    float: left;
    list-style: none;
    position: relative;
    cursor: pointer;
    border-radius: 7px; }
    #content .radar .radar-tabs li .badge {
      background-color: #00a2c2;
      font-size: 13px;
      font-weight: normal;
      margin-left: 5px;
      padding: 4px 12px; }
    #content .radar .radar-tabs li.active {
      background-color: #00a2c2; }
      #content .radar .radar-tabs li.active a {
        color: #fff; }
      #content .radar .radar-tabs li.active:after {
        content: "";
        position: absolute;
        bottom: -11px;
        left: 50%;
        margin-left: -5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 6.5px 0 6.5px;
        border-color: #00a2c2 transparent transparent transparent;
        line-height: 0px;
        _border-color: #00a2c2 #000000 #000000 #000000;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
      #content .radar .radar-tabs li.active .badge {
        color: #00a2c2;
        background-color: #f7f7f7; }

@media (max-width: 992px) {
  #content .radar .slide-in-right {
    display: block;
    transition: 300ms ease;
    animation: 0.3s slideInRight; }
  #content .radar .slide-out-left {
    display: none; }
  #content .radar .slide-out-right {
    display: none; }
  #content .radar .slide-in-left {
    display: block;
    transition: 300ms ease;
    animation: 0.3s slideInLeft; } }

#content .radar .radar-content {
  clear: both; }
  #content .radar .radar-content .spinner-rotate .logo-spinner-rotate {
    margin: 10% auto; }
  #content .radar .radar-content .inner-padding {
    float: left;
    width: 100%; }
    @media (min-width: 1200px) {
      #content .radar .radar-content .inner-padding {
        padding: 0 20px; } }
  #content .radar .radar-content .dropdown.clientDropdown {
    display: none; }
  @media (max-width: 991px) {
    #content .radar .radar-content .dropdown.clientDropdown {
      margin-top: 15px;
      clear: both;
      display: block; }
      #content .radar .radar-content .dropdown.clientDropdown .dropdown-toggle {
        color: #00a2c2;
        width: 100%; }
      #content .radar .radar-content .dropdown.clientDropdown.open .dropdown-menu {
        width: 100%;
        padding: 0; }
        #content .radar .radar-content .dropdown.clientDropdown.open .dropdown-menu > li > a {
          color: #00a2c2;
          padding-top: 8px;
          padding-bottom: 8px; }
          #content .radar .radar-content .dropdown.clientDropdown.open .dropdown-menu > li > a.active {
            color: #fff;
            background: #00a2c2; }
            #content .radar .radar-content .dropdown.clientDropdown.open .dropdown-menu > li > a.active .badge {
              color: #00a2c2;
              background: #fff; }
          #content .radar .radar-content .dropdown.clientDropdown.open .dropdown-menu > li > a .badge {
            color: #fff;
            font-weight: normal;
            background: #00a2c2; } }
  #content .radar .radar-content .balloon {
    border-radius: 4px;
    position: relative; }
    #content .radar .radar-content .balloon > .arrow {
      content: "";
      border-width: 10px; }
    #content .radar .radar-content .balloon > .arrow, #content .radar .radar-content .balloon .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    #content .radar .radar-content .balloon.left {
      float: right; }
      #content .radar .radar-content .balloon.left > .arrow {
        top: 20%;
        right: -10px;
        border-right-width: 0;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-color: #cae4f1; }
        #content .radar .radar-content .balloon.left > .arrow:after {
          right: 0px;
          bottom: -6px;
          content: " ";
          border-right-width: 0;
          border-left-color: #cae4f1;
          border-top-width: 6px;
          border-bottom-width: 6px;
          border-left-width: 10px; }
    #content .radar .radar-content .balloon.right {
      float: left; }
      #content .radar .radar-content .balloon.right > .arrow {
        top: 20%;
        left: -10px;
        border-left-width: 0;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-right-color: #eaf6ea; }
        #content .radar .radar-content .balloon.right > .arrow:after {
          left: 0px;
          bottom: -6px;
          content: " ";
          border-left-width: 0;
          border-right-color: #dedede;
          border-top-width: 6px;
          border-bottom-width: 6px;
          border-right-width: 10px; }
  #content .radar .radar-content .name-partner {
    font-weight: 600;
    color: #00a2c2; }
  @media (min-width: 992px) {
    #content .radar .radar-content .left-column {
      padding-right: 0; } }
  #content .radar .radar-content .left-column .paginator {
    margin-top: 10px;
    margin-bottom: 0 !important; }
    #content .radar .radar-content .left-column .paginator a:hover, #content .radar .radar-content .left-column .paginator a:focus {
      text-decoration: none; }
  #content .radar .radar-content .left-column [angular-follow] {
    max-height: 98%;
    overflow: auto; }
  #content .radar .radar-content .left-column .search .dropdown-menu {
    padding: 0;
    width: 100%;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto; }
    #content .radar .radar-content .left-column .search .dropdown-menu li > a {
      padding: .375rem .5rem; }
  #content .radar .radar-content .left-column .search .form-group {
    position: relative; }
    #content .radar .radar-content .left-column .search .form-group .form-control {
      padding-right: 35px; }
  #content .radar .radar-content .left-column .search input[type="text"] {
    height: inherit; }
  #content .radar .radar-content .left-column .search .btn {
    border-left: 0; }
  #content .radar .radar-content .left-column .search button {
    color: #505050;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background-color: transparent; }
  #content .radar .radar-content .left-column .ui-autocomplete {
    display: none !important;
    visibility: hidden; }
  #content .radar .radar-content .left-column .clients li {
    list-style: none;
    margin-bottom: 3px; }
    #content .radar .radar-content .left-column .clients li a {
      padding: 6px 10px;
      display: block;
      font-size: 15px;
      -webkit-border-top-left-radius: 2px;
      -webkit-border-top-right-radius: 2px;
      -webkit-border-bottom-right-radius: 2px;
      -webkit-border-bottom-left-radius: 2px;
      -moz-border-radius-topleft: 2px;
      -moz-border-radius-topright: 2px;
      -moz-border-radius-bottomright: 2px;
      -moz-border-radius-bottomleft: 2px;
      -ms-border-radius-topleft: 2px;
      -ms-border-radius-topright: 2px;
      -ms-border-radius-bottomright: 2px;
      -ms-border-radius-bottomleft: 2px;
      -o-border-radius-topleft: 2px;
      -o-border-radius-topright: 2px;
      -o-border-radius-bottomright: 2px;
      -o-border-radius-bottomleft: 2px;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out; }
      #content .radar .radar-content .left-column .clients li a:hover, #content .radar .radar-content .left-column .clients li a.active {
        text-decoration: none;
        background-color: #00a2c2;
        color: #fff; }
        #content .radar .radar-content .left-column .clients li a:hover .badge, #content .radar .radar-content .left-column .clients li a.active .badge {
          background-color: #fff;
          color: #00a2c2; }
      #content .radar .radar-content .left-column .clients li a i {
        font-size: 18px;
        margin-right: 5px;
        vertical-align: middle; }
      #content .radar .radar-content .left-column .clients li a .badge {
        background-color: #00a2c2;
        font-weight: normal;
        padding: 4px 10px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
  #content .radar .radar-content .left-column .myPartnersList {
    list-style: none; }
  #content .radar .radar-content .left-column .media {
    overflow: hidden;
    cursor: pointer;
    padding: 2px 0;
    font-size: 15px;
    border-radius: 4px;
    margin-top: 0;
    margin-bottom: 5px;
    position: relative;
    min-height: 60px; }
    #content .radar .radar-content .left-column .media .badge {
      float: right;
      background-color: #00a2c2;
      font-weight: normal;
      padding: 4px 10px;
      position: absolute;
      right: 10px;
      bottom: 0;
      top: 0;
      margin: auto;
      height: 20px;
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      transition: all 100ms ease-in-out; }
    #content .radar .radar-content .left-column .media:hover, #content .radar .radar-content .left-column .media.active {
      text-decoration: none;
      background-color: #00a2c2;
      color: #fff; }
      #content .radar .radar-content .left-column .media:hover .badge, #content .radar .radar-content .left-column .media.active .badge {
        background-color: #fff;
        color: #00a2c2; }
      #content .radar .radar-content .left-column .media:hover *, #content .radar .radar-content .left-column .media.active * {
        color: #fff; }
        #content .radar .radar-content .left-column .media:hover * .name-partner, #content .radar .radar-content .left-column .media.active * .name-partner {
          color: #fff; }
          #content .radar .radar-content .left-column .media:hover * .name-partner:focus, #content .radar .radar-content .left-column .media.active * .name-partner:focus {
            text-decoration: none; }
    #content .radar .radar-content .left-column .media a:hover {
      text-decoration: none; }
    #content .radar .radar-content .left-column .media .media-left {
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 40px;
      width: 40px; }
      #content .radar .radar-content .left-column .media .media-left img {
        width: 40px;
        height: 40px; }
    #content .radar .radar-content .left-column .media .data-partner {
      float: left;
      padding-left: 60px;
      padding-right: 40px; }
  #content .radar .radar-content .media {
    overflow: visible; }
    #content .radar .radar-content .media img.profile {
      border-radius: 50%; }
    #content .radar .radar-content .media .media-left {
      position: relative; }
    #content .radar .radar-content .media .user-status {
      position: absolute;
      bottom: -6px;
      right: 0; }
      #content .radar .radar-content .media .user-status.online {
        color: #008000; }
      #content .radar .radar-content .media .user-status.busy {
        color: #d9534f; }
      #content .radar .radar-content .media .user-status.offline {
        color: #808080; }
      #content .radar .radar-content .media .user-status.away {
        color: #FFA500; }
  #content .radar .radar-content .chat-sidebar {
    overflow-x: hidden;
    position: relative; }
    @media (max-width: 768px) {
      #content .radar .radar-content .chat-sidebar {
        padding-bottom: 50px; }
        #content .radar .radar-content .chat-sidebar .chat-pagination {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%; } }
  #content .radar .radar-content .right-column .flex-container {
    min-height: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: app-enter .3s;
    animation: app-enter .3s;
    background-position: top left;
    background-repeat: repeat-x;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #content .radar .radar-content .right-column .flex-container .flex-body {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      overflow-x: hidden;
      overflow-y: scroll;
      box-sizing: border-box;
      border-left: 1px solid rgba(0, 0, 0, 0.03);
      -webkit-transition: background .3s ease-out .1s;
      transition: background .3s ease-out .1s; }
  #content .radar .radar-content .right-column .chat-container {
    position: relative;
    overflow: hidden;
    padding: 0; }
    #content .radar .radar-content .right-column .chat-container .badge.unread-remaining {
      position: absolute;
      bottom: -25px;
      margin: auto;
      left: 0;
      right: 0;
      width: 180px;
      background: #00a2c2; }
    #content .radar .radar-content .right-column .chat-container .not-found-messages {
      margin: 22.5% auto; }
      #content .radar .radar-content .right-column .chat-container .not-found-messages .panel.panel-default {
        border-color: #fff;
        box-shadow: none; }
    #content .radar .radar-content .right-column .chat-container .chat-header {
      flex: none;
      z-index: 1;
      width: 100%;
      position: relative;
      padding: 8px 15px;
      border-bottom: 1px solid #c5c5c5;
      box-shadow: 0px 2px 10px #ababab;
      -moz-box-shadow: 0px 2px 10px #ababab;
      -webkit-box-shadow: 0px 2px 10px #ababab;
      background: #FDFDFD; }
      #content .radar .radar-content .right-column .chat-container .chat-header .media .media-left {
        float: left;
        margin-right: 10px;
        overflow: initial; }
      #content .radar .radar-content .right-column .chat-container .chat-header .media .media-body .media-heading {
        margin: 10px 0 0;
        font-weight: 600;
        font-size: 16px; }
      #content .radar .radar-content .right-column .chat-container .chat-header .media img {
        height: 55px;
        width: 55px; }
      @media (max-width: 768px) {
        #content .radar .radar-content .right-column .chat-container .chat-header {
          padding: 8px 12px; }
          #content .radar .radar-content .right-column .chat-container .chat-header .media .media-body .media-heading {
            margin: 5px 0 0;
            font-size: 15px; }
          #content .radar .radar-content .right-column .chat-container .chat-header .media img {
            height: 40px;
            width: 40px; } }
    #content .radar .radar-content .right-column .chat-container .chat-body {
      position: relative;
      padding: 20px 20px 50px;
      overflow: hidden;
      overflow-y: auto;
      background-color: #d9d9d9;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MDAnIGhlaWdodD0nNDAwJyB2aWV3Qm94PScwIDAgNDAwIDQwMCc+Cgk8ZGVmcz4KCQk8cGF0dGVybiBpZD0nYmx1ZXN0cmlwZScgcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgeD0nMCcgeT0nMCcgd2lkdGg9JzQnIGhlaWdodD0nNCcgdmlld0JveD0nMCAwIDQgNCcgPgoJCQk8bGluZSB4MT0nLTEnIHkxPSctMScgeDI9JzQnIHkyPSc0JyBzdHJva2U9JyNkMGQwZDAnIHN0cm9rZS13aWR0aD0nMScvPgoJCQk8bGluZSB4MT0nMycgeTE9Jy0xJyB4Mj0nNScgeTI9JzEnIHN0cm9rZT0nI2QwZDBkMCcgc3Ryb2tlLXdpZHRoPScxJy8+CgkJCTxsaW5lIHgxPSctMScgeTE9JzMnIHgyPScxJyB5Mj0nNScgc3Ryb2tlPScjZDBkMGQwJyBzdHJva2Utd2lkdGg9JzEnLz4KCQk8L3BhdHRlcm4+IAoJCTxmaWx0ZXIgaWQ9J2Z1enonIHg9JzAnIHk9JzAnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J3R1cmJ1bGVuY2UnIGJhc2VGcmVxdWVuY3k9Jy41JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+CgkJCTxmZUNvbnZvbHZlTWF0cml4IG9yZGVyPSczLDMnIGtlcm5lbE1hdHJpeD0nMCwtLjI1LDAsLS4yNSwyLC0uMjUsMCwtLjI1LDAnLz4KCQk8L2ZpbHRlcj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYmx1ZXN0cmlwZSknLz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNmdXp6KScgb3BhY2l0eT0nMC4yMScvPgo8L3N2Zz4=); }
      #content .radar .radar-content .right-column .chat-container .chat-body .media {
        display: inline-block;
        clear: both;
        padding: 5px 10px;
        margin-bottom: 10px;
        display: block;
        overflow: initial;
        overflow-wrap: break-word;
        word-wrap: break-word;
        max-width: 100%; }
        #content .radar .radar-content .right-column .chat-container .chat-body .media img {
          border-radius: 50%;
          vertical-align: middle;
          width: 40px;
          height: 40px; }
          #content .radar .radar-content .right-column .chat-container .chat-body .media img.emoji-img {
            margin: 0; }
        #content .radar .radar-content .right-column .chat-container .chat-body .media .date-partner {
          font-size: 0.750em;
          margin-bottom: 0.1em; }
        #content .radar .radar-content .right-column .chat-container .chat-body .media .name-partner, #content .radar .radar-content .right-column .chat-container .chat-body .media .real-estate {
          color: #00a2c2;
          font-weight: 600;
          font-size: 0.9em; }
        #content .radar .radar-content .right-column .chat-container .chat-body .media .fullMessagePartner {
          white-space: pre-line;
          margin: 0; }
          @media (max-width: 768px) {
            #content .radar .radar-content .right-column .chat-container .chat-body .media .fullMessagePartner {
              font-size: 14px; } }
        #content .radar .radar-content .right-column .chat-container .chat-body .media .media-body {
          overflow: initial; }
        #content .radar .radar-content .right-column .chat-container .chat-body .media.message-mine {
          background: #cae4f1;
          text-align: right; }
        #content .radar .radar-content .right-column .chat-container .chat-body .media.message-other {
          background: #dedede;
          text-align: left; }
    #content .radar .radar-content .right-column .chat-container .typing {
      background-color: #EFEFEF;
      bottom: 70px;
      left: 20px;
      width: 65px;
      box-shadow: 0px -2px 10px #ababab;
      -webkit-box-shadow: 0px -2px 10px #ababab; }
      #content .radar .radar-content .right-column .chat-container .typing .loading-dots > span {
        background-color: #00a2c2; }
      #content .radar .radar-content .right-column .chat-container .typing.media {
        position: absolute; }
    #content .radar .radar-content .right-column .chat-container .chat-footer {
      position: relative;
      flex: none;
      z-index: 1;
      width: 100%;
      clear: both;
      padding: 15px;
      border-top: 1px solid #c5c5c5;
      box-shadow: 0px -2px 10px #ababab;
      -moz-box-shadow: 0px -2px 10px #ababab;
      -webkit-box-shadow: 0px -2px 10px #ababab;
      background: #FDFDFD; }
      @media (max-width: 768px) {
        #content .radar .radar-content .right-column .chat-container .chat-footer {
          padding: 5px; } }
    #content .radar .radar-content .right-column .chat-container .send-mail-btn .btn {
      float: right; }
    @media (max-width: 768px) {
      #content .radar .radar-content .right-column .chat-container .send-mail-btn {
        border-top: 1px solid #ccc;
        float: left;
        width: 100%;
        padding: 15px;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
        text-align: center; }
        #content .radar .radar-content .right-column .chat-container .send-mail-btn .btn {
          float: none !important; } }
    #content .radar .radar-content .right-column .chat-container .popover .popover-content {
      font-size: 15px; }
      #content .radar .radar-content .right-column .chat-container .popover .popover-content ul > li {
        position: relative;
        padding: 10px 0px;
        padding-left: 25px; }
        #content .radar .radar-content .right-column .chat-container .popover .popover-content ul > li:hover {
          background: transparent; }
        #content .radar .radar-content .right-column .chat-container .popover .popover-content ul > li i.fa {
          font-size: 19px;
          position: absolute;
          left: 0; }
  #content .radar .radar-content .right-column .profiles-client {
    list-style-type: none; }
    #content .radar .radar-content .right-column .profiles-client .indexPerfil {
      margin-right: 5px; }
    #content .radar .radar-content .right-column .profiles-client .cityState:before {
      content: "- "; }
    #content .radar .radar-content .right-column .profiles-client .edit-profile {
      margin-left: 10px; }
  #content .radar .radar-content .right-column .group-radar-properties .group-radar {
    overflow: hidden;
    margin-bottom: 15px; }
    #content .radar .radar-content .right-column .group-radar-properties .group-radar h3 {
      font-size: 23px;
      font-weight: lighter;
      border-bottom: 1px solid #dedede; }
    #content .radar .radar-content .right-column .group-radar-properties .group-radar .radar-header {
      float: left;
      width: 100%;
      margin-bottom: 10px; }
    #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item {
      background: #fff;
      clear: both;
      margin-bottom: 15px;
      border: 1px solid #e6e6e6;
      box-shadow: 0 0 5px #e0e0e0;
      transition: 0.3s ease-in-out; }
      #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item:hover {
        box-shadow: 0 0 10px #ccc; }
      #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties {
        position: relative; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .properties {
          padding: 10px; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood {
          width: 100%;
          position: relative;
          overflow: hidden; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties img, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood img {
            display: none !important; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties .placehold, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .placehold {
            height: 180px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #ddd;
            text-align: center; }
            #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties .placehold:hover, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .placehold:hover {
              cursor: pointer; }
            #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties .placehold .placeholder-icon, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .placehold .placeholder-icon {
              font-size: 4rem;
              color: #a5a5a5;
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
            #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties .placehold .img-responsive, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .placehold .img-responsive {
              display: inline-block; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties .icon-image, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .icon-image {
            display: flex;
            position: absolute;
            width: 100%;
            z-index: 2;
            bottom: 0;
            height: 40px;
            line-height: 40px;
            background-color: rgba(0, 0, 0, 0.6); }
            #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties .icon-image span, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .icon-image span {
              width: 33%;
              text-align: center;
              font-size: 13px;
              font-weight: 600;
              color: #fff;
              padding: 0; }
              #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .image-properties .icon-image span i, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .icon-image span i {
                color: #fff; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood {
          height: 85px;
          line-height: 1.250em; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood p {
            margin-bottom: 0;
            line-height: 1.4; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .property-neighborhood {
            color: #378acd;
            font-size: 15px;
            margin-bottom: 5px; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .property-price, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .hover-image-properties .price-neighborhood .property-price-rent {
            color: #505050;
            font-size: 17px;
            font-weight: 300; }
      #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .btn-toolbar {
        text-align: center; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .btn-toolbar .btn {
          float: none;
          margin-bottom: 5px; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .btn-toolbar .btn .btn-success.notPermissionSendMessage {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            opacity: 0.5; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .btn-toolbar .btn .ing, #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .btn-toolbar .btn .fa {
            vertical-align: middle; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .btn-toolbar .label {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 5px;
          line-height: 1.25;
          padding-top: 4px;
          padding-bottom: 4px; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .btn-toolbar .label i {
            display: block; }
      #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .active-send-email {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 3;
        opacity: 0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha(opacity=60)";
        text-align: center; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .active-send-email:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          font-size: 2.75rem;
          width: 70px;
          height: 70px;
          vertical-align: middle; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .active-send-email:hover {
          cursor: pointer; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .active-send-email.disabled {
          display: block;
          background: #fff; }
        #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .active-send-email.selected {
          display: block;
          background-color: #00a2c2; }
          #content .radar .radar-content .right-column .group-radar-properties .group-radar .list-radar-prop .item .active-send-email.selected:before {
            content: "\E013";
            font-family: 'ingaia-font-icons', sans-serif;
            color: #fff; }
  #content .radar .radar-content .right-column .send-email {
    text-align: center; }
  #content .radar .radar-content .right-column .comunidadeGaiaTab {
    display: none; }
  #content .radar .radar-content .right-column .modal button.btn.btn-success {
    float: none;
    margin-top: 0; }
  #content .radar .radar-content .right-column .laterMessages {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 15px; }

#content .radar ul.history-list-clients {
  list-style: none;
  margin-top: 40px; }
  #content .radar ul.history-list-clients li {
    margin-bottom: 15px; }
    #content .radar ul.history-list-clients li a {
      color: #00a2c2; }

.bootstrap_for_gaia .boxActiveClient h2 .popover {
  max-width: initial; }

#fancybox-wrap .spinner-rotate {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.trainning {
  padding: 10px 0 50px 0; }
  .trainning .container .header-trainning {
    border-bottom: 10px solid #efefef;
    padding: 15px 0;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc; }
    .trainning .container .header-trainning .progress-radial {
      float: left;
      position: relative;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      border: 2px solid #e8e8e8;
      background-color: #388ed7;
      margin-top: 7px; }
      .trainning .container .header-trainning .progress-radial .overlay {
        position: absolute;
        width: 88px;
        height: 88px;
        background-color: #e8e8e8;
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-radius: 50%;
        margin-left: 4px;
        margin-top: 4px;
        text-align: center;
        line-height: 60px;
        font-size: 45px;
        color: #fff; }
        .trainning .container .header-trainning .progress-radial .overlay .icon-category {
          position: relative;
          margin-top: 23px;
          font-size: 35px; }
    .trainning .container .header-trainning h1 {
      font-size: 24px;
      font-weight: 300;
      margin: 10px 0 15px 120px; }
    .trainning .container .header-trainning p {
      margin-left: 120px; }
    .trainning .container .header-trainning .online-trainning {
      margin: 40px 0 0 0; }
    .trainning .container .header-trainning .download-apostilas {
      position: relative;
      font-size: 0.8em;
      margin: 10px 0 0 0; }
      .trainning .container .header-trainning .download-apostilas .btn-default {
        padding-left: 30px; }
    .trainning .container .header-trainning .download-apostilas:before {
      content: "\f019";
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #000;
      font-size: 14px;
      padding-right: 0.5em;
      position: absolute;
      top: 10px;
      left: 10px; }
    .trainning .container .header-trainning .btn-assista-treinamento, .trainning .container .header-trainning .btn-contrate-treinamento {
      width: 325px;
      margin-top: 10px; }
  .trainning .container .content-trainning {
    padding: 0px;
    background-color: #fff; }
    .trainning .container .content-trainning .embed-responsive {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 60px;
      overflow: hidden;
      background-color: #000; }
      .trainning .container .content-trainning .embed-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .trainning .container .content-trainning .embed-responsive iframe .el-embedded .ytp-button-watch-on-youtube {
          display: none !important; }
    .trainning .container .content-trainning .video-details {
      font-size: 0.8em;
      border-top: 10px solid #efefef;
      padding: 10px;
      box-shadow: 0px 0px 5px #ccc; }
      .trainning .container .content-trainning .video-details .video-name {
        display: block;
        margin-bottom: 5px; }
  .trainning .container .aside-trainning {
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc; }
    .trainning .container .aside-trainning dl {
      padding: 20px 10px;
      margin-bottom: 0; }
      .trainning .container .aside-trainning dl dt {
        font-weight: normal;
        color: #00a2c2;
        margin-bottom: 10px;
        cursor: pointer; }
        .trainning .container .aside-trainning dl dt .badge {
          font-size: 9px;
          background-color: #E24A53;
          padding: 2px 6px;
          position: relative;
          top: -10px; }
      .trainning .container .aside-trainning dl dt.active {
        color: #000; }
      .trainning .container .aside-trainning dl dd ul {
        list-style: none; }
        .trainning .container .aside-trainning dl dd ul li {
          cursor: pointer;
          position: relative; }
          .trainning .container .aside-trainning dl dd ul li .thumb-video {
            display: block;
            float: left;
            width: 80px;
            height: 60px;
            border: 3px solid #fff;
            position: relative;
            z-index: 1; }
          .trainning .container .aside-trainning dl dd ul li .fa-play, .trainning .container .aside-trainning dl dd ul li .fa-repeat {
            position: absolute;
            z-index: 2;
            top: 22px;
            left: 35px;
            color: #fff; }
          .trainning .container .aside-trainning dl dd ul li .fa-repeat {
            top: 21px;
            left: 30px;
            font-size: 130%; }
          .trainning .container .aside-trainning dl dd ul li p.name-video {
            font-size: 0.8em;
            margin-left: 90px;
            color: #000;
            padding-top: 3px; }
        .trainning .container .aside-trainning dl dd ul li:hover .thumb-video, .trainning .container .aside-trainning dl dd ul li.active .thumb-video {
          border: 3px solid #00a2c2; }
        .trainning .container .aside-trainning dl dd ul li.visualized {
          opacity: 0.4; }

@media (min-width: 992px) {
  .content-trainning {
    border-right: 10px solid #efefef;
    height: auto;
    min-height: 570px !important; }
  .aside-trainning {
    height: auto;
    overflow: hidden; } }

/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-0 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(90deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-1 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(93.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-2 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(97.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-3 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(100.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-4 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(104.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-5 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(108deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-6 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(111.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-7 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(115.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-8 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(118.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-9 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(122.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-10 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(126deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-11 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(129.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-12 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(133.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-13 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(136.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-14 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(140.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-15 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(144deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-16 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(147.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-17 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(151.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-18 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(154.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-19 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(158.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-20 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(162deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-21 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(165.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-22 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(169.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-23 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(172.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-24 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(176.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-25 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(180deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-26 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(183.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-27 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(187.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-28 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(190.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-29 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(194.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-30 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(198deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-31 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(201.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-32 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(205.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-33 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(208.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-34 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(212.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-35 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(216deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-36 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(219.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-37 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(223.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-38 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(226.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-39 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(230.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-40 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(234deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-41 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(237.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-42 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(241.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-43 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(244.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-44 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(248.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-45 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(252deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-46 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(255.6deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-47 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(259.2deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-48 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(262.8deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-49 {
  background-image: linear-gradient(90deg, #e8e8e8 50%, transparent 50%, transparent), linear-gradient(266.4deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-50 {
  background-image: linear-gradient(-90deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-51 {
  background-image: linear-gradient(-86.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-52 {
  background-image: linear-gradient(-82.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-53 {
  background-image: linear-gradient(-79.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-54 {
  background-image: linear-gradient(-75.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-55 {
  background-image: linear-gradient(-72deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-56 {
  background-image: linear-gradient(-68.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-57 {
  background-image: linear-gradient(-64.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-58 {
  background-image: linear-gradient(-61.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-59 {
  background-image: linear-gradient(-57.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-60 {
  background-image: linear-gradient(-54deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-61 {
  background-image: linear-gradient(-50.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-62 {
  background-image: linear-gradient(-46.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-63 {
  background-image: linear-gradient(-43.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-64 {
  background-image: linear-gradient(-39.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-65 {
  background-image: linear-gradient(-36deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-66 {
  background-image: linear-gradient(-32.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-67 {
  background-image: linear-gradient(-28.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-68 {
  background-image: linear-gradient(-25.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-69 {
  background-image: linear-gradient(-21.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-70 {
  background-image: linear-gradient(-18deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-71 {
  background-image: linear-gradient(-14.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-72 {
  background-image: linear-gradient(-10.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-73 {
  background-image: linear-gradient(-7.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-74 {
  background-image: linear-gradient(-3.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-75 {
  background-image: linear-gradient(0deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-76 {
  background-image: linear-gradient(3.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-77 {
  background-image: linear-gradient(7.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-78 {
  background-image: linear-gradient(10.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-79 {
  background-image: linear-gradient(14.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-80 {
  background-image: linear-gradient(18deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-81 {
  background-image: linear-gradient(21.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-82 {
  background-image: linear-gradient(25.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-83 {
  background-image: linear-gradient(28.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-84 {
  background-image: linear-gradient(32.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-85 {
  background-image: linear-gradient(36deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-86 {
  background-image: linear-gradient(39.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-87 {
  background-image: linear-gradient(43.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-88 {
  background-image: linear-gradient(46.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-89 {
  background-image: linear-gradient(50.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-90 {
  background-image: linear-gradient(54deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-91 {
  background-image: linear-gradient(57.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-92 {
  background-image: linear-gradient(61.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-93 {
  background-image: linear-gradient(64.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-94 {
  background-image: linear-gradient(68.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-95 {
  background-image: linear-gradient(72deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-96 {
  background-image: linear-gradient(75.6deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-97 {
  background-image: linear-gradient(79.2deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-98 {
  background-image: linear-gradient(82.8deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-99 {
  background-image: linear-gradient(86.4deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.progress-100 {
  background-image: linear-gradient(90deg, #388ed7 50%, transparent 50%, transparent), linear-gradient(270deg, #388ed7 50%, #e8e8e8 50%, #e8e8e8); }

.bootstrap_for_gaia .alertMsg {
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 1100;
  text-align: center; }

.bootstrap_for_gaia .message {
  text-align: center;
  font-size: 15px; }
  .bootstrap_for_gaia .message p {
    font-size: 24px;
    font-weight: 300; }
  .bootstrap_for_gaia .message i.fa {
    display: block;
    font-size: 5em;
    margin: 10px 0; }
  .bootstrap_for_gaia .message .title {
    display: block;
    font-size: 28px; }
  .bootstrap_for_gaia .message.message-success i.fa, .bootstrap_for_gaia .message.message-success .title {
    color: #5cb85c; }
  .bootstrap_for_gaia .message.message-not-found {
    padding: 20px 0; }
    .bootstrap_for_gaia .message.message-not-found i.fa {
      color: #00a2c2; }

.bootstrap_for_gaia .header-content[angular-follow] {
  z-index: 1; }

.bootstrap_for_gaia .news-listing .news-sidebar [angular-follow] {
  max-height: 98%;
  overflow: auto;
  box-shadow: 0px 0px 5px #ccc;
  background: #d0d0d0; }

@media (min-width: 992px) {
  .bootstrap_for_gaia .news-listing .news-sidebar {
    padding-left: 0px; } }

.bootstrap_for_gaia .news-listing .news-sidebar a {
  color: #6a6a6a;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  padding-left: 40px;
  background: #e9e9e9;
  margin-bottom: 3px;
  opacity: 0.7;
  border-left: 2px solid; }
  .bootstrap_for_gaia .news-listing .news-sidebar a.active {
    color: #fff;
    background-color: #999;
    border-color: #000;
    opacity: 1; }
    .bootstrap_for_gaia .news-listing .news-sidebar a.active .list-group-item-text {
      color: #000; }
    .bootstrap_for_gaia .news-listing .news-sidebar a.active:before {
      color: #000; }
  .bootstrap_for_gaia .news-listing .news-sidebar a:hover {
    color: #fff;
    background-color: #aaa;
    border-color: #aaa;
    opacity: 1; }
  .bootstrap_for_gaia .news-listing .news-sidebar a:before {
    content: "\E03B";
    font-family: "ingaia-font-icons";
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    width: 20px; }

.bootstrap_for_gaia .news-listing .news-sidebar .unread {
  position: relative;
  color: #00a2c2;
  background: #fff;
  opacity: 1; }
  .bootstrap_for_gaia .news-listing .news-sidebar .unread:before {
    content: "\E03A"; }
  .bootstrap_for_gaia .news-listing .news-sidebar .unread:hover {
    background-color: #19abc8;
    border-color: #19abc8; }

.bootstrap_for_gaia .news-listing .news-sidebar .date {
  display: block;
  font-size: 13px; }

.bootstrap_for_gaia .news-listing span button.btn.btn-search {
  height: 100% !important; }

.bootstrap_for_gaia .news-listing .news-content {
  padding: 0; }

.bootstrap_for_gaia .news-listing .box-content {
  background-color: #fff;
  padding: 0 15px;
  margin-bottom: 20px;
  font-size: 15px;
  box-shadow: 0px 0px 5px #ccc; }
  .bootstrap_for_gaia .news-listing .box-content:last-child {
    border-bottom: 0; }
  .bootstrap_for_gaia .news-listing .box-content ul, .bootstrap_for_gaia .news-listing .box-content ol {
    padding-left: 15px; }
  .bootstrap_for_gaia .news-listing .box-content h3 {
    color: #333;
    font-size: 22px;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px; }
  .bootstrap_for_gaia .news-listing .box-content .date {
    color: #505050; }
  .bootstrap_for_gaia .news-listing .box-content .content {
    color: #333; }
  .bootstrap_for_gaia .news-listing .box-content .feedback {
    padding: 20px 0;
    text-align: center; }
    .bootstrap_for_gaia .news-listing .box-content .feedback .comment .comment-title {
      color: #00a2c2; }
    .bootstrap_for_gaia .news-listing .box-content .feedback .comment textarea {
      margin: 10px 0px;
      font-size: 15px; }
  .bootstrap_for_gaia .news-listing .box-content .container-iframe {
    margin: 10px 0;
    text-align: center; }

.bootstrap_for_gaia .news-listing img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto; }

.bootstrap_for_gaia .news-listing .load-more {
  padding: 20px 0;
  text-align: center; }

@media (max-width: 768px) {
  .bootstrap_for_gaia .header-content {
    border-bottom: 1px solid #ccc; }
  .bootstrap_for_gaia .news-sidebar {
    display: none; }
  .bootstrap_for_gaia .title {
    text-align: center; }
  .bootstrap_for_gaia .news-listing .box-content .content {
    font-size: 15px; } }

.alertMsg {
  z-index: 9999;
  margin: 0; }
  .alertMsg .alert {
    margin: 0 !important; }

.system #content [news-notifications] .news-wrapper {
  border: 1px solid #E7E7E7; }

.system #content [news-notifications] .news-counter {
  font-size: 4em; }

.system #content [news-notifications] .container-fluid {
  padding-left: 0;
  padding-right: 0; }
  .system #content [news-notifications] .container-fluid .btn-action a {
    color: #fff; }
  @media (max-width: 768px) {
    .system #content [news-notifications] .container-fluid .ui-carousel-title {
      font-size: 1.5em; } }

@media (min-width: 768px) {
  [news-notifications] .news-counter, [news-notifications] .news-content, [news-notifications] .ui-carousel {
    height: 130px;
    overflow: hidden; }
  [news-notifications] .ui-carousel-slide {
    height: 65px; } }

[news-notifications] .news-wrapper {
  margin-top: 15px; }

[news-notifications] .news-counter {
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
  background-color: #00a2c2;
  color: #fff;
  font-size: 3em;
  font-weight: 300; }
  [news-notifications] .news-counter .count {
    position: relative; }
  [news-notifications] .news-counter .count-total {
    font-size: 15px;
    opacity: 0.4;
    margin-left: -6px; }
  [news-notifications] .news-counter i.fa {
    font-size: 0.550em;
    vertical-align: middle;
    display: block; }

[news-notifications] .news-content {
  background: #fff; }

[news-notifications] .animation.ng-enter, [news-notifications] .animation.ng-leave, [news-notifications] .animation.ng-move {
  transition: 0.5s linear all; }

[news-notifications] .animation.ng-enter-stagger, [news-notifications] .animation.ng-leave-stagger, [news-notifications] .animation.ng-move-stagger {
  transition-delay: 0.05s; }

[news-notifications] .animation.ng-enter, [news-notifications] .animation.ng-move, [news-notifications] .animation.ng-leave.ng-leave-active {
  opacity: 0; }

[news-notifications] .animation.ng-enter.ng-enter-active, [news-notifications] .animation.ng-move.ng-move-active, [news-notifications] .animation.ng-leave {
  opacity: 1; }

.table-content {
  display: table;
  width: 100%; }
  .table-content .table-row {
    display: table-row; }
  .table-content .table-cell {
    display: table-cell; }
    @media (max-width: 768px) {
      .table-content .table-cell {
        display: block; } }

.ui-carousel {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0; }
  .ui-carousel .actions {
    position: absolute;
    right: 0;
    top: 10px; }
    .ui-carousel .actions i {
      margin-left: 10px;
      cursor: pointer; }
    .ui-carousel .actions .dismiss {
      font-size: 17px;
      color: #ccc; }
      .ui-carousel .actions .dismiss:hover {
        color: #b3b3b3; }
  .ui-carousel .ui-carousel-title {
    margin-top: 0;
    padding: 0 25px;
    font-weight: 300;
    color: initial; }
    @media (max-width: 768px) {
      .ui-carousel .ui-carousel-title {
        font-size: 1em; } }
  .ui-carousel .ui-carousel-wrap {
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    position: relative;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -ms-touch-action: pan-y;
    touch-action: pan-y; }
    .ui-carousel .ui-carousel-wrap > .ui-carousel-slide {
      position: relative;
      padding: 0 25px;
      font-weight: 300;
      -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: visible;
      vertical-align: top;
      white-space: normal;
      margin: 0;
      list-style-type: none;
      width: 100%;
      height: 100%;
      display: inline-block; }
      .ui-carousel .ui-carousel-wrap > .ui-carousel-slide .title, .ui-carousel .ui-carousel-wrap > .ui-carousel-slide .description {
        font-size: 15px;
        text-align: left; }
      .ui-carousel .ui-carousel-wrap > .ui-carousel-slide .description {
        padding-top: 8px; }
      .ui-carousel .ui-carousel-wrap > .ui-carousel-slide .btn-action {
        text-align: right;
        width: 10%; }
        @media (max-width: 768px) {
          .ui-carousel .ui-carousel-wrap > .ui-carousel-slide .btn-action {
            width: 100%;
            text-align: center;
            margin: 5px 0; } }
      .ui-carousel .ui-carousel-wrap > .ui-carousel-slide .date {
        font-size: 13px; }
    .ui-carousel .ui-carousel-wrap .arrow {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 22px;
      z-index: 1;
      display: block;
      color: #00a2c2;
      font-size: 17px; }
      .ui-carousel .ui-carousel-wrap .arrow.next {
        right: 0; }
      .ui-carousel .ui-carousel-wrap .arrow.prev {
        left: 0; }
  .ui-carousel .ui-carousel-indicators {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0; }
    .ui-carousel .ui-carousel-indicators .indicator {
      font-size: 12px;
      margin: 2px;
      vertical-align: top;
      color: #43e0ff; }
      .ui-carousel .ui-carousel-indicators .indicator.active {
        color: #00a2c2; }
      .ui-carousel .ui-carousel-indicators .indicator:hover {
        cursor: pointer; }
    .ui-carousel .ui-carousel-indicators .amount {
      font-size: 15px;
      color: #505050; }

#content .plans-invoices {
  padding-bottom: 80px; }
  #content .plans-invoices h2 {
    font-size: 9px;
    font-weight: 300;
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 2px solid #e6e6e6; }
  #content .plans-invoices .pending-charges table td {
    vertical-align: middle; }
    #content .plans-invoices .pending-charges table td b {
      font-size: 14px; }
  #content .plans-invoices .pending-charges table td.valueCharges {
    text-align: right; }
  #content .plans-invoices .pending-charges table .pendingOrLate.late {
    background-color: #f0545e; }
  #content .plans-invoices .pending-charges table .pendingOrLate.pending {
    background-color: #f0ad4e; }
  #content .plans-invoices .pending-charges table .pendingOrLate {
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px; }
  #content .plans-invoices .pending-charges .total-pending-charges {
    border-top: 1px solid #ccc;
    text-align: right;
    font-weight: bold;
    padding-top: 20px; }
  #content .plans-invoices .no-pending-charges {
    margin-top: 4%;
    text-align: center; }
    #content .plans-invoices .no-pending-charges .fa-thumbs-o-up {
      color: #00a2c2; }
    #content .plans-invoices .no-pending-charges p {
      font-size: 2em;
      font-weight: 300; }

#formNewWebsite label.css-label {
  background-image: url(https://cms-imagens.s3-sa-east-1.amazonaws.com/all_cms_photos/checkbox-radio.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-weight: normal !important;
  user-select: none; }

#formNewWebsite .logo-spinner-rotate .bg {
  background-image: url(https://cms-imagens.s3-sa-east-1.amazonaws.com/all_cms_photos/loading-logo.svg);
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 76px;
  height: 85px;
  position: absolute;
  right: 0px;
  top: 0px; }

#formNewWebsite .btn-success, #formNewWebsite .btn-primary {
  background: #9c71ae;
  border: none;
  color: #fff; }
  #formNewWebsite .btn-success:hover, #formNewWebsite .btn-primary:hover {
    background: #5c4469;
    color: #fff; }
  #formNewWebsite .btn-success:focus, #formNewWebsite .btn-success:active, #formNewWebsite .btn-success:active:focus, #formNewWebsite .btn-primary:focus, #formNewWebsite .btn-primary:active, #formNewWebsite .btn-primary:active:focus {
    background: #9c71ae;
    color: #fff; }

#formNewWebsite .btn-link {
  color: #9c71ae; }
  #formNewWebsite .btn-link:hover {
    color: #5c4469; }
  #formNewWebsite .btn-link:focus, #formNewWebsite .btn-link:active, #formNewWebsite .btn-link:active:focus {
    color: #9c71ae; }

#formNewWebsite a {
  color: #9c71ae; }
  #formNewWebsite a:hover {
    color: #5c4469; }
  #formNewWebsite a:focus, #formNewWebsite a:active, #formNewWebsite a:active:focus {
    color: #9c71ae; }

#formNewWebsite .label-success {
  background: #9c71ae; }

#formNewWebsite .label-info {
  background: #5c4469; }

#formNewWebsite .label-primary {
  background: #9c71ae; }

#formNewWebsite .steps {
  padding: 15px 0 100px 0; }
  #formNewWebsite .steps .title {
    padding-bottom: 30px; }
    #formNewWebsite .steps .title h1 {
      font-size: 8vh;
      font-weight: 100; }
    #formNewWebsite .steps .title h2 {
      font-size: 3vh; }
  #formNewWebsite .steps .theme-box.bg-odd {
    background: #EEE; }
  #formNewWebsite .steps .theme-box .theme-col {
    margin-bottom: 3vh; }
    #formNewWebsite .steps .theme-box .theme-col .theme-img {
      border: 3px solid #008da9;
      opacity: 1;
      border-radius: 1px;
      position: relative; }
      #formNewWebsite .steps .theme-box .theme-col .theme-img .float-buttons {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: 200ms ease opacity; }
        #formNewWebsite .steps .theme-box .theme-col .theme-img .float-buttons .btn {
          top: 0;
          position: relative;
          margin-top: -18px;
          transition: 300ms ease all; }
    #formNewWebsite .steps .theme-box .theme-col:hover .float-buttons {
      opacity: 1; }
      #formNewWebsite .steps .theme-box .theme-col:hover .float-buttons .btn {
        top: 50%; }
    #formNewWebsite .steps .theme-box .theme-col.disabled .theme-img {
      border: 3px solid #CCC; }
  #formNewWebsite .steps .pallete-color {
    height: 13vh;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer; }
    #formNewWebsite .steps .pallete-color .pallete-item-color {
      width: 100%; }
    #formNewWebsite .steps .pallete-color.CLARO .pallete-item-color {
      color: white; }
    #formNewWebsite .steps .pallete-color.ESCURO .pallete-item-color {
      color: black; }
  #formNewWebsite .steps .form-group {
    text-align: left;
    font-size: 14px; }
    #formNewWebsite .steps .form-group label {
      font-weight: normal; }
  #formNewWebsite .steps .reloading {
    font-size: 100px; }

.modal-upsell {
  min-height: 100vh;
  background-image: url("../../admin/img/cms/upsell/bg-upsell.jpg");
  background-size: 25% auto;
  background-repeat: repeat-y;
  background-position: left top;
  position: relative; }
  .modal-upsell .btn {
    text-transform: uppercase; }
  .modal-upsell.page1 {
    min-height: auto;
    background: none; }
  .modal-upsell .close-upsell {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 10; }
    .modal-upsell .close-upsell a {
      display: block;
      color: #676767;
      font-size: 10px;
      cursor: pointer;
      text-decoration: none; }
      .modal-upsell .close-upsell a i {
        font-size: 22px; }
      .modal-upsell .close-upsell a:hover {
        opacity: 0.7; }
  .modal-upsell h1 {
    color: #2f343b;
    margin: 0 0 20px 0; }
  .modal-upsell .subTitle {
    font-size: 15px;
    color: #676767;
    margin: 0 0 25px 0; }
    .modal-upsell .subTitle span {
      font-size: 18px;
      color: #2f343b; }
  .modal-upsell .btn-success {
    font-size: 16px;
    line-height: 56px;
    padding: 0;
    background-color: #9d72af;
    color: #fff !important;
    border: none;
    width: 100%;
    max-width: 430px;
    margin: 0 0 15px 0; }
    .modal-upsell .btn-success:focus, .modal-upsell .btn-success:active {
      background: #62496f; }
    .modal-upsell .btn-success:hover, .modal-upsell .btn-success:active:hover {
      background-color: #62496f; }
  .modal-upsell .btn-default {
    font-size: 16px;
    line-height: 56px;
    padding: 0;
    background-color: none;
    border-color: #9d72af;
    color: #9d72af !important;
    width: 100%;
    max-width: 430px;
    margin: 0 0 15px 0; }
    .modal-upsell .btn-default:focus, .modal-upsell .btn-default:active {
      background: none;
      border-color: #9d72af;
      color: #9d72af; }
    .modal-upsell .btn-default:hover, .modal-upsell .btn-default:active:hover {
      background-color: #9d72af;
      border-color: #9d72af;
      color: #fff !important; }
  .modal-upsell .img-padding {
    margin: 0 0 15px 0; }
  .modal-upsell .items .col-xs-12 {
    float: none;
    display: inline-block;
    margin: 0 -.125em 20px;
    vertical-align: top;
    padding-right: 0; }
  .modal-upsell .items .item {
    margin: 0 0 20px 0; }
    .modal-upsell .items .item i {
      font-size: 40px;
      margin: 0 0 30px 0; }
    .modal-upsell .items .item h3 {
      font-size: 18px;
      text-transform: uppercase;
      margin: 0 0 5px 0; }
    .modal-upsell .items .item p {
      font-size: 15px;
      margin: 0; }
    .modal-upsell .items .item .fa-file, .modal-upsell .items .item .fa-bars {
      color: #1ba3c1; }
    .modal-upsell .items .item .fa-bullhorn {
      color: #3fb288; }
    .modal-upsell .items .item .fa-star, .modal-upsell .items .item .fa-desktop {
      color: #cc2366; }
    .modal-upsell .items .item .fa-bar-chart {
      color: #ee5561; }
    .modal-upsell .items .item .fa-search {
      color: #5a499a; }
    .modal-upsell .items .item .fa-share-alt, .modal-upsell .items .item .fa-key {
      color: #f8aa64; }

.Planos-Colunas .boxPlano {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(18, 18, 19, 0.15);
  margin: 10px 0 30px 0;
  padding: 35px 30px; }
  .Planos-Colunas .boxPlano h3 {
    font-size: 24px;
    color: #676767; }
  .Planos-Colunas .boxPlano .Valor .Valor-Conteudo {
    font-size: 30px;
    color: #9d72af;
    font-family: 'Montserrat', sans-serif;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .Planos-Colunas .boxPlano .Valor .Valor-Conteudo .span01 {
      font-size: 60px;
      color: #9d72af;
      font-family: 'Montserrat', sans-serif; }
    .Planos-Colunas .boxPlano .Valor .Valor-Conteudo .span02 {
      font-size: 24px;
      color: #676767;
      font-family: 'Montserrat', sans-serif; }
  .Planos-Colunas .boxPlano .comparativo {
    font-size: 14px;
    line-height: 24px;
    color: #676767;
    border-top: solid 1px #959595;
    padding-top: 25px;
    text-align: left;
    margin-bottom: 35px; }
    .Planos-Colunas .boxPlano .comparativo i {
      color: #9d72af; }
    .Planos-Colunas .boxPlano .comparativo span {
      color: #bababa;
      text-decoration: line-through; }
  .Planos-Colunas .boxPlano .obs {
    font-size: 12px; }

@media (min-width: 1200px) {
  .modal-upsell .logo-upsell {
    padding: 30px 0 80px 0; }
  .modal-upsell h1 {
    font-size: 40px; }
  .modal-upsell .items {
    padding: 40px 0; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-upsell .logo-upsell {
    padding: 30px 0 60px 0; }
  .modal-upsell h1 {
    font-size: 36px; }
  .modal-upsell .items {
    padding: 30px 0; }
  .boxPlano {
    padding: 30px 20px; }
    .boxPlano h3 {
      font-size: 22px; }
    .boxPlano .Valor {
      font-size: 26px; }
      .boxPlano .Valor .span01 {
        font-size: 55px; }
      .boxPlano .Valor .span02 {
        font-size: 24px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .modal-upsell .logo-upsell {
    padding: 30px 0 40px 0; }
  .modal-upsell h1 {
    font-size: 32px; }
  .modal-upsell .items {
    padding: 20px 0; }
  .boxPlano {
    padding: 20px 20px; }
    .boxPlano h3 {
      font-size: 20px; }
    .boxPlano .Valor {
      font-size: 20px; }
      .boxPlano .Valor .span01 {
        font-size: 50px; }
      .boxPlano .Valor .span02 {
        font-size: 18px; } }

@media (max-width: 768px) {
  .modal-upsell {
    background: none; }
    .modal-upsell .logo-upsell {
      padding: 30px 0 30px 0; }
    .modal-upsell h1 {
      font-size: 28px; }
  .boxPlano {
    padding: 15px; }
    .boxPlano h3 {
      font-size: 18px; }
    .boxPlano .Valor {
      font-size: 18px; }
      .boxPlano .Valor .span01 {
        font-size: 40px; }
      .boxPlano .Valor .span02 {
        font-size: 16px; } }

.new-cms .cms .cms-content .cms-content-bg .page-models .page-type .box-page-type {
  background: #7C46F4 !important; }

.new-cms #formNewWebsite .step2 .logotipo a {
  text-decoration: none;
  color: #7C46F4; }
  .new-cms #formNewWebsite .step2 .logotipo a:hover {
    color: #5c4469; }
  .new-cms #formNewWebsite .step2 .logotipo a:focus, .new-cms #formNewWebsite .step2 .logotipo a:active, .new-cms #formNewWebsite .step2 .logotipo a:active:focus {
    color: #7C46F4; }

.new-cms #formNewWebsite .step5 .social-form .social-group .social-input {
  z-index: 0; }

.new-cms #formNewWebsite .steps .theme-box .theme-col .theme-img {
  border: 3px solid #7C46F4; }

.new-cms #formNewWebsite .steps .theme-box .theme-col.disabled .theme-img {
  border: 3px solid #CCC; }

.new-cms .spriter {
  background-image: url("https://cms-imagens.s3-sa-east-1.amazonaws.com/all_cms_photos/sprite@0.5x.png"); }

@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 144dpi) {
  .new-cms .spriter {
    background-image: url("https://cms-imagens.s3-sa-east-1.amazonaws.com/all_cms_photos/sprite.png");
    background-size: 200px 200px; } }

.new-cms .cms-menus .page-content .form-content ul.nav.nav-list li span i {
  color: #4F5D75; }

.new-cms .cms-menus .page-content .form-content ul.nav.nav-list li .title-span {
  color: #4F5D75; }

.new-cms .alert-primary {
  background-color: #fff !important;
  color: #4F5D75 !important;
  border-color: rgba(126, 136, 153, 0.16) !important; }

.new-cms .alert-secondary {
  background-color: #fff !important;
  color: #4F5D75 !important;
  border-color: rgba(126, 136, 153, 0.16) !important; }

.new-cms .alert-success {
  background-color: #7C46F4 !important;
  color: #ffffff !important;
  border-color: rgba(126, 136, 153, 0.16) !important; }

.new-cms .alert-danger {
  background-color: #F82E52 !important;
  color: #ffffff !important;
  border-color: rgba(126, 136, 153, 0.16) !important; }

.new-cms .alert-warning {
  background-color: #F2994A !important;
  color: #ffffff !important;
  border-color: rgba(126, 136, 153, 0.16) !important; }

.new-cms .alert-info {
  background-color: #fff !important;
  color: #7D47F4 !important;
  border-color: rgba(126, 136, 153, 0.16) !important; }

.new-cms h1, .new-cms h2, .new-cms h3, .new-cms h4, .new-cms h5, .new-cms h6, .new-cms p {
  color: #4F5D75 !important; }

.new-cms .has-error .input-group-addon {
  color: #F82E52;
  border-color: #F82E52;
  background-color: #ffffff; }

.new-cms .has-error .help-block, .new-cms .has-error .control-label, .new-cms .has-error .radio, .new-cms .has-error .checkbox, .new-cms .has-error .radio-inline, .new-cms .has-error .checkbox-inline, .new-cms .has-error.radio label, .new-cms .has-error.checkbox label, .new-cms .has-error.radio-inline label, .new-cms .has-error.checkbox-inline label {
  color: #F82E52; }

.new-cms .has-error .form-control {
  border-color: #F82E52; }

.new-cms .form-control:focus {
  border-color: rgba(124, 70, 244, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 70, 244, 0.6); }

.new-cms .nav > li > a:hover, .new-cms .nav > li > a:focus {
  background: none; }

.new-cms .details-appointments {
  color: #505050 !important; }

.new-cms input {
  border-radius: 5px !important; }

.new-cms fieldset.form-group {
  box-shadow: 0px 2px 15px rgba(126, 136, 153, 0.16) !important;
  border: 0 solid #E6E6E6 !important; }

.new-cms .modal-dialog .modal-content .modal-body .bootbox-body {
  color: #4F5D75 !important; }

.new-cms .modal-upsell .Valor-Conteudo {
  color: #7D47F4 !important; }
  .new-cms .modal-upsell .Valor-Conteudo .span01 {
    color: #7D47F4 !important; }

.new-cms .modal-upsell .btn-default {
  line-height: 56px;
  border-color: #ccc; }
  .new-cms .modal-upsell .btn-default:hover {
    background-color: rgba(126, 136, 153, 0.2);
    color: #4F5D75 !important;
    border-color: #adadad; }

.new-cms .btn {
  transition: .2s ease !important; }
  .new-cms .btn:hover {
    opacity: .9 !important; }

.new-cms .btn-default {
  text-transform: none;
  color: #4F5D75 !important;
  background: linear-gradient(180deg, #FFFFFFFFF 0%, #FAFAFA 100%);
  border-radius: 40px;
  box-shadow: 0px 2px 15px rgba(126, 136, 153, 0.2);
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  background-color: #ffffff; }
  .new-cms .btn-default:hover {
    background-color: rgba(126, 136, 153, 0.2); }
  .new-cms .btn-default:focus, .new-cms .btn-default:active, .new-cms .btn-default:active:focus {
    background-color: rgba(126, 136, 153, 0.2); }

.new-cms .btn-success, .new-cms .btn-primary, .new-cms .btn-info, .new-cms .btn-info:active, .new-cms .btn-info.active, .new-cms .btn-info.dropdown-toggle {
  text-transform: none;
  background: #7C46F4 !important;
  border: none;
  color: #fff;
  border-radius: 40px; }
  .new-cms .btn-success:hover, .new-cms .btn-primary:hover, .new-cms .btn-info:hover, .new-cms .btn-info:active:hover, .new-cms .btn-info.active:hover, .new-cms .btn-info.dropdown-toggle:hover {
    background: #5c4469 !important;
    color: #fff; }
  .new-cms .btn-success:focus, .new-cms .btn-success:active, .new-cms .btn-success:active:focus, .new-cms .btn-primary:focus, .new-cms .btn-primary:active, .new-cms .btn-primary:active:focus, .new-cms .btn-info:focus, .new-cms .btn-info:active, .new-cms .btn-info:active:focus, .new-cms .btn-info:active:focus, .new-cms .btn-info:active:active, .new-cms .btn-info:active:active:focus, .new-cms .btn-info.active:focus, .new-cms .btn-info.active:active, .new-cms .btn-info.active:active:focus, .new-cms .btn-info.dropdown-toggle:focus, .new-cms .btn-info.dropdown-toggle:active, .new-cms .btn-info.dropdown-toggle:active:focus {
    background: #7C46F4;
    color: #fff; }

.new-cms .btn-secondary {
  text-transform: none;
  background: #ffffff;
  color: #7D47F4 !important;
  border: 2px solid #7D47F4;
  border-radius: 40px;
  box-sizing: border-box;
  transition: .2s ease all; }
  .new-cms .btn-secondary:hover {
    color: #5c4469 !important;
    border-color: #5c4469;
    background-color: #e6e6e6; }
  .new-cms .btn-secondary:focus, .new-cms .btn-secondary:active, .new-cms .btn-secondary:active:focus {
    color: #5c4469 !important;
    border-color: #5c4469;
    background-color: #e6e6e6; }

.new-cms .btn-link {
  text-transform: none;
  text-decoration: none !important;
  color: #7C46F4 !important; }
  .new-cms .btn-link:hover {
    color: #5c4469 !important; }
  .new-cms .btn-link:focus, .new-cms .btn-link:active, .new-cms .btn-link:active:focus {
    color: #7C46F4; }

.new-cms a {
  color: #7C46F4; }
  .new-cms a:hover {
    color: #5c4469; }
  .new-cms a:focus, .new-cms a:active, .new-cms a:active:focus {
    color: #7C46F4; }

.new-cms .label-success {
  background: #7C46F4; }

.new-cms .label-info {
  background: #5c4469; }

.new-cms .label-primary {
  background: #7C46F4; }

.new-cms .steps {
  padding: 15px 0 100px 0; }
  .new-cms .steps .title {
    padding-bottom: 30px; }
    .new-cms .steps .title h1 {
      font-size: 8vh;
      font-weight: 100; }
    .new-cms .steps .title h2 {
      font-size: 3vh; }
  .new-cms .steps .theme-box.bg-odd {
    background: #EEE; }
  .new-cms .steps .theme-box .theme-col {
    margin-bottom: 3vh; }
    .new-cms .steps .theme-box .theme-col .theme-img {
      border: 3px solid #008da9;
      opacity: 1;
      border-radius: 1px;
      position: relative; }
      .new-cms .steps .theme-box .theme-col .theme-img .float-buttons {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: 200ms ease opacity; }
        .new-cms .steps .theme-box .theme-col .theme-img .float-buttons .btn {
          top: 0;
          position: relative;
          margin-top: -18px;
          transition: 300ms ease all; }
    .new-cms .steps .theme-box .theme-col:hover .float-buttons {
      opacity: 1; }
      .new-cms .steps .theme-box .theme-col:hover .float-buttons .btn {
        top: 50%; }
    .new-cms .steps .theme-box .theme-col.disabled .theme-img {
      border: 3px solid #CCC; }
  .new-cms .steps .pallete-color {
    height: 13vh;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer; }
    .new-cms .steps .pallete-color .pallete-item-color {
      width: 100%; }
    .new-cms .steps .pallete-color.CLARO .pallete-item-color {
      color: white; }
    .new-cms .steps .pallete-color.ESCURO .pallete-item-color {
      color: black; }
  .new-cms .steps .form-group {
    text-align: left;
    font-size: 14px; }
    .new-cms .steps .form-group label {
      font-weight: normal; }
  .new-cms .steps .reloading {
    font-size: 100px; }

@media (min-width: 768px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.btn {
  text-transform: none !important; }

.edit-feature {
  position: absolute;
  opacity: 0; }

.crop-area {
  height: 400px !important;
  width: 100% !important;
  overflow: hidden;
  margin: auto;
  border: 1px solid #CCC;
  background: #FFFFFF;
  text-align: center; }
  .crop-area img {
    max-height: 350px;
    max-width: 100%; }

.dropbox {
  background-color: #EEE;
  border: 5px #AAA dashed;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  transition: all 300ms; }
  .dropbox span.empty {
    font-size: 13px; }
  .dropbox span.release {
    font-size: 26px;
    display: none; }
  .dropbox.dragover {
    border: 5px #9c71ae dashed;
    color: #9b6fad;
    background: #99CCFF; }
    .dropbox.dragover span.empty {
      display: none; }
    .dropbox.dragover span.release {
      display: inline; }

.box-image-dropped {
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  position: relative;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }
  .box-image-dropped .upload-again {
    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    height: 0;
    font-size: 13px;
    position: absolute;
    width: 100%;
    margin-top: 0;
    transition: all 300ms ease; }
  .box-image-dropped:hover .upload-again {
    margin-top: -40px;
    height: 40px; }

.browser-example {
  position: relative;
  overflow: hidden; }
  .browser-example .upload-again {
    width: 233px;
    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    height: 0;
    font-size: 13px;
    position: absolute;
    width: 100%;
    margin-top: 15px;
    transition: all 300ms ease; }
  .browser-example:hover .upload-again {
    margin-top: -25px;
    height: 40px; }

.links {
  display: table; }
  .links .align-middle {
    display: table-cell;
    height: 140px;
    vertical-align: middle; }
    .links .align-middle p {
      font-size: 14px; }
      .links .align-middle p a {
        font-size: 15px;
        margin: 0 9px;
        white-space: nowrap !important;
        display: inline-block; }
        .links .align-middle p a span {
          font-size: 14px;
          color: #999999; }
    .links .align-middle .fa-youtube-play {
      color: #fc0d1b;
      font-size: 20px; }

.text-featured {
  color: #0c54a4; }

.ace_editor {
  height: 200px; }

.ace_layer.ace_text-layer * {
  font-family: "Lucida Console", Monaco, monospace !important; }

.switch-text {
  margin-left: 12px;
  cursor: pointer; }

.switchery.switchery-default {
  height: 17px;
  width: 40px; }
  .switchery.switchery-default small {
    width: 25px;
    height: 25px;
    top: -5px; }

.colorpicker {
  background: #FFFFFF;
  border: 1px solid #DDD; }
  .colorpicker .dropdown-menu {
    min-width: 129px; }

.input-group.select-color {
  cursor: pointer; }
  .input-group.select-color span {
    width: 40px; }

.icon-cell {
  font-size: 18px; }
  .icon-cell.ga-whatsapp-01 {
    color: #009933; }
  .icon-cell.ga-claro-01 {
    color: #ED1C24; }
  .icon-cell.ga-tim-01 {
    color: #20407A; }
  .icon-cell.ga-vivo-01 {
    color: #663366; }
  .icon-cell.ga-nextel-01 {
    color: #D85200; }
  .icon-cell.ga-oi-01 {
    color: #FF9933; }

.reorderModal .desc h2 i {
  font-size: 100px; }

span.input-group-addon {
  white-space: nowrap; }

.froala .fr-box .fr-basic.fr-top .fr-wrapper {
  padding-left: 30px !important;
  padding-right: 30px !important; }
  .froala .fr-box .fr-basic.fr-top .fr-wrapper .fr-view ol {
    list-style-position: inside; }

#menucms {
  background: linear-gradient(180deg, #FAFAFA 0%, rgba(255, 255, 255, 0) 100%); }
  #menucms .svg_icons {
    margin: 0 22px 4px 6px;
    vertical-align: middle; }
  #menucms > li {
    height: 30;
    margin: 5px 0 5px;
    padding: 0;
    width: 307px; }
    #menucms > li a:hover {
      background: none;
      border-left: 7px solid #7D47F4;
      color: #7D47F4; }
      #menucms > li a:hover .svg_icons_fill path {
        fill: #7D47F4 !important; }
      #menucms > li a:hover .svg_icons_stroke path {
        stroke: #7D47F4 !important; }
    #menucms > li a {
      border-left: 7px solid transparent;
      color: #7E8899;
      cursor: pointer;
      padding: 5px 0 5px 37px; }
    #menucms > li.opacity a:hover {
      background: none;
      cursor: default;
      color: #7E8899; }
    #menucms > li.active a, #menucms > li ul li.active a {
      border-left: 7px solid #7D47F4;
      color: #7D47F4; }
      #menucms > li.active a .svg_icons_fill path, #menucms > li ul li.active a .svg_icons_fill path {
        fill: #7D47F4 !important; }
      #menucms > li.active a .svg_icons_stroke path, #menucms > li ul li.active a .svg_icons_stroke path {
        stroke: #7D47F4 !important; }
    #menucms > li > ul {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height 0.5s ease-in-out;
      transition: max-height 0.5s ease-in-out; }
      #menucms > li > ul > li {
        text-indent: 20px;
        font-size: 14px; }
        #menucms > li > ul > li span.label {
          text-indent: 0 !important; }
        #menucms > li > ul > li.opacity a:hover {
          background: none;
          cursor: default;
          color: #7D47F4; }
    #menucms > li.open > a {
      background: none; }
    #menucms > li.open ul {
      max-height: 200px; }
  #menucms ul li a i.icon-option {
    float: right; }
  #menucms li.nav-header {
    border: none;
    display: flex;
    height: 119px;
    justify-content: center;
    overflow: hidden; }
    #menucms li.nav-header span {
      width: 100%;
      margin: 0px 0 0 49px; }
      #menucms li.nav-header span img, #menucms li.nav-header span svg.logo-ingaiasites {
        max-width: 100%;
        max-height: 38px;
        position: relative;
        top: 28px;
        width: 63%; }
    #menucms li.nav-header a.btn {
      font-size: 14px;
      text-transform: uppercase;
      border: solid 1px #7D47F4;
      margin: 4px 15px 10px 0;
      background: #7D47F4;
      color: #fff; }
  @media (min-width: 991px) and (max-width: 1200px) {
    #menucms li.nav-header a.btn {
      font-size: 12px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #menucms li.nav-header span {
      width: 100%; }
    #menucms li.nav-header small {
      float: left !important;
      margin-left: 15px;
      padding-top: 0; }
    #menucms li.nav-header a.btn {
      font-size: 12px; } }

.background-widget {
  border-radius: 2px;
  height: 25vh;
  border: 1px solid #CCC;
  cursor: pointer; }
  .background-widget .background-widget-bg {
    height: 25vh;
    background-size: cover;
    background-position: center center; }
  .background-widget .background-widget-overlay {
    height: 25vh;
    position: absolute;
    width: 100%; }

.cms {
  background: #F3F4F4;
  min-height: 100vh; }
  .cms .checkbox-inline {
    padding-left: 0; }
  .cms .label-info {
    background: #5c4469; }
  .cms ul li {
    list-style-position: inside; }
  .cms fieldset.form-group {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
    .cms fieldset.form-group * {
      white-space: normal; }
  .cms .see-website {
    padding-top: 6px; }
    .cms .see-website a {
      text-decoration: none; }
  .cms .cms-menu {
    padding: 0 0 50px 0;
    background: #FFFFFF; }
    .cms .cms-menu .site-url {
      padding: 20px 0 0 15px; }
  .cms .cms-content {
    padding: 0; }
    .cms .cms-content .table td {
      vertical-align: initial;
      padding-bottom: 11px; }
    .cms .cms-content .cms-content-bg {
      height: 100%;
      background: #ffffff;
      padding: 0 0 32px 0; }
      .cms .cms-content .cms-content-bg .text-featured {
        font-weight: bold;
        color: #0071BC; }
      .cms .cms-content .cms-content-bg .page-header {
        padding: 20px 0;
        margin: 0 0 14px 0;
        background: #fff; }
        .cms .cms-content .cms-content-bg .page-header h2 {
          margin: 0 20px 0 20px;
          font-weight: 100;
          color: #4F5D75; }
      .cms .cms-content .cms-content-bg .fc-button-group {
        background: #fff;
        width: 100%;
        margin: 0;
        padding: 0 15px;
        position: relative;
        top: -15px; }
        .cms .cms-content .cms-content-bg .fc-button-group .fc-button {
          display: block;
          float: left;
          text-decoration: none;
          cursor: pointer;
          border: 0px;
          padding: 12px 40px;
          border-bottom: 2px solid #fff;
          cursor: pointer;
          font-size: 14px;
          font-weight: bold;
          color: #808080;
          text-transform: uppercase;
          background: #fff;
          box-shadow: none; }
          .cms .cms-content .cms-content-bg .fc-button-group .fc-button.fc-state-active {
            border-bottom-color: #7D47F4;
            color: #7D47F4; }
      .cms .cms-content .cms-content-bg .page-content .margin-horizontal {
        padding: 0 10px; }
      .cms .cms-content .cms-content-bg .page-content .websites {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        padding: 32px 0 64px 0; }
        .cms .cms-content .cms-content-bg .page-content .websites__top {
          display: flex;
          flex-direction: row;
          justify-content: flex-start; }
        .cms .cms-content .cms-content-bg .page-content .websites li {
          list-style: none; }
        .cms .cms-content .cms-content-bg .page-content .websites__selection {
          align-items: center;
          display: flex;
          justify-content: space-around;
          margin-right: 34px;
          padding-left: 30px; }
          .cms .cms-content .cms-content-bg .page-content .websites__selection i {
            color: #7D47F4;
            padding-left: 24px; }
            .cms .cms-content .cms-content-bg .page-content .websites__selection i:hover {
              cursor: pointer; }
          .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main {
            margin: 0; }
            .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main .sites__item .sites__list {
              overflow: auto;
              max-width: 600px;
              max-height: 400px;
              position: absolute;
              background-color: white;
              padding: 10px;
              box-shadow: 0px 2px 15px rgba(126, 136, 153, 0.2);
              border-radius: 18px; }
              .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main .sites__item .sites__list .sites__dropdown-item {
                padding: 10px; }
                .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main .sites__item .sites__list .sites__dropdown-item a {
                  cursor: pointer; }
                  .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main .sites__item .sites__list .sites__dropdown-item a:hover {
                    text-decoration: none; }
                    .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main .sites__item .sites__list .sites__dropdown-item a:hover .item__website {
                      color: #7D47F4 !important; }
            .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main .sites__item .item__title {
              color: #4F5D75;
              font-size: 18px;
              font-weight: bold;
              line-height: 22px; }
            .cms .cms-content .cms-content-bg .page-content .websites__selection .sites__main .sites__item .item__website {
              color: #989598;
              font-size: 14px;
              font-weight: bold;
              line-height: 17px; }
        .cms .cms-content .cms-content-bg .page-content .websites__seewebsite {
          background: #ffffff;
          border: 2px solid #7D47F4;
          border-radius: 40px;
          box-sizing: border-box; }
          .cms .cms-content .cms-content-bg .page-content .websites__seewebsite a {
            color: #7D47F4;
            text-transform: none;
            font-size: 16px;
            padding: 5px 14px; }
      .cms .cms-content .cms-content-bg .page-content .main {
        align-items: center;
        display: flex;
        padding: 0 20px; }
        .cms .cms-content .cms-content-bg .page-content .main .progresswebsite {
          width: 50%; }
          .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__completed {
            align-items: center;
            display: flex;
            justify-content: space-between; }
            .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__completed .progress-content__title {
              color: #4F5D75;
              font-size: 24px;
              line-height: 29px;
              margin: 0; }
            .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__completed .progress-content__subtitle {
              color: #4F5D75;
              font-size: 14px;
              line-height: 17px;
              margin: 0; }
          .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__inprogress .progress-content {
            margin-bottom: 17px; }
            .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__inprogress .progress-content__title {
              vertical-align: middle;
              color: #4F5D75;
              font-size: 16px;
              line-height: 29px;
              font-weight: bold;
              padding-bottom: 8px; }
            .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__inprogress .progress-content .progress-icon-config {
              vertical-align: middle;
              margin-right: 11px; }
          .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__inprogress .progress {
            background: #F2F1F2;
            border-radius: 40px; }
          .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__inprogress .table span.label {
            text-transform: uppercase;
            border-radius: 7px;
            font-weight: 900;
            font-size: 9px; }
            .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__inprogress .table span.label.label-danger {
              padding: 2px 28px 3px 28px; }
            .cms .cms-content .cms-content-bg .page-content .main .progresswebsite__inprogress .table span.label.label-warning {
              padding: 2px 17px 3px 17px; }
          .cms .cms-content .cms-content-bg .page-content .main .progresswebsite .table > tbody > tr:hover {
            cursor: pointer;
            border-radius: 69px;
            box-shadow: 0px 2px 15px rgba(126, 136, 153, 0.16); }
          .cms .cms-content .cms-content-bg .page-content .main .progresswebsite .table > tbody > tr td {
            border: none !important; }
            .cms .cms-content .cms-content-bg .page-content .main .progresswebsite .table > tbody > tr td:first-child {
              padding-left: 16px; }
        .cms .cms-content .cms-content-bg .page-content .main .main__createnewsite {
          width: 50%;
          align-items: center;
          display: flex;
          flex-direction: column; }
          .cms .cms-content .cms-content-bg .page-content .main .main__createnewsite span.more-website-description {
            font-size: 28px;
            font-weight: 300;
            margin-bottom: 31px; }
          .cms .cms-content .cms-content-bg .page-content .main .main__createnewsite button {
            box-shadow: 0px 5px 20px rgba(112, 90, 243, 0.25), 0px 2px 15px rgba(126, 136, 153, 0.2);
            background: linear-gradient(180deg, #7C46F4 0%, #4422F5 100%);
            color: #ffffff;
            border-radius: 40px; }
      .cms .cms-content .cms-content-bg .page-content .footer {
        display: flex;
        justify-content: space-around; }
      .cms .cms-content .cms-content-bg .page-content .lastnews {
        width: 45%;
        margin: 0 2.5%; }
        .cms .cms-content .cms-content-bg .page-content .lastnews__header {
          align-items: center;
          display: flex;
          justify-content: space-between;
          transition: .2s ease all; }
          .cms .cms-content .cms-content-bg .page-content .lastnews__header h3 {
            color: #4F5D75;
            font-size: 16px;
            font-weight: bold !important;
            line-height: 19px; }
          .cms .cms-content .cms-content-bg .page-content .lastnews__header button {
            color: #7E8899;
            background: linear-gradient(180deg, #FFFFFFFFF 0%, #FAFAFA 100%);
            border-radius: 40px;
            box-shadow: 0px 2px 15px rgba(126, 136, 153, 0.2);
            font-size: 12px;
            line-height: 30px;
            padding: 0 10px;
            text-align: center;
            background-color: #ffffff; }
            .cms .cms-content .cms-content-bg .page-content .lastnews__header button:hover {
              background-color: rgba(126, 136, 153, 0.2); }
        .cms .cms-content .cms-content-bg .page-content .lastnews__header-left {
          display: flex;
          align-items: center; }
          .cms .cms-content .cms-content-bg .page-content .lastnews__header-left h3 {
            margin: 0; }
          .cms .cms-content .cms-content-bg .page-content .lastnews__header-left svg.icon-updates {
            margin-right: 14px; }
        .cms .cms-content .cms-content-bg .page-content .lastnews__content li {
          list-style: none;
          padding: 10px; }
        .cms .cms-content .cms-content-bg .page-content .lastnews__content small {
          color: #CFD2D9;
          font-size: 11px;
          line-height: 13px; }
        .cms .cms-content .cms-content-bg .page-content .lastnews__content p {
          color: #4F5D75;
          font-size: 14px;
          line-height: 17px; }
      .cms .cms-content .cms-content-bg .page-content .faq {
        width: 45%;
        margin: 0 2.5%; }
        .cms .cms-content .cms-content-bg .page-content .faq__header {
          margin-top: 4px;
          display: flex;
          align-items: center; }
          .cms .cms-content .cms-content-bg .page-content .faq__header h3 {
            margin: 0;
            color: #4F5D75;
            font-size: 16px;
            font-weight: bold !important;
            line-height: 19px; }
          .cms .cms-content .cms-content-bg .page-content .faq__header svg.icon-faq {
            margin-right: 14px; }
        .cms .cms-content .cms-content-bg .page-content .faq__content {
          margin-top: 27px; }
          .cms .cms-content .cms-content-bg .page-content .faq__content li {
            list-style: none;
            padding: 10px;
            width: 100%; }
            .cms .cms-content .cms-content-bg .page-content .faq__content li a {
              align-items: center;
              background: #FFFFFFFFF;
              border-radius: 69px;
              box-shadow: 0px 2px 15px rgba(126, 136, 153, 0.16);
              color: #7E8899;
              display: flex;
              font-weight: bold;
              font-size: 16px;
              height: 70px;
              justify-content: space-between;
              line-height: 19px;
              text-decoration: none;
              width: 100%; }
              .cms .cms-content .cms-content-bg .page-content .faq__content li a .faq__title {
                align-items: center;
                display: flex;
                justify-content: flex-start; }
                .cms .cms-content .cms-content-bg .page-content .faq__content li a .faq__title .faq__title_left {
                  width: 15%; }
                .cms .cms-content .cms-content-bg .page-content .faq__content li a .faq__title .faq__title_right {
                  width: 75%;
                  padding: 0 5px 0 27px; }
                  .cms .cms-content .cms-content-bg .page-content .faq__content li a .faq__title .faq__title_right p {
                    text-align: left;
                    margin: 0;
                    white-space: normal;
                    text-transform: none;
                    font-weight: 400; }
      .cms .cms-content .cms-content-bg .page-content .card {
        border: 1px solid #E6E6E6;
        background: #FFFFFF;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        cursor: pointer; }
        .cms .cms-content .cms-content-bg .page-content .card:hover {
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
          border: 1px solid #CCC; }
        .cms .cms-content .cms-content-bg .page-content .card h1, .cms .cms-content .cms-content-bg .page-content .card h2 {
          font-weight: 100; }
      .cms .cms-content .cms-content-bg .page-content label, .cms .cms-content .cms-content-bg .page-content .help-block, .cms .cms-content .cms-content-bg .page-content ul, .cms .cms-content .cms-content-bg .page-content ol {
        font-weight: normal;
        font-size: 14px; }
      .cms .cms-content .cms-content-bg .page-content .form-group {
        margin-bottom: 14px; }
      .cms .cms-content .cms-content-bg .page-content .form-legend {
        font-size: 22px;
        color: #4F5D75;
        padding: 20px; }
        .cms .cms-content .cms-content-bg .page-content .form-legend small {
          font-size: 14px;
          font-weight: normal;
          color: #999; }
      .cms .cms-content .cms-content-bg .page-content .form-content {
        padding: 0 20px 30px 20px; }
      .cms .cms-content .cms-content-bg .page-content .border-right:last-child {
        padding-left: 20px; }
      .cms .cms-content .cms-content-bg .page-content .border-right:first-child {
        border-right: solid 1px #e6e6e6;
        padding-left: 15px; }
      .cms .cms-content .cms-content-bg .page-content .border-right:last-child {
        border-right: none; }
      .cms .cms-content .cms-content-bg .page-content .padding-left {
        padding-left: 72px; }
      .cms .cms-content .cms-content-bg .page-content .showMaps {
        min-height: 115px;
        position: relative; }
        .cms .cms-content .cms-content-bg .page-content .showMaps .media {
          position: absolute;
          left: 0;
          top: 0;
          margin: 0; }
      .cms .cms-content .cms-content-bg .page-content .media-body p {
        font-size: 12px;
        color: #999;
        max-width: 120px; }
      .cms .cms-content .cms-content-bg .page-content p strong {
        font-weight: bold; }
      .cms .cms-content .cms-content-bg .nav.nav-tabs li {
        cursor: pointer; }
      .cms .cms-content .cms-content-bg .tab-content {
        padding: 30px;
        border: 1px solid #CCC;
        border-top: none; }
      .cms .cms-content .cms-content-bg .btn-placeholder-add {
        border: 2px dashed #9c71ae;
        background: #EFEFEF;
        border-radius: 4px; }
        .cms .cms-content .cms-content-bg .btn-placeholder-add:hover {
          background: #FFFFFF; }
      .cms .cms-content .cms-content-bg .wallpaper-preview div, .cms .cms-content .cms-content-bg .template-preview div {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover !important;
        height: 200px;
        border: 3px solid #FFF; }
      .cms .cms-content .cms-content-bg .wallpaper-options, .cms .cms-content .cms-content-bg .template-options {
        margin-bottom: 25px; }
        .cms .cms-content .cms-content-bg .wallpaper-options div, .cms .cms-content .cms-content-bg .template-options div {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover !important;
          height: 100px;
          border: 3px solid #FFF;
          opacity: 0.7;
          transition: all 300ms; }
          .cms .cms-content .cms-content-bg .wallpaper-options div a, .cms .cms-content .cms-content-bg .template-options div a {
            display: block;
            height: 100px; }
        .cms .cms-content .cms-content-bg .wallpaper-options.active div, .cms .cms-content .cms-content-bg .template-options.active div {
          border: 3px solid #7D47F4;
          opacity: 1; }
      .cms .cms-content .cms-content-bg .placepuload div {
        height: 100px; }
      .cms .cms-content .cms-content-bg .wallpaper-row-FLAT .wallpaper-options div, .cms .cms-content .cms-content-bg .wallpaper-row-FLAT .wallpaper-options a, .cms .cms-content .cms-content-bg .wallpaper-row-FLAT .placepuload div {
        height: 140px; }
      .cms .cms-content .cms-content-bg .template-preview div {
        height: 330px; }
      .cms .cms-content .cms-content-bg .template-options div {
        height: 90px; }
      .cms .cms-content .cms-content-bg .pallete-color {
        height: 200px;
        border-radius: 4px;
        text-align: center;
        font-size: 25px;
        font-weight: 100;
        margin: auto;
        display: flex;
        align-items: center;
        cursor: pointer;
        border: 0px solid #FFF;
        transition: border 500ms ease; }
        .cms .cms-content .cms-content-bg .pallete-color:hover {
          border: 10px solid #CCC; }
        .cms .cms-content .cms-content-bg .pallete-color .pallete-item-color {
          text-align: center;
          margin: auto;
          width: 70%; }
      .cms .cms-content .cms-content-bg .colors-text-color {
        margin: 0;
        padding: 0; }
        .cms .cms-content .cms-content-bg .colors-text-color .demo {
          border: 3px solid #FFF;
          border-radius: 4px;
          padding: 6px;
          cursor: pointer;
          font-size: 14px; }
      .cms .cms-content .cms-content-bg .Escuro, .cms .cms-content .cms-content-bg .ESCURO {
        color: rgba(0, 0, 0, 0.9); }
      .cms .cms-content .cms-content-bg .Claro, .cms .cms-content .cms-content-bg .CLARO {
        color: rgba(255, 255, 255, 0.9); }
      .cms .cms-content .cms-content-bg .browser-example {
        height: 77px;
        width: 320px;
        overflow: hidden;
        cursor: pointer; }
        .cms .cms-content .cms-content-bg .browser-example .browser-example-top1, .cms .cms-content .cms-content-bg .browser-example .browser-example-top2 {
          height: 16px;
          display: block;
          clear: both;
          margin: 17px 0 0 87px;
          line-height: 0; }
          .cms .cms-content .cms-content-bg .browser-example .browser-example-top1 span, .cms .cms-content .cms-content-bg .browser-example .browser-example-top2 span {
            float: left;
            font-size: 11px;
            color: #333;
            padding: 7px 0 0 5px; }
          .cms .cms-content .cms-content-bg .browser-example .browser-example-top1 img, .cms .cms-content .cms-content-bg .browser-example .browser-example-top2 img {
            float: left;
            width: 16px;
            height: 16px; }
        .cms .cms-content .cms-content-bg .browser-example .browser-example-top2 {
          margin: 14px 0 0 138px; }
      .cms .cms-content .cms-content-bg .page-defaul-thumb {
        padding: 15px 0 0 30px;
        font-size: 14px;
        font-weight: bold; }
      .cms .cms-content .cms-content-bg .bank {
        padding-bottom: 20px; }
        .cms .cms-content .cms-content-bg .bank.inactive img {
          opacity: 0.3;
          filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
          filter: gray;
          filter: grayscale(100%);
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%); }
      .cms .cms-content .cms-content-bg .boxcalls .well h2 {
        font-size: 20px;
        font-weight: 100;
        height: 46px;
        overflow: hidden; }
        .cms .cms-content .cms-content-bg .boxcalls .well h2 i {
          visibility: hidden; }
        .cms .cms-content .cms-content-bg .boxcalls .well h2:hover i {
          visibility: visible; }
      .cms .cms-content .cms-content-bg .boxcalls .well p {
        font-size: 14px; }
        .cms .cms-content .cms-content-bg .boxcalls .well p small {
          font-size: 12px; }
        .cms .cms-content .cms-content-bg .boxcalls .well p.text {
          height: 64px;
          overflow: hidden; }
      .cms .cms-content .cms-content-bg .boxcalls .well .icon {
        font-size: 80px;
        margin-bottom: 20px; }
        .cms .cms-content .cms-content-bg .boxcalls .well .icon i {
          padding: 10px 30px; }
        .cms .cms-content .cms-content-bg .boxcalls .well .icon i:hover {
          background: #FFF;
          color: #000;
          cursor: pointer; }
      .cms .cms-content .cms-content-bg .boxcalls .well input, .cms .cms-content .cms-content-bg .boxcalls .well textarea {
        text-align: center; }
      .cms .cms-content .cms-content-bg .boxes-choose-icons a {
        width: 80px;
        text-align: center;
        padding: 15px;
        font-size: 40px;
        display: inline-block;
        height: 65px; }
      .cms .cms-content .cms-content-bg .add-box button {
        height: 421px; }
      .cms .cms-content .cms-content-bg .boxtype-options, .cms .cms-content .cms-content-bg .box-featured-layouts {
        border: 4px solid #7D47F4;
        cursor: pointer; }
        .cms .cms-content .cms-content-bg .boxtype-options.inactive, .cms .cms-content .cms-content-bg .box-featured-layouts.inactive {
          border: 4px solid #FFF; }
          .cms .cms-content .cms-content-bg .boxtype-options.inactive img, .cms .cms-content .cms-content-bg .box-featured-layouts.inactive img {
            opacity: 0.3;
            filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
            filter: gray;
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%); }
      .cms .cms-content .cms-content-bg .box-featured-layouts.inactive img {
        opacity: 0.7; }
      .cms .cms-content .cms-content-bg .items-features {
        padding-left: 15px !important; }
      .cms .cms-content .cms-content-bg .boxes-features .panel-body .edit-feature {
        text-align: center;
        position: absolute;
        z-index: 1;
        padding: 0;
        overflow: hidden;
        transition: opacity 500ms ease; }
        .cms .cms-content .cms-content-bg .boxes-features .panel-body .edit-feature p {
          padding-top: 60px;
          margin: -150px auto 20px auto;
          width: 140px;
          height: 140px;
          border-radius: 50%;
          background: #7D47F4;
          border: 1px solid #357ebd;
          color: white;
          transition: margin 500ms ease; }
      .cms .cms-content .cms-content-bg .boxes-features .panel-body .row.row-eq-height {
        max-height: 300px;
        transition: all 500ms;
        overflow: hidden; }
      .cms .cms-content .cms-content-bg .boxes-features .panel-body:hover {
        cursor: pointer; }
        .cms .cms-content .cms-content-bg .boxes-features .panel-body:hover .edit-feature {
          opacity: 1; }
          .cms .cms-content .cms-content-bg .boxes-features .panel-body:hover .edit-feature p {
            margin: 40px auto 20px auto; }
      .cms .cms-content .cms-content-bg .repeat-schedule-content {
        padding-bottom: 10px; }
        .cms .cms-content .cms-content-bg .repeat-schedule-content .repeat-schedule {
          cursor: pointer; }
          .cms .cms-content .cms-content-bg .repeat-schedule-content .repeat-schedule small {
            padding-left: 10px; }
      .cms .cms-content .cms-content-bg .scheduling-days {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        align-content: stretch;
        justify-content: left; }
        .cms .cms-content .cms-content-bg .scheduling-days .scheduling-button-group {
          background: #fff;
          width: 25%;
          position: relative; }
          .cms .cms-content .cms-content-bg .scheduling-days .scheduling-button-group .scheduling-button {
            font-size: 16px;
            display: block;
            float: left;
            cursor: pointer;
            margin: 12px 40px 12px 0px;
            border-bottom: 2px solid #fff;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            color: #808080;
            background: #fff;
            box-shadow: none;
            text-decoration: none; }
            .cms .cms-content .cms-content-bg .scheduling-days .scheduling-button-group .scheduling-button.scheduling-state-active {
              border-bottom: solid 6px #7D47F4;
              color: #343433; }
      .cms .cms-content .cms-content-bg .scheduling-group {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        align-content: stretch;
        justify-content: left;
        width: 100%; }
        .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
          width: 13%; }
        .cms .cms-content .cms-content-bg .scheduling-group .scheduling-button {
          text-decoration: none;
          background-color: #ffffff;
          padding: 4px 20px;
          border: solid 1px #e0e0e0;
          color: #aeaead; }
        .cms .cms-content .cms-content-bg .scheduling-group .scheduling-button.active {
          border: solid 1px #7D47F4;
          color: #7D47F4; }
      @media (max-width: 500px) {
        .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
          width: 29%; }
          .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner .scheduling-button {
            padding: 16px 12px; } }
      @media (min-width: 501px) and (max-width: 599px) {
        .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
          width: 22%; } }
      @media (min-width: 600px) and (max-width: 991px) {
        .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
          width: 18%; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
          width: 15%; } }
      @media (min-width: 1200px) and (max-width: 1300px) {
        .cms .cms-content .cms-content-bg .scheduling-group {
          width: 87%; }
          .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
            width: 13%; } }
      @media (min-width: 1301px) and (max-width: 1700px) {
        .cms .cms-content .cms-content-bg .scheduling-group {
          width: 80%; }
          .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
            width: 13%; } }
      @media (min-width: 1701px) {
        .cms .cms-content .cms-content-bg .scheduling-group {
          width: 61%; }
          .cms .cms-content .cms-content-bg .scheduling-group .scheduling-inner {
            width: 13%; } }
      .cms .cms-content .cms-content-bg .config-domain .dns-options dd, .cms .cms-content .cms-content-bg .config-domain .dns-options dt {
        font-size: 22px; }
      .cms .cms-content .cms-content-bg .config-domain .dns-options dd {
        text-align: left; }
      .cms .cms-content .cms-content-bg .cms-page-offices .card {
        margin-bottom: 30px; }
        .cms .cms-content .cms-content-bg .cms-page-offices .card h2 {
          font-size: 18px;
          color: #343433;
          line-height: 21px; }
        .cms .cms-content .cms-content-bg .cms-page-offices .card p, .cms .cms-content .cms-content-bg .cms-page-offices .card address, .cms .cms-content .cms-content-bg .cms-page-offices .card span {
          font-size: 14px; }
        .cms .cms-content .cms-content-bg .cms-page-offices .card .media-left {
          background: #E9E5DC;
          width: 187px;
          height: 187px;
          float: left; }
        .cms .cms-content .cms-content-bg .cms-page-offices .card .media-body {
          padding: 15px 30px 0 30px; }
          .cms .cms-content .cms-content-bg .cms-page-offices .card .media-body .label-website-hidden {
            padding-bottom: 6px; }
            .cms .cms-content .cms-content-bg .cms-page-offices .card .media-body .label-website-hidden .label.label-warning {
              font-size: 10px; }
              .cms .cms-content .cms-content-bg .cms-page-offices .card .media-body .label-website-hidden .label.label-warning i {
                padding-right: 5px; }
      .cms .cms-content .cms-content-bg .cms-page-offices .mapCanvas {
        height: 230px;
        border: 1px solid #CCC;
        border-radius: 4px;
        background: #E9E5DC; }
      .cms .cms-content .cms-content-bg .cms-page-offices .phone a.btn-link {
        display: none; }
      .cms .cms-content .cms-content-bg .cms-page-offices .phone:hover a.btn-link {
        display: inline; }
      .cms .cms-content .cms-content-bg .cms-page-offices .as-sortable-item {
        border: none;
        border-radius: 0; }
      .cms .cms-content .cms-content-bg .socials i {
        font-size: 36px; }
      .cms .cms-content .cms-content-bg .watermark-positions {
        height: 100px;
        width: 550px; }
        .cms .cms-content .cms-content-bg .watermark-positions .watermark-position {
          background-image: url("../../img/watermark-position.png");
          width: 100px;
          height: 80px;
          float: left;
          border: 3px solid #FFF;
          border-radius: 4px; }
          .cms .cms-content .cms-content-bg .watermark-positions .watermark-position.active {
            border: 3px solid #7D47F4; }
          .cms .cms-content .cms-content-bg .watermark-positions .watermark-position.center {
            background-position: -200px 0; }
          .cms .cms-content .cms-content-bg .watermark-positions .watermark-position.bottom_right {
            background-position: -300px 0; }
          .cms .cms-content .cms-content-bg .watermark-positions .watermark-position.bottom_left {
            background-position: -400px 0; }
          .cms .cms-content .cms-content-bg .watermark-positions .watermark-position.top_right {
            background-position: -100px 0; }
        .cms .cms-content .cms-content-bg .watermark-positions.editable .watermark-position {
          cursor: pointer; }
      .cms .cms-content .cms-content-bg .watermark-canvas {
        width: 100%;
        max-height: 310px;
        padding: 0;
        margin: 0;
        background-image: url("../../img/photo-example.jpg");
        background-size: cover; }
        .cms .cms-content .cms-content-bg .watermark-canvas .watermark {
          height: 310px; }
          .cms .cms-content .cms-content-bg .watermark-canvas .watermark td.center {
            text-align: center;
            vertical-align: middle; }
          .cms .cms-content .cms-content-bg .watermark-canvas .watermark td.bottom_right {
            text-align: right;
            vertical-align: bottom; }
          .cms .cms-content .cms-content-bg .watermark-canvas .watermark td.bottom_left {
            text-align: left;
            vertical-align: bottom; }
          .cms .cms-content .cms-content-bg .watermark-canvas .watermark td.top_left {
            text-align: left;
            vertical-align: top; }
          .cms .cms-content .cms-content-bg .watermark-canvas .watermark td.top_right {
            text-align: right;
            vertical-align: top; }
          .cms .cms-content .cms-content-bg .watermark-canvas .watermark td img {
            max-width: 100px;
            max-height: 100px;
            margin: 10px; }
      .cms .cms-content .cms-content-bg .search-filters .column-filter p {
        padding: 10px 15px;
        font-size: 14px;
        border: 1px solid #CCC;
        border-radius: 4px; }
      .cms .cms-content .cms-content-bg #settings-banners .banner-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        align-content: stretch;
        justify-content: center; }
        .cms .cms-content .cms-content-bg #settings-banners .banner-content .banner-inner {
          width: 100%; }
          .cms .cms-content .cms-content-bg #settings-banners .banner-content .banner-inner .banner-image {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: 100% 100%; }
          .cms .cms-content .cms-content-bg #settings-banners .banner-content .banner-inner .banner-text {
            text-align: center;
            font-size: 18px;
            margin-bottom: 0;
            z-index: 2;
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%); }
          .cms .cms-content .cms-content-bg #settings-banners .banner-content .banner-inner .background-widget-overlay {
            width: 100%;
            height: 100%;
            top: 0;
            position: absolute; }
          .cms .cms-content .cms-content-bg #settings-banners .banner-content .banner-inner .panel {
            margin-bottom: 0px !important; }
        .cms .cms-content .cms-content-bg #settings-banners .banner-content .panel-banner {
          position: relative;
          float: left;
          margin: 0 5px; }
        .cms .cms-content .cms-content-bg #settings-banners .banner-content .noselect-banner {
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
        .cms .cms-content .cms-content-bg #settings-banners .banner-content .as-sortable-item {
          border: solid 0px darkgray !important; }
      @media (max-width: 767px) {
        .cms .cms-content .cms-content-bg #settings-banners .banner-content .panel-banner {
          width: 99%; }
          .cms .cms-content .cms-content-bg #settings-banners .banner-content .panel-banner .panel-heading {
            display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .cms .cms-content .cms-content-bg #settings-banners .banner-content .panel-banner {
          width: 46%; } }
      @media (min-width: 992px) {
        .cms .cms-content .cms-content-bg #settings-banners .banner-content .panel-banner {
          width: 31%; } }
      .cms .cms-content .cms-content-bg .cms-pages .category {
        padding-bottom: 44px; }
        .cms .cms-content .cms-content-bg .cms-pages .category h4 {
          color: #333; }
        .cms .cms-content .cms-content-bg .cms-pages .category ul {
          padding-bottom: 4px; }
          .cms .cms-content .cms-content-bg .cms-pages .category ul li {
            border-bottom: 1px solid #DDD;
            min-height: 42px;
            padding-top: 4px; }
            .cms .cms-content .cms-content-bg .cms-pages .category ul li:hover {
              background: #EEE; }
            .cms .cms-content .cms-content-bg .cms-pages .category ul li .title-span {
              padding-top: 8px;
              display: inline-block;
              text-indent: 4px; }
            .cms .cms-content .cms-content-bg .cms-pages .category ul li.as-sortable-item {
              border-radius: 0;
              border-top: 0;
              border-left: 0;
              border-right: 0; }
      .cms .cms-content .cms-content-bg .page-types .page-type {
        display: inline-block;
        vertical-align: top;
        float: initial;
        text-align: center;
        cursor: pointer;
        padding-top: 20px;
        padding-bottom: 20px; }
        .cms .cms-content .cms-content-bg .page-types .page-type .box-page-type {
          background: #5BC0DE;
          width: 100%;
          display: table;
          height: 20vh;
          text-align: center;
          color: #FFF;
          border-radius: 4px; }
          .cms .cms-content .cms-content-bg .page-types .page-type .box-page-type span {
            display: table-cell;
            font-size: 4em;
            vertical-align: middle; }
        .cms .cms-content .cms-content-bg .page-types .page-type h2 {
          font-size: 14px;
          color: #5BC0DE;
          font-weight: bold; }
        .cms .cms-content .cms-content-bg .page-types .page-type p {
          font-size: 14px; }
        .cms .cms-content .cms-content-bg .page-types .page-type:hover {
          background: #EEE; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-custom .box-page-type {
          background: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-custom h2 {
          color: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-external .box-page-type {
          background: #F2994A; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-external h2 {
          color: #f0ad4e; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-default .box-page-type {
          background: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-default h2 {
          color: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-forms .box-page-type {
          background: #523c5e; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-forms h2 {
          color: #523c5e; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-landingpage .box-page-type {
          background: #ca428b; }
        .cms .cms-content .cms-content-bg .page-types .page-type.page-type-landingpage h2 {
          color: #ca428b; }
      .cms .cms-content .cms-content-bg .page-types .page-type.opacity {
        cursor: default; }
      .cms .cms-content .cms-content-bg .page-types .page-type.opacity:hover {
        background: none; }
      .cms .cms-content .cms-content-bg .page-models .page-type {
        display: inline-block;
        vertical-align: top;
        float: initial;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px; }
        .cms .cms-content .cms-content-bg .page-models .page-type .box-page-type {
          background: #5BC0DE;
          width: 100%;
          display: table;
          height: 20vh;
          text-align: center;
          color: #FFF;
          border-radius: 4px; }
          .cms .cms-content .cms-content-bg .page-models .page-type .box-page-type span {
            display: table-cell;
            font-size: 4em;
            vertical-align: middle; }
        .cms .cms-content .cms-content-bg .page-models .page-type h2 {
          font-size: 14px;
          color: #428bca;
          font-weight: bold; }
        .cms .cms-content .cms-content-bg .page-models .page-type p {
          font-size: 14px; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-custom .box-page-type {
          background: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-custom h2 {
          color: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-external .box-page-type {
          background: #F2994A; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-external h2 {
          color: #f0ad4e; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-default .box-page-type {
          background: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-default h2 {
          color: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-forms .box-page-type {
          background: #523c5e; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-forms h2 {
          color: #523c5e; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-landingpage .box-page-type {
          background: #ca428b; }
        .cms .cms-content .cms-content-bg .page-models .page-type.page-type-landingpage h2 {
          color: #ca428b; }
      .cms .cms-content .cms-content-bg .page-models .page-type.opacity {
        cursor: default; }
      .cms .cms-content .cms-content-bg .page-models .page-type.opacity:hover {
        background: none; }
      .cms .cms-content .cms-content-bg .page-templates .page-type {
        display: inline-block;
        vertical-align: top;
        float: initial;
        text-align: center;
        cursor: pointer;
        padding-top: 20px;
        padding-bottom: 20px; }
        .cms .cms-content .cms-content-bg .page-templates .page-type .box-page-type {
          background: #5BC0DE;
          width: 100%;
          display: table;
          height: 20vh;
          text-align: center;
          color: #FFF;
          border-radius: 4px; }
          .cms .cms-content .cms-content-bg .page-templates .page-type .box-page-type span {
            display: table-cell;
            font-size: 4em;
            vertical-align: middle; }
        .cms .cms-content .cms-content-bg .page-templates .page-type h2 {
          font-size: 14px;
          color: #428bca;
          font-weight: bold; }
        .cms .cms-content .cms-content-bg .page-templates .page-type p {
          font-size: 14px; }
        .cms .cms-content .cms-content-bg .page-templates .page-type:hover {
          background: #EEE; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-custom .box-page-type {
          background: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-custom h2 {
          color: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-external .box-page-type {
          background: #F2994A; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-external h2 {
          color: #f0ad4e; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-default .box-page-type {
          background: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-default h2 {
          color: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-forms .box-page-type {
          background: #523c5e; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-forms h2 {
          color: #523c5e; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-landingpage .box-page-type {
          background: #ca428b; }
        .cms .cms-content .cms-content-bg .page-templates .page-type.page-type-landingpage h2 {
          color: #ca428b; }
      .cms .cms-content .cms-content-bg .page-templates .page-type.opacity {
        cursor: default; }
      .cms .cms-content .cms-content-bg .page-templates .page-type.opacity:hover {
        background: none; }
      .cms .cms-content .cms-content-bg .page-landpages .page-type {
        display: inline-block;
        vertical-align: top;
        float: initial;
        text-align: center;
        cursor: pointer;
        padding-top: 20px;
        padding-bottom: 20px; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type .box-page-type {
          background: #5BC0DE;
          width: 100%;
          display: table;
          height: 20vh;
          text-align: center;
          color: #FFF;
          border-radius: 4px; }
          .cms .cms-content .cms-content-bg .page-landpages .page-type .box-page-type span {
            display: table-cell;
            font-size: 4em;
            vertical-align: middle; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type h2 {
          font-size: 14px;
          color: #ca428b;
          font-weight: bold; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type p {
          font-size: 14px; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type:hover {
          background: #EEE; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-custom .box-page-type {
          background: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-custom h2 {
          color: #5BC0DE; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-external .box-page-type {
          background: #F2994A; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-external h2 {
          color: #f0ad4e; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-default .box-page-type {
          background: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-default h2 {
          color: #7D47F4; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-forms .box-page-type {
          background: #523c5e; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-forms h2 {
          color: #523c5e; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-landingpage .box-page-type {
          background: #ca428b; }
        .cms .cms-content .cms-content-bg .page-landpages .page-type.page-type-landingpage h2 {
          color: #ca428b; }
      .cms .cms-content .cms-content-bg .page-landpages .page-type.opacity {
        cursor: default; }
      .cms .cms-content .cms-content-bg .page-landpages .page-type.opacity:hover {
        background: none; }
      .cms .cms-content .cms-content-bg .cms-menus .icons a {
        font-size: 24px;
        border: 1px solid #EEE;
        padding: 5px;
        display: inline-block;
        width: 40px;
        text-align: center;
        color: #AAA; }
        .cms .cms-content .cms-content-bg .cms-menus .icons a.selected {
          padding: 2px;
          color: #7D47F4;
          border: 3px solid #7D47F4; }
      .cms .cms-content .cms-content-bg .cms-menus ul.nav {
        margin-bottom: 20px; }
        .cms .cms-content .cms-content-bg .cms-menus ul.nav li {
          border: 0; }
          .cms .cms-content .cms-content-bg .cms-menus ul.nav li .item-section {
            padding: 10px 0 20px 0;
            color: #000;
            font-size: 16px; }
            .cms .cms-content .cms-content-bg .cms-menus ul.nav li .item-section span {
              padding: 5px 5px 0 0; }
            .cms .cms-content .cms-content-bg .cms-menus ul.nav li .item-section small {
              color: #CCC; }
          .cms .cms-content .cms-content-bg .cms-menus ul.nav li ul li {
            border-top: 1px solid #DDD;
            list-style: none;
            padding: 2px 0 2px 30px; }
            .cms .cms-content .cms-content-bg .cms-menus ul.nav li ul li span.title-span {
              padding: 10px 0;
              display: inline-block; }
            .cms .cms-content .cms-content-bg .cms-menus ul.nav li ul li.new-item {
              padding-top: 10px;
              padding-bottom: 10px;
              border-bottom: 2px solid #DDD; }
      .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main {
        display: flex;
        padding-top: 50px; }
        .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_left {
          width: 20%; }
          .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_left ul.releases_list li {
            list-style-type: none;
            cursor: pointer;
            margin-bottom: 7px; }
            .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_left ul.releases_list li a {
              text-decoration: none; }
        .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_right {
          margin-left: 10px;
          width: 80%; }
          .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_right .release-content h3 {
            margin: 0; }
          .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_right .release-content .release-date {
            font-size: 12px; }
          .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_right .release-content .release-description {
            margin-top: 10px; }
            .cms .cms-content .cms-content-bg .cms-page-releases .form-content .releases_main .releases_right .release-content .release-description img {
              width: 100%; }
  .cms .form-action {
    background: #FFFFFF;
    position: fixed;
    bottom: 0;
    width: 100vw;
    left: 0;
    right: 0;
    border: 1px solid #CCC;
    padding: 10px 0;
    z-index: 2; }
    .cms .form-action .btn-default {
      margin-right: 10px; }

.opacity {
  opacity: 0.5;
  cursor: default; }

.steps-actions {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 15px 0;
  text-align: center;
  margin: 0;
  border: 1px solid #CCC;
  left: 0;
  background: #FFFFFF;
  max-height: 65px;
  transition: all 2s; }
  .steps-actions.hided {
    bottom: -65px;
    transition: all 2s; }

.ribbon {
  width: 50%;
  height: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden; }
  .ribbon span {
    background: #9c71ae;
    color: #FFFFFF;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: relative;
    top: 1.5vw;
    left: -25%;
    display: block;
    padding: 5px 0px;
    font-size: 11px; }

@media (max-width: 767px) {
  .cms .cms-content .cms-content-bg .page-content {
    padding-top: 20px; }
    .cms .cms-content .cms-content-bg .page-content .border-right {
      border-right: none;
      margin-bottom: 15px; } }

.slider .slider-handle {
  background-color: #7c46f4 !important;
  background-image: linear-gradient(180deg, #7C46F4 0%, #4422F5 100%); }

.ingaia-checkbox {
  margin-right: 5px; }
  .ingaia-checkbox label {
    display: inline-block; }
  .ingaia-checkbox span:before {
    border: 2px solid #676767; }
  .ingaia-checkbox span:hover:before {
    box-shadow: inset 0px 0px 3px #676767, 0px 0px 3px #676767; }
  .ingaia-checkbox input[type=checkbox] {
    display: none; }
  .ingaia-checkbox input[type=checkbox] + span:before {
    content: "\E013";
    display: inline-block;
    visibility: visible;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 20%;
    text-align: center;
    color: transparent;
    cursor: pointer;
    padding: 3px 0 0 0;
    position: relative;
    background: transparent;
    width: 17px;
    height: 17px;
    font-size: 11px;
    margin-right: 5px;
    padding: 0;
    line-height: 14px; }
  .ingaia-checkbox input[type=checkbox]:checked + span:before {
    font-family: 'ingaia-font-icons';
    content: "\E013";
    color: #8e8e8e;
    display: inline-block; }
  .ingaia-checkbox.check-xs input[type=checkbox] + span:before {
    width: 17px;
    height: 17px;
    font-size: 12px;
    padding: 0;
    line-height: 14px; }
  .ingaia-checkbox.check-gray input[type=checkbox]:checked + span:before {
    background: #b5b5b5;
    color: #fff; }
  .ingaia-checkbox.check-gray span:before {
    border: 2px solid #b5b5b5; }
  .ingaia-checkbox.check-gray span:hover:before {
    box-shadow: inset 0px 0px 3px #b5b5b5, 0px 0px 3px #b5b5b5; }
  .ingaia-checkbox.check-blue input[type=checkbox]:checked + span:before {
    background: #00a2c2;
    color: #fff; }
  .ingaia-checkbox.check-blue span:before {
    border: 2px solid #00a2c2; }
  .ingaia-checkbox.check-blue span:hover:before {
    box-shadow: inset 0px 0px 3px #00a2c2, 0px 0px 3px #00a2c2; }
  .ingaia-checkbox.check-purple input[type=checkbox]:checked + span:before {
    background: #9d72af;
    color: #fff; }
  .ingaia-checkbox.check-purple span:before {
    border: 2px solid #9d72af; }
  .ingaia-checkbox.check-purple span:hover:before {
    box-shadow: inset 0px 0px 3px #9d72af, 0px 0px 3px #9d72af; }
  .ingaia-checkbox.check-green input[type=checkbox]:checked + span:before {
    background: #3cb185;
    color: #fff; }
  .ingaia-checkbox.check-green span:before {
    border: 2px solid #3cb185; }
  .ingaia-checkbox.check-green span:hover:before {
    box-shadow: inset 0px 0px 3px #3cb185, 0px 0px 3px #3cb185; }
  .ingaia-checkbox.check-orange input[type=checkbox]:checked + span:before {
    background: #e89d51;
    color: #fff; }
  .ingaia-checkbox.check-orange span:before {
    border: 2px solid #e89d51; }
  .ingaia-checkbox.check-orange span:hover:before {
    box-shadow: inset 0px 0px 3px #e89d51, 0px 0px 3px #e89d51; }
  .ingaia-checkbox.check-red input[type=checkbox]:checked + span:before {
    background: #f0545e;
    color: #fff; }
  .ingaia-checkbox.check-red span:before {
    border: 2px solid #f0545e; }
  .ingaia-checkbox.check-red span:hover:before {
    box-shadow: inset 0px 0px 3px #f0545e, 0px 0px 3px #f0545e; }
  .ingaia-checkbox.check-white input[type=checkbox]:checked + span:before {
    background: #fff;
    color: #000; }
  .ingaia-checkbox.check-white span:before {
    border: 2px solid #fff; }
  .ingaia-checkbox.check-white span:hover:before {
    box-shadow: inset 0px 0px 3px #fff, 0px 0px 3px #fff; }

.check-inverse input[type=checkbox]:checked + span:before {
  color: #2f343b !important; }

/* RADIO */
.ingaia-radio {
  margin-right: 5px; }
  .ingaia-radio label {
    display: inline-block; }
  .ingaia-radio span:before {
    border: 2px solid #676767; }
  .ingaia-radio span:hover:before {
    box-shadow: inset 0px 0px 3px #676767, 0px 0px 3px #676767; }
  .ingaia-radio input[type=radio] {
    display: none; }
  .ingaia-radio input[type=radio] + span:before {
    content: "\E01E";
    display: inline-block;
    visibility: visible;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 20%;
    text-align: center;
    color: transparent;
    cursor: pointer;
    padding: 3px 0 0 0;
    position: relative;
    background: transparent;
    width: 17px;
    height: 17px;
    font-size: 11px;
    padding: 0;
    line-height: 14px;
    margin-right: 5px; }
  .ingaia-radio input[type=radio]:checked + span:before {
    font-family: 'ingaia-font-icons';
    content: "\E01E";
    color: #676767;
    display: inline-block; }
  .ingaia-radio.radio-lg input[type=radio] + span:before {
    width: 27px;
    height: 27px;
    font-size: 18px;
    padding: 0;
    line-height: 24px; }
  .ingaia-radio.radio-md input[type=radio] + span:before {
    width: 22px;
    height: 22px;
    font-size: 14px;
    padding: 0;
    line-height: 19px; }
  .ingaia-radio.radio-sm input[type=radio] + span:before {
    width: 19px;
    height: 19px;
    font-size: 12px;
    padding: 0;
    line-height: 16px; }
  .ingaia-radio.radio-xs input[type=radio] + span:before {
    width: 17px;
    height: 17px;
    font-size: 11px;
    padding: 0;
    line-height: 14px; }
  .ingaia-radio.radio-blue input[type=radio]:checked + span:before {
    background: #00a2c2;
    color: #fff; }
  .ingaia-radio.radio-blue span:before {
    border: 2px solid #00a2c2; }
  .ingaia-radio.radio-blue span:hover:before {
    box-shadow: inset 0px 0px 3px #00a2c2, 0px 0px 3px #00a2c2; }
  .ingaia-radio.radio-purple input[type=radio]:checked + span:before {
    background: #9d72af;
    color: #fff; }
  .ingaia-radio.radio-purple span:before {
    border: 2px solid #9d72af; }
  .ingaia-radio.radio-purple span:hover:before {
    box-shadow: inset 0px 0px 3px #9d72af, 0px 0px 3px #9d72af; }
  .ingaia-radio.radio-green input[type=radio]:checked + span:before {
    background: #3cb185;
    color: #fff; }
  .ingaia-radio.radio-green span:before {
    border: 2px solid #3cb185; }
  .ingaia-radio.radio-green span:hover:before {
    box-shadow: inset 0px 0px 3px #3cb185, 0px 0px 3px #3cb185; }
  .ingaia-radio.radio-orange input[type=radio]:checked + span:before {
    background: #e89d51;
    color: #fff; }
  .ingaia-radio.radio-orange span:before {
    border: 2px solid #e89d51; }
  .ingaia-radio.radio-orange span:hover:before {
    box-shadow: inset 0px 0px 3px #e89d51, 0px 0px 3px #e89d51; }
  .ingaia-radio.radio-red input[type=radio]:checked + span:before {
    background: #f0545e;
    color: #fff; }
  .ingaia-radio.radio-red span:before {
    border: 2px solid #f0545e; }
  .ingaia-radio.radio-red span:hover:before {
    box-shadow: inset 0px 0px 3px #f0545e, 0px 0px 3px #f0545e; }

.radio-inverse input[type=radio]:checked + span:before {
  color: #2f343b !important; }

.checkbox-default .ingaia-checkbox {
  padding: 0 !important; }
  .checkbox-default .ingaia-checkbox input[type=checkbox] + span:before {
    border-width: 1px;
    border-radius: 2px;
    border-color: #CCCCCC;
    box-shadow: none;
    margin: 0 5px 3px 0;
    vertical-align: middle; }
  .checkbox-default .ingaia-checkbox input[type=checkbox]:checked + span:before {
    background: #fff;
    color: #00a2c2 !important;
    font-size: 14px;
    padding: 1px 0 0;
    vertical-align: middle; }
  .checkbox-default .ingaia-checkbox span {
    color: #505050; }

.CalendarController #system {
  height: calc(100% - 53px);
  min-height: 600px;
  z-index: 1; }
  .CalendarController #system #content {
    height: 100%; }

.CalendarController #fancybox-outer {
  position: absolute; }

.calendar {
  width: 99.9%;
  height: 100%;
  padding: 0; }
  .calendar .container-agenda {
    position: relative;
    height: calc(100% - 52px); }
    .calendar .container-agenda .spinner-rotate {
      position: absolute;
      z-index: 9999;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: rgba(13, 161, 193, 0.2); }
  .calendar .panel {
    position: relative;
    display: block;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.125); }
    .calendar .panel.border-left-saas {
      border-left: 3px solid #00a2c2; }
    .calendar .panel .panel-heading {
      padding: 12px 20px 17px;
      margin-bottom: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.125);
      height: 50px;
      overflow: hidden; }
      .calendar .panel .panel-heading .panel-title {
        font-size: 23px;
        color: #2f343b; }
      .calendar .panel .panel-heading .popover.popover-hint.bottom {
        z-index: 1001; }
        .calendar .panel .panel-heading .popover.popover-hint.bottom .arrow {
          top: -17px; }
        .calendar .panel .panel-heading .popover.popover-hint.bottom .popover-content .btn-success {
          color: #fff;
          background: #00A2C2; }
          .calendar .panel .panel-heading .popover.popover-hint.bottom .popover-content .btn-success:hover {
            background: #00778f; }
        .calendar .panel .panel-heading .popover.popover-hint.bottom .popover-content .btn-default {
          color: #000; }
        .calendar .panel .panel-heading .popover.popover-hint.bottom .popover-content .waiting-approval-popover {
          color: #000; }
      .calendar .panel .panel-heading .popover-tour-agenda h3 {
        margin-top: 10px; }
      .calendar .panel .panel-heading .popover-tour-agenda a.btn-ver-depois {
        display: inline-block;
        margin: 10px 0;
        background: none;
        color: #00a2c2;
        font-weight: bold;
        text-transform: uppercase; }
  .calendar .filter-calendar {
    height: 100%;
    padding: 12px 0;
    background: #2F343B;
    box-sizing: border-box; }
    .calendar .filter-calendar h2 {
      color: #b4b8bc;
      font-size: 14px;
      font-weight: 600 !important;
      margin-left: 14px; }
    .calendar .filter-calendar .btn {
      display: block;
      margin: 0 12px 16px;
      padding: 9px 12px 9px;
      font-size: 13px;
      font-weight: 600; }
    .calendar .filter-calendar .nav-equipe {
      margin-top: 20px; }
      .calendar .filter-calendar .nav-equipe .icon-busca {
        position: absolute;
        right: 20px;
        margin-top: 2px;
        color: #b5b5b5;
        cursor: pointer;
        font-size: 0.9em; }
        .calendar .filter-calendar .nav-equipe .icon-busca:before {
          font-family: "ingaia-font-icons";
          content: "\E061"; }
      .calendar .filter-calendar .nav-equipe .check-element {
        display: block;
        color: #b5b5b5;
        font-size: 13px;
        padding: 3px 12px 16px 14px;
        margin: 0;
        cursor: pointer; }
      .calendar .filter-calendar .nav-equipe .pesquisa-nome {
        background: none;
        margin: 0px 0px 14px 14px;
        padding-bottom: 5px;
        font-size: 13px;
        font-weight: 600;
        color: #B8D0E0;
        width: 92%;
        border-bottom: 1px solid #b5b5b5; }
        @media (min-width: 768px) {
          .calendar .filter-calendar .nav-equipe .pesquisa-nome {
            width: 70%; } }
        @media (min-width: 1600px) {
          .calendar .filter-calendar .nav-equipe .pesquisa-nome {
            width: 80%; } }
      .calendar .filter-calendar .nav-equipe input[type=checkbox]:checked + label:before {
        font-family: "ingaia-font-icons";
        content: "\E071";
        color: #b5b5b5;
        display: inline-block;
        font-size: 0.9em; }
      .calendar .filter-calendar .nav-equipe #busca-nome {
        display: none !important; }
    .calendar .filter-calendar .list-group {
      margin-bottom: 30px;
      white-space: initial; }
      .calendar .filter-calendar .list-group .list-group-item {
        background: none;
        padding: 0;
        border-color: #3f4d59;
        border-width: 1px 0; }
    .calendar .filter-calendar .container-filter {
      position: relative;
      white-space: pre-line;
      height: calc(100% - 42px);
      overflow-y: auto; }
      .calendar .filter-calendar .container-filter > div {
        white-space: normal; }
      .calendar .filter-calendar .container-filter .list-group {
        margin-bottom: 0; }
    .calendar .filter-calendar .checkbox {
      margin: 0; }
      .calendar .filter-calendar .checkbox .ingaia-checkbox {
        display: block;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        line-height: 13px;
        min-height: auto;
        padding: 19px 12px 16px 14px;
        margin: 0;
        text-transform: uppercase; }
        .calendar .filter-calendar .checkbox .ingaia-checkbox .checkbox-label:before {
          float: right; }
  .calendar .container-calendar {
    position: relative;
    z-index: 1000;
    height: 100%;
    padding: 0; }
    .calendar .container-calendar .content-calendar {
      opacity: 1;
      transition: opacity 0.5s;
      height: 100%;
      background-color: #FFF; }
      .calendar .container-calendar .content-calendar .fc-short {
        min-height: 23px; }
        .calendar .container-calendar .content-calendar .fc-short .content-icon {
          display: none; }
      .calendar .container-calendar .content-calendar .fc-toolbar {
        padding: 0 28px;
        background: #1e94b3;
        margin: 0; }
        .calendar .container-calendar .content-calendar .fc-toolbar .fc-left {
          margin-top: 12px;
          margin-right: 24px; }
          .calendar .container-calendar .content-calendar .fc-toolbar .fc-left .fc-button-group .fc-button {
            padding: 9px 10px; }
        .calendar .container-calendar .content-calendar .fc-toolbar .fc-center {
          float: left; }
          .calendar .container-calendar .content-calendar .fc-toolbar .fc-center h2 {
            margin: 0;
            font-size: 14px;
            color: #FFF;
            line-height: 66px; }
        .calendar .container-calendar .content-calendar .fc-toolbar .fc-button {
          color: #FFF;
          height: auto;
          font-size: 13px;
          font-weight: 600;
          background: none;
          text-transform: uppercase;
          text-shadow: none;
          box-shadow: none;
          padding: 9px 24px;
          border: 1px solid #FFF; }
        .calendar .container-calendar .content-calendar .fc-toolbar .fc-right .fc-button-group .fc-button {
          padding: 22px 26px 21px;
          color: #FFF;
          border: none;
          border-bottom: 4px solid transparent;
          border-radius: 0;
          opacity: 0.7; }
          .calendar .container-calendar .content-calendar .fc-toolbar .fc-right .fc-button-group .fc-button.fc-state-active {
            border-bottom-color: #fff;
            opacity: 1; }
      .calendar .container-calendar .content-calendar .fc-view-container .rowDayCliked {
        z-index: 5; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-popover {
        width: 338px;
        overflow: visible;
        max-height: 400px; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-popover .onScrollBar {
          position: relative;
          overflow: hidden;
          height: 362px; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-popover .onScrollBar.ps-container .ps-scrollbar-y-rail {
            width: 6px;
            right: 0 !important;
            border-radius: 0 !important;
            background: #aaaaaa !important; }
            .calendar .container-calendar .content-calendar .fc-view-container .fc-popover .onScrollBar.ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
              width: 6px;
              border-radius: 0 !important;
              background: #5d5d5d !important; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-popover .onScrollBar .arrow {
            left: 15% !important; }
      .calendar .container-calendar .content-calendar .fc-view-container .popover {
        max-width: 310px;
        padding: 0;
        background: #FFF !important; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover .arrow:after {
          border-bottom-color: #168fab; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content {
          position: relative;
          width: 310px;
          padding: 16px 12px 12px;
          box-sizing: border-box;
          border-top: 4px solid #168fab;
          z-index: 9999; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content .ing:before {
            position: absolute;
            right: 15px;
            top: 10px;
            font-family: "ingaia-font-icons";
            content: "\E00D";
            font-size: 38px;
            color: #8e8e8e; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content h4, .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content h5 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            padding-right: 45px;
            margin-bottom: 15px;
            color: #8e8e8e; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content h5 {
            margin-bottom: 15px;
            font-family: 0.9em;
            color: #3cb185; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content p {
            margin: 0;
            font-size: 13px;
            color: #808080; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content a {
            display: inline-block;
            font-size: 13px;
            font-weight: 600;
            text-align: right;
            text-decoration: none; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content .link-false {
            display: inline-block;
            text-align: right;
            opacity: 0.4;
            color: #00a2c2;
            cursor: not-allowed;
            font-size: 14px;
            text-transform: uppercase; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover .popover-content div:last-child {
            margin-top: 1em;
            line-height: 1em; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.atendimento .ing:before {
          content: "\E00F";
          color: #e89d51; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.atendimento .arrow:after {
          border-bottom-color: #e89d51; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.atendimento .popover-content {
          border-top: 4px solid #e89d51; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover.atendimento .popover-content h4 {
            color: #e89d51; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.roteiro .ing:before {
          content: "\E00C";
          color: #3cb185; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.roteiro .arrow:after {
          border-bottom-color: #3cb185; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.roteiro .popover-content {
          border-top: 4px solid #3cb185; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover.roteiro .popover-content h4 {
            color: #3cb185; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.outro .ing:before {
          color: #9d72af; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.outro .arrow:after {
          border-bottom-color: #9d72af; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.outro .popover-content {
          border-top: 4px solid #9d72af; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover.outro .popover-content h4 {
            color: #9d72af; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.aniversarios .ing:before {
          content: "\E00B";
          color: #f0545e; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.aniversarios .arrow:after {
          border-bottom-color: #f0545e; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.aniversarios .popover-content {
          border-top: 4px solid #f0545e; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover.aniversarios .popover-content h4 {
            color: #f0545e; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.team .ing:before {
          color: #8a8a8a !important; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.team .arrow:after {
          border-bottom-color: #8a8a8a !important; }
        .calendar .container-calendar .content-calendar .fc-view-container .popover.team .popover-content {
          border-top: 4px solid #8a8a8a !important; }
          .calendar .container-calendar .content-calendar .fc-view-container .popover.team .popover-content h4 {
            color: #8a8a8a !important; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-day-grid-container {
        overflow: visible !important; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-head-container {
        border: 0 none; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-head-container .fc-day-header {
          padding: 12px 0 11px;
          font-size: 12px;
          text-align: center;
          color: #808080;
          border: 0 none; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-day-number {
        color: #808080; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-divider {
        margin: 0; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-axis, .calendar .container-calendar .content-calendar .fc-view-container .fc-widget-header {
        border: 0 none; }
      .calendar .container-calendar .content-calendar .fc-view-container .eventDay {
        background: #f4f4f4; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-event-container {
        margin: 0; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-event-container a {
          cursor: pointer;
          overflow: hidden; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event {
        border-radius: 0;
        border: 0 none;
        border-left: 3px solid;
        padding-left: 5px;
        text-decoration: none;
        color: #00a2c2; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event:hover, .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event:focus {
          color: #116f84; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.atendimento {
          color: #e89d51; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.atendimento:hover {
            color: #7d562e; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.roteiro {
          color: #3cb185; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.roteiro:hover {
            color: #1c7e57; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.outro {
          color: #9d72af; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.outro:hover {
            color: #886297; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.aniversarios {
          color: #f0545e;
          background: rgba(240, 84, 94, 0.15) !important; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.aniversarios:hover {
            color: #7b272d; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.repeat {
          background: rgba(0, 162, 194, 0.15); }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.repeat.atendimento {
            background: rgba(232, 157, 81, 0.15); }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.repeat.roteiro {
            background: rgba(60, 177, 133, 0.15); }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-h-event.repeat.outro {
            background: rgba(157, 114, 175, 0.15); }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-more {
        display: block;
        background: #168fab;
        color: #FFF;
        margin: 2px 0 0;
        padding: 0 4px;
        text-decoration: none; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-more:hover {
          background: #116f84; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event {
        border-radius: 0;
        border: 0 none;
        border-left: solid 3px;
        padding: 6px;
        text-decoration: none;
        background: #f4f4f4;
        box-shadow: 1px 0px 2px 0px #d6d6d6; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event .fc-content .content-icon {
          float: right;
          overflow: hidden; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event .fc-content .content-icon .ing:before {
            position: relative;
            font-family: "ingaia-font-icons";
            content: "\E00D";
            font-size: 24px; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event:hover {
          color: #0f3842; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.atendimento {
          color: #e89d51; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.atendimento:hover {
            color: #3d2812; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.atendimento .fc-content .ing:before {
            content: "\E00F"; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.roteiro {
          color: #3cb185; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.roteiro:hover {
            color: #133d2a; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.roteiro .fc-content .ing:before {
            content: "\E00C"; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.outro {
          color: #9d72af; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.outro:hover {
            color: #634970; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.aniversarios {
          color: #f0545e; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.aniversarios:hover {
            color: #371417; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.event-h-xs, .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.fc-short {
          padding: 4px 6px; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.event-h-xs .fc-content .content-icon .ing:before, .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.fc-short .fc-content .content-icon .ing:before {
            font-size: 16px;
            line-height: 16px; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.event-w-sm .fc-content .content-icon {
          float: none;
          display: inline-block; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.event-w-xs {
          padding: 3px; }
          .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.event-w-xs .fc-content .content-icon {
            float: none;
            display: inline-block; }
            .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.event-w-xs .fc-content .content-icon .ing:before {
              font-size: 16px; }
        .calendar .container-calendar .content-calendar .fc-view-container .fc-v-event.icon-hidden .fc-content .content-icon {
          display: none; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-content-skeleton .fc-axis {
        width: 78px !important; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-highlight {
        position: relative;
        background: rgba(244, 244, 244, 0.4);
        opacity: 1; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-row.fc-rigid, .calendar .container-calendar .content-calendar .fc-view-container .fc-time-grid-event {
        overflow: visible; }
      .calendar .container-calendar .content-calendar .fc-view-container .icon-calendar {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
        font-size: 24px;
        color: #8a8a8a;
        background: #f4f4f4; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-basic-view .fc-day-number {
        z-index: 2; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-basic-view .fc-row .fc-content-skeleton, .calendar .container-calendar .content-calendar .fc-view-container .fc-basic-view .fc-row .fc-bg {
        z-index: initial; }
      .calendar .container-calendar .content-calendar .fc-view-container .fc-basic-view .fc-body .fc-row {
        z-index: initial; }
    .calendar .container-calendar .fc-unthemed .fc-day.fc-today {
      background: #e0f8ff; }
    .calendar .container-calendar td.fc-day-top.fc-fri.fc-today.fc-state-highlight {
      background: transparent; }
    .calendar .container-calendar .fc-list-view .fc-widget-header {
      background: #f4f4f4; }
      .calendar .container-calendar .fc-list-view .fc-widget-header a {
        font-size: 14px;
        font-weight: 400; }
      .calendar .container-calendar .fc-list-view .fc-widget-header .fc-list-heading-main, .calendar .container-calendar .fc-list-view .fc-widget-header .fc-list-heading-alt {
        margin: 0 5px; }
    .calendar .container-calendar .fc-list-view .fc-event-dot {
      display: none; }
    .calendar .container-calendar .fc-list-view .fc-list-item {
      cursor: pointer; }
      .calendar .container-calendar .fc-list-view .fc-list-item a {
        display: block;
        border-radius: 0;
        border: 0 none;
        border-left: 3px solid;
        padding-left: 5px;
        margin-left: 5px;
        font-size: 14px;
        text-decoration: none;
        color: #00a2c2; }
      .calendar .container-calendar .fc-list-view .fc-list-item.atendimento a {
        color: #e89d51; }
      .calendar .container-calendar .fc-list-view .fc-list-item.atendimento:hover a {
        color: #7d562e; }
      .calendar .container-calendar .fc-list-view .fc-list-item.roteiro a {
        color: #3cb185; }
      .calendar .container-calendar .fc-list-view .fc-list-item.roteiro:hover a {
        color: #1c7e57; }
      .calendar .container-calendar .fc-list-view .fc-list-item.outro a {
        color: #9d72af; }
      .calendar .container-calendar .fc-list-view .fc-list-item.outro:hover a {
        color: #886297; }
      .calendar .container-calendar .fc-list-view .fc-list-item.aniversarios a {
        color: #f0545e; }
      .calendar .container-calendar .fc-list-view .fc-list-item.aniversarios:hover a {
        color: #7b272d; }
      .calendar .container-calendar .fc-list-view .fc-list-item.team {
        color: #505050 !important;
        background: none !important; }
        .calendar .container-calendar .fc-list-view .fc-list-item.team a {
          color: #8a8a8a !important;
          background: repeating-linear-gradient(45deg, #e0e0e0, #e0e0e0 3px, #efefef 3px, #efefef 7px) !important; }
    .calendar .container-calendar .fc-list-view .fc-list-item-time.fc-widget-content {
      padding: 8px 5px;
      font-size: 14px; }
    .calendar .container-calendar .fc-list-view .fc-list-table td {
      padding: 8px 14px; }
      .calendar .container-calendar .fc-list-view .fc-list-table td.fc-list-item-marker {
        padding: 0 7px; }
    .calendar .container-calendar .team {
      color: #8e8e8e !important;
      background: repeating-linear-gradient(45deg, #e0e0e0, #e0e0e0 3px, #efefef 3px, #efefef 7px) !important; }

.details-appointments {
  z-index: 1101; }
  .details-appointments.team .dialog-header {
    border-left-color: #8a8a8a !important; }
    .details-appointments.team .dialog-header:before {
      color: #8a8a8a !important; }
  .details-appointments .dialog-header {
    position: relative;
    background: none;
    border-left: 5px solid;
    border-bottom: 1px solid #D8D8D8;
    padding: 20px 35px 20px 85px;
    color: #000; }
    .details-appointments .dialog-header:before {
      position: absolute;
      top: 17px;
      left: 25px;
      font-family: "ingaia-font-icons";
      content: "\E00D";
      font-size: 35px; }
    .details-appointments .dialog-header .dialog-close {
      margin: 0 !important;
      line-height: 30px !important;
      font-size: 18px !important;
      color: #CCC !important;
      opacity: 1 !important; }
  .details-appointments.content-pending-service .dialog-header {
    border-left-color: #e89d51; }
    .details-appointments.content-pending-service .dialog-header:before {
      content: "\E00F";
      color: #e89d51; }
  .details-appointments.content-team.team .dialog-header {
    border-left-color: #8a8a8a; }
    .details-appointments.content-team.team .dialog-header:before {
      color: #8a8a8a; }
  .details-appointments.content-team .dialog-header {
    border-left-color: #9d72af; }
    .details-appointments.content-team .dialog-header:before {
      color: #9d72af; }
  .details-appointments.content-visit .dialog-header {
    border-left-color: #3cb185; }
    .details-appointments.content-visit .dialog-header:before {
      content: "\E00C";
      color: #3cb185; }
  .details-appointments.content-others .dialog-header {
    border-left-color: #9d72af; }
    .details-appointments.content-others .dialog-header:before {
      color: #9d72af; }
  .details-appointments.content-others .container-btn {
    padding-top: 20px; }
  .details-appointments.content-birthday .dialog-header {
    border-left-color: #f0545e; }
    .details-appointments.content-birthday .dialog-header:before {
      content: "\E00B";
      color: #f0545e; }
  .details-appointments h2 {
    font-size: 19px;
    margin: 0 0 10px;
    color: #575757; }
  .details-appointments p {
    font-size: 14px;
    margin-bottom: 6px;
    color: #575757; }
    .details-appointments p.description {
      margin-bottom: 19px; }
  .details-appointments .wrapper-details-appointments {
    height: 100%; }
    .details-appointments .wrapper-details-appointments .mensagem-validacao p {
      color: #bf3d49;
      font-size: 0.8em;
      margin: 5px 0 0 1px; }
    .details-appointments .wrapper-details-appointments .has-error input.ng-invalid, .details-appointments .wrapper-details-appointments .has-error select.ng-invalid, .details-appointments .wrapper-details-appointments .has-error textarea.ng-invalid, .details-appointments .wrapper-details-appointments .has-error .timepicker-popup .btn-default.dropdown-toggle, .details-appointments .wrapper-details-appointments .has-error .datepicker-popup > button, .details-appointments .wrapper-details-appointments .has-error .select2-choice, .details-appointments .wrapper-details-appointments .has-error .btn-datepicker {
      border-color: #bf3d49; }
    .details-appointments .wrapper-details-appointments .has-error input.ng-invalid, .details-appointments .wrapper-details-appointments .has-error select.ng-invalid, .details-appointments .wrapper-details-appointments .has-error textarea.ng-invalid, .details-appointments .wrapper-details-appointments .has-error .timepicker-popup .btn-default.dropdown-toggle, .details-appointments .wrapper-details-appointments .has-error .select2-choice {
      background-repeat: no-repeat;
      -webkit-background-size: 1.4625rem 1.4625rem;
      background-position: center right .5625rem;
      background-size: 1.4625rem 1.4625rem;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); }
    .details-appointments .wrapper-details-appointments .has-error .select2-choice, .details-appointments .wrapper-details-appointments .has-error select.ng-invalid {
      background-position: center right .8625rem; }
    .details-appointments .wrapper-details-appointments .has-error .timepicker-popup .btn-default.dropdown-toggle {
      background-position: center right 2.6625rem; }
    .details-appointments .wrapper-details-appointments .has-success input.ng-valid, .details-appointments .wrapper-details-appointments .has-success select.ng-valid, .details-appointments .wrapper-details-appointments .has-success textarea.ng-valid, .details-appointments .wrapper-details-appointments .has-success .timepicker-popup .btn-default.dropdown-toggle, .details-appointments .wrapper-details-appointments .has-success .datepicker-popup > button, .details-appointments .wrapper-details-appointments .has-success .select2-choice, .details-appointments .wrapper-details-appointments .has-success .btn-datepicker {
      border-color: #53be86; }
    .details-appointments .wrapper-details-appointments .has-success input.ng-valid, .details-appointments .wrapper-details-appointments .has-success select.ng-valid, .details-appointments .wrapper-details-appointments .has-success textarea.ng-valid, .details-appointments .wrapper-details-appointments .has-success .timepicker-popup .btn-default.dropdown-toggle, .details-appointments .wrapper-details-appointments .has-success .select2-choice {
      background-repeat: no-repeat;
      -webkit-background-size: 1.4625rem 1.4625rem;
      background-position: center right .5625rem;
      background-size: 1.4625rem 1.4625rem;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); }
    .details-appointments .wrapper-details-appointments .has-success .select2-choice, .details-appointments .wrapper-details-appointments .has-success select.ng-valid {
      background-position: center right .8625rem; }
    .details-appointments .wrapper-details-appointments .has-success .timepicker-popup .btn-default.dropdown-toggle {
      background-position: center right 2.6625rem; }
    .details-appointments .wrapper-details-appointments .has-error .dropdown-menu input.ng-invalid, .details-appointments .wrapper-details-appointments .has-error .dropdown-menu input.ng-valid, .details-appointments .wrapper-details-appointments .has-success .dropdown-menu input.ng-invalid, .details-appointments .wrapper-details-appointments .has-success .dropdown-menu input.ng-valid {
      border-color: #b5b5b5;
      background: none; }
    .details-appointments .wrapper-details-appointments .has-error .wrapper-pesquisar-referencia input.ng-invalid, .details-appointments .wrapper-details-appointments .has-error .wrapper-pesquisar-referencia input.ng-valid, .details-appointments .wrapper-details-appointments .has-success .wrapper-pesquisar-referencia input.ng-invalid, .details-appointments .wrapper-details-appointments .has-success .wrapper-pesquisar-referencia input.ng-valid {
      background-position: center right 1.6625rem; }
  .details-appointments .details-birthday .nav-tabs {
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8; }
    .details-appointments .details-birthday .nav-tabs li {
      display: block;
      width: 50%;
      padding: 0; }
      .details-appointments .details-birthday .nav-tabs li button {
        display: block;
        width: 100%;
        background: none;
        text-align: center;
        border: 0;
        font-size: 13px;
        text-decoration: none;
        text-align: center;
        font-weight: 600;
        padding: 14px;
        border: 0 none !important;
        border-bottom: 4px solid #fff !important;
        margin: 0;
        color: #575757;
        cursor: pointer !important; }
        .details-appointments .details-birthday .nav-tabs li button[disabled="disabled"] {
          color: #CFCFCF !important;
          border-color: #f5f5f5 !important; }
          .details-appointments .details-birthday .nav-tabs li button[disabled="disabled"] .number {
            background: #CFCFCF !important; }
        .details-appointments .details-birthday .nav-tabs li button .number {
          display: inline-block;
          padding: 0px 5px;
          border-radius: 10px;
          text-align: center;
          margin-left: 5px;
          background: #575757;
          color: #FFF; }
      .details-appointments .details-birthday .nav-tabs li:hover button {
        color: #CFCFCF !important;
        border-color: #f5f5f5 !important; }
        .details-appointments .details-birthday .nav-tabs li:hover button .number {
          background: #CFCFCF !important; }
      .details-appointments .details-birthday .nav-tabs li.active button {
        color: #00a2c2 !important;
        border-color: #00a2c2 !important; }
        .details-appointments .details-birthday .nav-tabs li.active button .number {
          background: #00a2c2 !important; }
  .details-appointments .details-birthday .list-users {
    padding: 30px; }
    .details-appointments .details-birthday .list-users li {
      display: block;
      margin-bottom: 20px; }
      .details-appointments .details-birthday .list-users li a {
        display: inline-block;
        font-size: 20px;
        color: #00a2c2;
        text-decoration: none;
        cursor: pointer; }
        .details-appointments .details-birthday .list-users li a .foto img {
          display: inline-block;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          margin-right: 14px; }
        .details-appointments .details-birthday .list-users li a .circle {
          display: inline-block;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          margin-right: 14px;
          background: #CFCFCF;
          text-align: center; }
          .details-appointments .details-birthday .list-users li a .circle i {
            font-size: 24px;
            margin-top: 6px;
            display: inline-block;
            color: #676767; }
    .details-appointments .details-birthday .list-users.equipe li a {
      color: #808080;
      cursor: default; }
  .details-appointments .container-btn {
    clear: both;
    padding-top: 30px; }
    .details-appointments .container-btn .btn {
      margin: 0 5px;
      font-weight: 600;
      padding: 8px 20px 9px; }
      .details-appointments .container-btn .btn.btn-success {
        color: #FFF;
        border-color: #00a2c2; }
  .details-appointments .details-team {
    padding: 31px 48px; }
  .details-appointments .detail-visit {
    padding: 30px; }
    .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > {
      margin-top: 30px; }
      .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul {
        list-style: none;
        padding: 0; }
        .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul li {
          border: 1px solid #dedede;
          margin-bottom: 10px; }
        .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .media-left {
          width: 190px;
          height: 115px;
          padding-right: 0;
          background: #ebebeb;
          position: relative; }
        .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .imovel-sem-photo {
          font-size: 35px;
          text-align: center;
          padding: 10px 0;
          height: auto;
          width: 80px;
          display: block;
          margin: 25px auto;
          background: #dedede;
          border-radius: 3px; }
          .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .imovel-sem-photo i {
            color: #676767; }
        .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .background-propertie {
          max-width: 100%;
          height: 115px;
          background-position: center center;
          background-repeat: no-repeat; }
        .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .img-google {
          background-size: cover; }
        .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .media-body {
          padding: 20px 10px 20px 20px;
          width: auto; }
          .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .media-body h4.media-heading {
            font-size: 1em; }
            .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .media-body h4.media-heading a {
              cursor: pointer; }
          .details-appointments .detail-visit .wrapper-listagem-imoveis-roteiro > ul .media .media-body .endereco-imovel {
            font-size: 0.9em; }
    .details-appointments .detail-visit .pending-confirmation, .details-appointments .detail-visit .visit-comment {
      margin-top: 2.5em; }
      .details-appointments .detail-visit .pending-confirmation .comment textarea, .details-appointments .detail-visit .pending-confirmation .commentJustification textarea, .details-appointments .detail-visit .visit-comment .comment textarea, .details-appointments .detail-visit .visit-comment .commentJustification textarea {
        resize: none;
        height: 100px;
        padding: 6px 12px; }
      .details-appointments .detail-visit .pending-confirmation .date-return-treatment, .details-appointments .detail-visit .visit-comment .date-return-treatment {
        font-size: 0.8em;
        padding-top: 10px; }
      .details-appointments .detail-visit .pending-confirmation .timepicker-popup button i.fa, .details-appointments .detail-visit .visit-comment .timepicker-popup button i.fa {
        color: #00a2c2;
        padding: 0px 12px; }
      .details-appointments .detail-visit .pending-confirmation .input-group .btn, .details-appointments .detail-visit .visit-comment .input-group .btn {
        padding: 0px 12px; }
      .details-appointments .detail-visit .pending-confirmation .input-group .ing, .details-appointments .detail-visit .visit-comment .input-group .ing {
        color: #00a2c2; }
  .details-appointments .details-others {
    padding: 28px 34px; }
    .details-appointments .details-others .form-group label {
      font-size: 14px;
      color: #575757; }
    .details-appointments .details-others .form-group .ing {
      color: #00a2c2; }
    .details-appointments .details-others .form-group .fa {
      font-size: 18px;
      line-height: 20px;
      color: #00a2c2; }
    .details-appointments .details-others .dropdown-menu {
      min-width: 115px;
      padding: 5px; }
    .details-appointments .details-others textarea {
      resize: vertical; }
    .details-appointments .details-others .select2-container-multi .select2-choices .select2-search-choice {
      padding: 3px 18px 3px 5px; }
      .details-appointments .details-others .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
        left: auto; }
    .details-appointments .details-others .switchEditarCompromisso .label-editar-compromisso {
      display: inline-block;
      margin: 0px 0px 5px 2px;
      font-size: 13px; }
  .details-appointments .details-pending-service {
    padding: 28px 34px; }
    .details-appointments .details-pending-service .priority {
      font-weight: 300;
      color: #505050; }
    .details-appointments .details-pending-service .container-icons {
      float: right; }
      .details-appointments .details-pending-service .container-icons i {
        font-size: 22px;
        color: #00a2c2;
        cursor: pointer;
        margin-left: 10px; }
        .details-appointments .details-pending-service .container-icons i.fa-comments.disabled {
          opacity: 0.5;
          cursor: default;
          color: #999; }
    .details-appointments .details-pending-service .checkbox-default {
      float: left; }
    .details-appointments .details-pending-service .dropdown-menu {
      min-width: 115px;
      padding: 5px; }
    .details-appointments .details-pending-service textarea {
      resize: vertical; }
    .details-appointments .details-pending-service .datepicker-popup {
      width: 172px;
      margin: 5px 5px 0 0; }
      .details-appointments .details-pending-service .datepicker-popup input {
        text-align: left; }
      .details-appointments .details-pending-service .datepicker-popup .ing {
        color: #00a2c2; }
      .details-appointments .details-pending-service .datepicker-popup.disabled {
        cursor: not-allowed; }
    .details-appointments .details-pending-service .timepicker-popup {
      margin: 5px 0 0;
      width: 172px;
      height: 30px; }
      .details-appointments .details-pending-service .timepicker-popup.disabled {
        cursor: not-allowed; }
      .details-appointments .details-pending-service .timepicker-popup .fa {
        font-size: 18px;
        line-height: 15px;
        height: 30px;
        color: #00a2c2; }
    .details-appointments .details-pending-service .btn-datepicker, .details-appointments .details-pending-service .dropdown-toggle {
      line-height: 12px;
      height: 30px; }
      .details-appointments .details-pending-service .btn-datepicker:disabled, .details-appointments .details-pending-service .dropdown-toggle:disabled {
        background: #eeeeee;
        opacity: 1 !important;
        cursor: not-allowed !important; }
    .details-appointments .details-pending-service .last-comment {
      margin-top: 10px; }
      .details-appointments .details-pending-service .last-comment .btn-andamento {
        text-decoration: none; }
        .details-appointments .details-pending-service .last-comment .btn-andamento i {
          width: 8px; }
      .details-appointments .details-pending-service .last-comment .content-comment {
        margin: 0;
        color: #505050;
        text-align: left; }
        .details-appointments .details-pending-service .last-comment .content-comment li {
          padding-left: 30px; }
          .details-appointments .details-pending-service .last-comment .content-comment li b {
            font-size: 0.9em; }
          .details-appointments .details-pending-service .last-comment .content-comment li p {
            margin: 0 0 10px 20px; }
          .details-appointments .details-pending-service .last-comment .content-comment li i {
            margin-right: 5px; }
        .details-appointments .details-pending-service .last-comment .content-comment li:first-child {
          border-left: 1px solid #E2E2E2;
          padding-left: 10px; }
          .details-appointments .details-pending-service .last-comment .content-comment li:first-child p {
            margin: 0 0 10px 0; }
  .details-appointments .datepicker-popup ul.dropdown-menu, .details-appointments .timepicker-popup ul.dropdown-menu {
    padding: 5px;
    background-color: #f8f8f8; }
    .details-appointments .datepicker-popup ul.dropdown-menu .btn-sm, .details-appointments .timepicker-popup ul.dropdown-menu .btn-sm {
      font-size: 0.8em; }
  .details-appointments .timepicker-popup button {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    text-align: left; }
    .details-appointments .timepicker-popup button i {
      position: absolute;
      top: 0;
      right: 0;
      padding: 6px 12px;
      height: 30px;
      border: inherit; }
  .details-appointments .timepicker-popup .dropdown-menu {
    min-width: 115px; }
  .details-appointments .panel {
    box-shadow: 1px 1px 5px 0px rgba(163, 163, 163, 0.5);
    border-width: 0; }
    .details-appointments .panel.border-left-saas {
      border-left: 3px solid #00a2c2; }
    .details-appointments .panel.border-bottom-saas {
      border-bottom: 3px solid #00a2c2; }
  .details-appointments .clientes-usuarios-selecionados .panel-body {
    padding: 10px; }
  .details-appointments .clientes-usuarios-selecionados .fotoUsuarioSelecionado {
    margin-right: 15px; }
    .details-appointments .clientes-usuarios-selecionados .fotoUsuarioSelecionado img {
      width: 40px;
      height: 40px;
      border-radius: 50%; }
  .details-appointments .clientes-usuarios-selecionados h4 {
    margin: 5px 0 7px;
    font-size: 13px;
    word-wrap: break-word; }
  .details-appointments .clientes-usuarios-selecionados h4::first-letter {
    text-transform: uppercase;
    font-size: 1.1em; }
  .details-appointments .clientes-usuarios-selecionados h5 {
    margin: 0;
    font-style: italic;
    font-size: 0.9em; }
  .details-appointments .clientes-usuarios-selecionados .wrapper-ing-user {
    margin-right: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #dedede;
    border-radius: 50%; }
    .details-appointments .clientes-usuarios-selecionados .wrapper-ing-user i {
      font-size: 1.3em;
      color: #676767;
      display: inline-block;
      margin-top: 7px; }
  .details-appointments .clientes-usuarios-selecionados .remover-usuario {
    font-weight: 900;
    line-height: 1;
    font-size: 1.2em;
    color: #b5b5b5;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    background: none;
    right: 25px; }
  .details-appointments .clientes-usuarios-selecionados .switchEditarCompromisso {
    margin-top: 0;
    width: 80%; }
    .details-appointments .clientes-usuarios-selecionados .switchEditarCompromisso .ing-edit-o {
      vertical-align: super;
      margin-right: 5px;
      color: #737373; }
  .details-appointments .clientes-usuarios-selecionados .panel-form-outros {
    padding: 10px 14px 15px;
    max-height: 62px !important;
    overflow: hidden; }
  .details-appointments .clientes-usuarios-selecionados .criador-compromisso {
    opacity: 0.8;
    background-color: #e8e8e8; }
    .details-appointments .clientes-usuarios-selecionados .criador-compromisso .remover-usuario .switch, .details-appointments .clientes-usuarios-selecionados .criador-compromisso .switchEditarCompromisso .switch {
      opacity: 0.4; }

.wrapper-forms-appointment.ng-invalid.ng-invalid-required .footer-appointment .btn-success, .wrapper-forms-appointment.ng-invalid.ng-invalid-required .footer-appointment .btn-outline-success, .wrapper-forms-appointment.ng-invalid.ng-invalid-required .container-btn .btn-success, .wrapper-forms-appointment.ng-invalid.ng-invalid-required .container-btn .btn-outline-success {
  opacity: 0.45; }

#tourVideo .modal-header h4 {
  vertical-align: middle; }
  #tourVideo .modal-header h4 i.fa-youtube-play {
    display: inline-block;
    font-size: 34px;
    margin: 0 5px;
    color: #00a2c2;
    vertical-align: middle; }

.popover.popover-hint .btn {
  padding: 0.625rem 0.855rem;
  font-size: 0.8125rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 5% 0; }

.past {
  opacity: 0.8 !important; }
  .past.fc-v-event {
    background: #ccc !important; }

.SearchProperties {
  background-color: #dedede; }
  .SearchProperties #system {
    height: calc(100% - 55px); }
    .SearchProperties #system #content {
      height: 100%; }
      .SearchProperties #system #content iframe {
        display: block;
        width: 100%;
        height: 100%; }

.slim-scrollbar ::-webkit-scrollbar {
  width: 8px; }

.slim-scrollbar ::-webkit-scrollbar-track {
  background: #EEEEEE;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); }

.slim-scrollbar ::-webkit-scrollbar-thumb {
  background: #CCC;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }
  .slim-scrollbar ::-webkit-scrollbar-thumb:hover {
    background: #AAA; }
  .slim-scrollbar ::-webkit-scrollbar-thumb:active {
    background: #888;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }

.slim-scrollbar-dark ::-webkit-scrollbar {
  width: 8px; }

.slim-scrollbar-dark ::-webkit-scrollbar-track {
  background: #181b1f;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); }

.slim-scrollbar-dark ::-webkit-scrollbar-thumb {
  background: #5c6674;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }
  .slim-scrollbar-dark ::-webkit-scrollbar-thumb:hover {
    background: #464d57; }
  .slim-scrollbar-dark ::-webkit-scrollbar-thumb:active {
    background: #464d57;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }

.DataimobiController {
  background-color: #dedede; }
  .DataimobiController #system {
    height: calc(100% - 55px); }
    .DataimobiController #system #content {
      height: 100%; }
      .DataimobiController #system #content iframe {
        display: block;
        width: 100%;
        height: 100%; }

.ImobController {
  background-color: #dedede; }
  .ImobController #system {
    height: calc(100% - 53px); }
    .ImobController #system #content {
      height: 100%; }
      .ImobController #system #content iframe {
        display: block;
        width: 100%;
        height: 100%; }

.jq-toast-single {
  position: relative;
  display: inline-block;
  min-width: 240px;
  line-height: none;
  padding: 0;
  margin: 20px 0 0 0;
  font-size: 14px;
  font-family: 'Lato';
  border-width: 0;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 3px 3px 10px 0px rgba(163, 163, 163, 0.5); }
  .jq-toast-single .close-jq-toast-single {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 18px;
    font-weight: 800;
    color: #d3d3d3;
    opacity: 1;
    text-decoration: none; }
  .jq-toast-single .container-alert {
    border-left: 4px solid #fff;
    width: 100%;
    padding: 10px 0;
    text-align: left;
    color: #5d5d5d;
    overflow: hidden;
    border-radius: 2px;
    background-color: #fff; }
    .jq-toast-single .container-alert .icon {
      float: left;
      width: 18%;
      text-align: center; }
      .jq-toast-single .container-alert .icon i {
        font-size: 18px;
        content: "\E00D"; }
    .jq-toast-single .container-alert .content {
      float: left;
      width: 82%;
      padding-right: 20px;
      box-sizing: border-box; }
      .jq-toast-single .container-alert .content h4 {
        margin: 0;
        font-size: 1em;
        font-weight: normal; }
      .jq-toast-single .container-alert .content p {
        margin: 0; }
      .jq-toast-single .container-alert .content a {
        text-decoration: none;
        width: 82%;
        font-size: 14px;
        font-weight: 400; }

.jq-toast-single .container-alert.alert-success {
  border-color: #00a2c2; }
  .jq-toast-single .container-alert.alert-success i:before {
    content: ""; }
  .jq-toast-single .container-alert.alert-success h4, .jq-toast-single .container-alert.alert-success i, .jq-toast-single .container-alert.alert-success a {
    color: #00a2c2; }

.jq-toast-single .container-alert.alert-danger {
  border-color: #bf3d49; }
  .jq-toast-single .container-alert.alert-danger i:before {
    content: ""; }
  .jq-toast-single .container-alert.alert-danger h4, .jq-toast-single .container-alert.alert-danger i, .jq-toast-single .container-alert.alert-danger a {
    color: #bf3d49; }

.jq-toast-single .container-alert.alert-info {
  border-color: #2884b0; }
  .jq-toast-single .container-alert.alert-info i:before {
    content: ""; }
  .jq-toast-single .container-alert.alert-info h4, .jq-toast-single .container-alert.alert-info i, .jq-toast-single .container-alert.alert-info a {
    color: #2884b0; }

.jq-toast-single .container-alert.alert-warning {
  border-color: #c0ad8f; }
  .jq-toast-single .container-alert.alert-warning i:before {
    content: ""; }
  .jq-toast-single .container-alert.alert-warning h4, .jq-toast-single .container-alert.alert-warning i, .jq-toast-single .container-alert.alert-warning a {
    color: #c0ad8f; }

.bootstrap_for_gaia .toggle-module-version {
  text-align: center;
  padding-top: 6px; }
  .bootstrap_for_gaia .toggle-module-version button.btn {
    text-transform: inherit;
    text-decoration: none;
    background: none;
    font-size: 18px;
    padding: 6px 0;
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
    border-bottom: 2px solid #efefef; }
    .bootstrap_for_gaia .toggle-module-version button.btn:hover, .bootstrap_for_gaia .toggle-module-version button.btn:active, .bootstrap_for_gaia .toggle-module-version button.btn:focus, .bootstrap_for_gaia .toggle-module-version button.btn.active-tab {
      background-color: transparent;
      box-shadow: none; }
    .bootstrap_for_gaia .toggle-module-version button.btn:hover {
      color: #00a2c2; }
    .bootstrap_for_gaia .toggle-module-version button.btn.active-tab {
      border-bottom: 2px solid #00a2c2;
      color: #00a2c2;
      pointer-events: none;
      cursor: default; }
  .bootstrap_for_gaia .toggle-module-version .badge {
    background-color: #00a2c2;
    position: relative;
    top: -0.5rem;
    left: -0.5rem;
    display: inline-block;
    padding: 3.75px;
    font-size: 7.5px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .125rem; }
  .bootstrap_for_gaia .toggle-module-version button.btn-light {
    color: #676767; }

.ctaNewFeature {
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-weight: 100;
  margin: 1rem auto 2rem auto;
  padding: 1rem;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); }
  .ctaNewFeature h4.ctaTitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit; }
    .ctaNewFeature h4.ctaTitle .paperPlaneCta {
      font-size: 1.3rem; }
  .ctaNewFeature .betaLabel {
    display: inline-block;
    border: 1px solid #91cb74;
    border-radius: 3px;
    padding: 0.25rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1rem;
    vertical-align: top; }
  .ctaNewFeature p {
    font-size: 1rem;
    font-weight: 300; }
  .ctaNewFeature .closeButton {
    float: right;
    cursor: pointer; }
  .ctaNewFeature .btn.btn-success {
    margin-left: 0 !important; }
  .ctaNewFeature .newsIcon {
    vertical-align: middle;
    color: #91cb74;
    margin: 0 0.25rem;
    font-size: 0.8rem; }
    .ctaNewFeature .newsIcon:before {
      border: 1px solid #91cb74;
      border-radius: 50px;
      padding: 0.25rem; }
  .ctaNewFeature.callToActionDashboard {
    margin: 15px; }

.pagination > li:first-child > span {
  border-bottom-left-radius: 1px !important;
  border-top-left-radius: 1px !important; }

.pagination > li.disabled {
  opacity: 0.5; }

.pagination > li.active > a {
  color: #fff !important; }

.pagination > li > a {
  text-transform: uppercase;
  color: #000 !important; }

@-webkit-keyframes bouncing {
  0% {
    opacity: 0.9;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0.1;
    -webkit-transform: translateY(-5px); } }

@-moz-keyframes bouncing {
  0% {
    opacity: 0.9;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0.1;
    -moz-transform: translateY(-5px); } }

@-webkit-keyframes bouncing {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-3px); } }

@-moz-keyframes bouncing {
  0% {
    -moz-transform: translateY(0); }
  100% {
    -moz-transform: translateY(-3px); } }

.bouncing {
  -webkit-animation: bouncing .3s infinite alternate;
  animation: bouncing .3s infinite alternate; }

.animate-slide-right {
  position: absolute; }
  .animate-slide-right.ng-hide-add, .animate-slide-right.ng-hide-remove {
    -webkit-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    -moz-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    -ms-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    -o-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    display: block !important;
    left: 0; }
  .animate-slide-right.ng-hide-add.ng-hide-add-active {
    left: 100%; }
  .animate-slide-right.ng-hide-remove {
    left: -100%; }
  .animate-slide-right.ng-hide-add, .animate-slide-right.ng-hide-remove.ng-hide-remove-active {
    left: 0; }

.animate-slide-left {
  position: absolute; }
  .animate-slide-left.ng-hide-add, .animate-slide-left.ng-hide-remove {
    -webkit-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    -moz-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    -ms-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    -o-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
    display: block !important; }
  .animate-slide-left.ng-hide-add.ng-hide-add-active, .animate-slide-left.ng-hide-remove {
    right: -100%; }
  .animate-slide-left.ng-hide-add, .animate-slide-left.ng-hide-remove.ng-hide-remove-active {
    right: 0; }

.animate-slide-down-up.ng-hide-add, .animate-slide-down-up.ng-hide-remove {
  -webkit-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
  -moz-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
  -ms-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
  -o-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) all;
  display: block !important; }

.animate-slide-down-up.ng-hide-add.ng-hide-add-active {
  height: 55px;
  opacity: 1; }

.animate-slide-down-up.ng-hide-remove {
  height: 0;
  opacity: 0; }

.animate-slide-down-up.ng-hide-add, .animate-slide-down-up.ng-hide-remove.ng-hide-remove-active {
  height: 55px;
  opacity: 0; }

.animate-fade-details.ng-hide-add, .animate-fade-details.ng-hide-remove {
  -webkit-transition: 100ms ease-in-out all;
  -moz-transition: 100ms ease-in-out all;
  -ms-transition: 100ms ease-in-out all;
  -o-transition: 100ms ease-in-out all;
  transition: 100ms ease-in-out all;
  -webkit-animation: fadeInUp 1s;
  -moz-animation: fadeInUp 1s;
  -ms-animation: fadeInUp 1s;
  -o-animation: fadeInUp 1s;
  animation: fadeInUp 1s; }

.animate-fade-details.ng-hide-add.ng-hide-add-active {
  opacity: 0; }

.animate-fade-details.ng-hide-remove {
  height: 0;
  opacity: 0;
  -webkit-animation: fadeOutUp 100ms;
  -moz-animation: fadeOutUp 100ms;
  -ms-animation: fadeOutUp 100ms;
  -o-animation: fadeOutUp 100ms;
  animation: fadeOutUp 100ms; }

.animate-fade-details.ng-hide-add, .animate-fade-details.ng-hide-remove.ng-hide-remove-active {
  height: 55px; }

.animate-fade-details.ng-enter.new-message {
  background: #428BCA;
  color: #fff;
  opacity: 0.2 !important;
  border-radius: 6px; }

.filtercontainer.ng-hide-add, .filtercontainer.ng-hide-remove {
  -webkit-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1) all;
  -moz-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1) all;
  -ms-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1) all;
  -o-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1) all;
  transition: 500ms cubic-bezier(0.19, 1, 0.22, 1) all;
  display: block !important;
  position: fixed; }

.filtercontainer.ng-hide-add.ng-hide-add-active, .filtercontainer.ng-hide-remove {
  left: -100%; }

.filtercontainer.ng-hide-add, .filtercontainer.ng-hide-remove.ng-hide-remove-active {
  left: 0; }

.animate_filter.ng-hide-add {
  display: block !important; }

.animate_filter.ng-hide-remove {
  display: block !important;
  background: #FC6;
  opacity: 0;
  -webkit-transition: 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -moz-transition: 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -ms-transition: 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -o-transition: 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  transition: 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all; }
  .animate_filter.ng-hide-remove.ng-hide-remove-active {
    background: none;
    opacity: 1; }

.animate_fade {
  opacity: 1;
  -webkit-transition: 300ms ease-in-out all;
  -moz-transition: 300ms ease-in-out all;
  -ms-transition: 300ms ease-in-out all;
  -o-transition: 300ms ease-in-out all;
  transition: 300ms ease-in-out all; }
  .animate_fade.ng-hide {
    opacity: 0;
    display: none !important; }
  .animate_fade.ng-hide-remove {
    opacity: 0;
    display: none !important; }
  .animate_fade.ng-hide-add {
    opacity: 1;
    display: none !important; }

.fadein, .fadeout {
  -webkit-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -moz-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -ms-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -o-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all; }
  .fadein .wd-container, .fadeout .wd-container {
    -webkit-transition: 500ms ease-in-out left;
    -moz-transition: 500ms ease-in-out left;
    -ms-transition: 500ms ease-in-out left;
    -o-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left; }

.fadein.ng-hide-remove {
  opacity: 0;
  display: block !important; }
  .fadein.ng-hide-remove .wd-container {
    left: -1000px; }

.fadeout.ng-hide-add {
  opacity: 1;
  display: block !important; }
  .fadeout.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    display: block !important; }
    .fadeout.ng-hide-add.ng-hide-add-active .wd-container {
      left: -1000px; }
  .fadeout.ng-hide-add .wd-container {
    left: 0px; }

.fadein.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  display: block !important; }
  .fadein.ng-hide-remove.ng-hide-remove-active .wd-container {
    left: 0px; }

.animate-repeat {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -moz-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -ms-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all; }

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  -webkit-transition: 300ms ease-in-out all;
  -moz-transition: 300ms ease-in-out all;
  -ms-transition: 300ms ease-in-out all;
  -o-transition: 300ms ease-in-out all;
  transition: 300ms ease-in-out all; }

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity: 0;
  left: -500px;
  max-height: 50px; }

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity: 1;
  min-height: 50px;
  left: 0px; }

.financy-repeat {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: 400ms ease-in-out all;
  -moz-transition: 400ms ease-in-out all;
  -ms-transition: 400ms ease-in-out all;
  -o-transition: 400ms ease-in-out all;
  transition: 400ms ease-in-out all; }

.financy-repeat.ng-move,
.financy-repeat.ng-enter,
.financy-repeat.ng-leave {
  -webkit-transition: 400ms ease-in-out all;
  -moz-transition: 400ms ease-in-out all;
  -ms-transition: 400ms ease-in-out all;
  -o-transition: 400ms ease-in-out all;
  transition: 400ms ease-in-out all; }

.financy-repeat.ng-enter {
  -webkit-animation: bounceInLeft 1s;
  -moz-animation: bounceInLeft 1s;
  -ms-animation: bounceInLeft 1s;
  -o-animation: bounceInLeft 1s;
  animation: bounceInLeft 1s; }

.financy-repeat.ng-enter.ng-enter-active {
  opacity: 1; }

.financy-repeat.ng-leave {
  -webkit-animation: bounceOutRight 1s;
  -moz-animation: bounceOutRight 1s;
  -ms-animation: bounceOutRight 1s;
  -o-animation: bounceOutRight 1s;
  animation: bounceOutRight 1s; }

.financy-repeat.ng-leave.ng-leave-active {
  opacity: 1; }

.radar-repeat {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: 400ms ease-in-out all;
  -moz-transition: 400ms ease-in-out all;
  -ms-transition: 400ms ease-in-out all;
  -o-transition: 400ms ease-in-out all;
  transition: 400ms ease-in-out all; }

.radar-repeat.ng-move,
.radar-repeat.ng-enter,
.financy-repeat.ng-leave {
  -webkit-transition: 400ms ease-in-out all;
  -moz-transition: 400ms ease-in-out all;
  -ms-transition: 400ms ease-in-out all;
  -o-transition: 400ms ease-in-out all;
  transition: 400ms ease-in-out all; }

.radar-repeat.ng-enter {
  -webkit-animation: fadeInLeft 400ms;
  -moz-animation: fadeInLeft 400ms;
  -ms-animation: fadeInLeft 400ms;
  -o-animation: fadeInLeft 400ms;
  animation: fadeInLeft 400ms; }

.radar-repeat.ng-enter.ng-enter-active {
  -webkit-animation: fadeInLeft 400ms;
  -moz-animation: fadeInLeft 400ms;
  -ms-animation: fadeInLeft 400ms;
  -o-animation: fadeInLeft 400ms;
  animation: fadeInLeft 400ms;
  opacity: 1; }

.radar-repeat.ng-leave {
  -webkit-animation: fadeOutRight 400ms;
  -moz-animation: fadeOutRight 400ms;
  -ms-animation: fadeOutRight 400ms;
  -o-animation: fadeOutRight 400ms;
  animation: fadeOutRight 400ms;
  position: absolute;
  top: 0;
  opacity: 0;
  display: none; }

.radar-repeat.ng-leave.ng-leave-active {
  -webkit-animation: fadeInLeft 400ms;
  -moz-animation: fadeInLeft 400ms;
  -ms-animation: fadeInLeft 400ms;
  -o-animation: fadeInLeft 400ms;
  animation: fadeInLeft 400ms;
  opacity: 1; }

/* Add animation */
.my-repeat-animation.ng-enter.ng-enter-active,
.my-repeat-animation.ng-leave {
  opacity: 1;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear; }

/* Remove animation */
.my-repeat-animation.ng-leave.ng-leave-active,
.my-repeat-animation.ng-enter {
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear; }

.alert {
  -webkit-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -moz-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -ms-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -o-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all; }

.alert.ng-hide-add {
  opacity: 1;
  display: block !important;
  animation: 1s bounceOutDown ease; }
  .alert.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    display: block !important;
    animation: 1s bounceOutDown ease; }

.alert.ng-hide-remove {
  opacity: 0;
  display: block !important;
  animation: 1s bounceInDown ease; }
  .alert.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
    display: block !important;
    animation: 1s bounceInDown ease; }

.anim_left_right {
  -webkit-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -moz-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -ms-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  -o-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) all; }

.anim_left_right.ng-hide-add {
  opacity: 1;
  display: block !important;
  -webkit-animation: bounceOutRight 1s;
  -moz-animation: bounceOutRight 1s;
  -ms-animation: bounceOutRight 1s;
  -o-animation: bounceOutRight 1s;
  animation: bounceOutRight 1s; }
  .anim_left_right.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    position: absolute;
    display: block !important;
    -webkit-animation: bounceOutRight 1s;
    -moz-animation: bounceOutRight 1s;
    -ms-animation: bounceOutRight 1s;
    -o-animation: bounceOutRight 1s;
    animation: bounceOutRight 1s; }

.anim_left_right.ng-hide-remove {
  display: block !important;
  animation: 2s bounceInLeft ease;
  -webkit-animation: bounceInLeft 2s;
  -moz-animation: bounceInLeft 2s;
  -ms-animation: bounceInLeft 2s;
  -o-animation: bounceInLeft 2s;
  animation: bounceInLeft 2s; }
  .anim_left_right.ng-hide-remove.ng-hide-remove-active {
    position: absolute;
    display: block !important;
    -webkit-animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;
    -ms-animation: bounceInLeft 2s;
    -o-animation: bounceInLeft 2s;
    animation: bounceInLeft 2s; }

.animate-slide.ng-enter, .animate-slide.ng-leave {
  -webkit-transition: 300ms cubic-bezier(0, 0, 0.58, 1) all;
  -moz-transition: 300ms cubic-bezier(0, 0, 0.58, 1) all;
  -ms-transition: 300ms cubic-bezier(0, 0, 0.58, 1) all;
  -o-transition: 300ms cubic-bezier(0, 0, 0.58, 1) all;
  transition: 300ms cubic-bezier(0, 0, 0.58, 1) all;
  position: relative;
  display: block; }

.animate-slide.ng-enter.ng-enter-active {
  opacity: 1;
  right: 0; }

.animate-slide.ng-leave {
  opacity: 1;
  right: 0;
  height: 0; }
  .animate-slide.ng-leave.ng-leave-active {
    opacity: 0;
    right: 500px; }

.animate-slide.ng-enter {
  opacity: 0;
  right: 500px; }

.animate-chat.ng-enter.left {
  -webkit-animation: fadeInRight 0.4s;
  -moz-animation: fadeInRight 0.4s;
  -ms-animation: fadeInRight 0.4s;
  -o-animation: fadeInRight 0.4s;
  animation: fadeInRight 0.4s; }

.animate-chat.ng-enter.right {
  -webkit-animation: fadeInLeft 0.4s;
  -moz-animation: fadeInLeft 0.4s;
  -ms-animation: fadeInLeft 0.4s;
  -o-animation: fadeInLeft 0.4s;
  animation: fadeInLeft 0.4s; }

.animate-chat.ng-leave {
  display: none; }

.animate-fade-in:not(.ng-hide) {
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  animation: fadeIn 1s; }

.animate-fade-in.ng-hide {
  display: none; }

.animate-fade-in-out.ng-enter, .animate-fade-in-out.ng-leave {
  position: relative;
  display: block;
  opacity: 0; }

.animate-fade-in-out.ng-enter {
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  animation: fadeIn 1s; }

.animate-fade-in-out.ng-leave {
  -webkit-animation: fadeOut 1s;
  -moz-animation: fadeOut 1s;
  -ms-animation: fadeOut 1s;
  -o-animation: fadeOut 1s;
  animation: fadeOut 1s; }

.animate-fade-in-out.ng-enter.ng-enter-active {
  opacity: 1; }

.animate-fade-in-out.ng-leave {
  opacity: 1; }
  .animate-fade-in-out.ng-leave.ng-leave-active {
    opacity: 0; }

.animate-fade-in-out.ng-hide {
  display: none; }

.loading-dots {
  text-align: center; }
  .loading-dots span {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: 0px auto;
    background: black;
    border-radius: 50%;
    -webkit-animation: bouncing 0.4s infinite alternate;
    -moz-animation: bouncing 0.4s infinite alternate; }
    .loading-dots span:nth-of-type(2) {
      -webkit-animation-delay: 0.3s;
      -moz-animation-delay: 0.3s; }
    .loading-dots span:nth-of-type(3) {
      -webkit-animation-delay: 0.6s;
      -moz-animation-delay: 0.6s; }

.animate-dots {
  display: inline-block; }
  .animate-dots .dot {
    display: inline-block; }
    .animate-dots .dot:before {
      content: "."; }
  .animate-dots .dot:nth-child(1) {
    -webkit-animation: dot 1.8s infinite;
    -moz-animation: dot 1.8s infinite;
    -ms-animation: dot 1.8s infinite;
    -o-animation: dot 1.8s infinite;
    animation: dot 1.8s infinite;
    -webkit-animation-delay: 0.4s;
    animation: dot 1.8s infinite;
    animation-delay: 0.4s; }
  .animate-dots .dot:nth-child(2) {
    -webkit-animation: dot 1.8s infinite;
    -moz-animation: dot 1.8s infinite;
    -ms-animation: dot 1.8s infinite;
    -o-animation: dot 1.8s infinite;
    animation: dot 1.8s infinite;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .animate-dots .dot:nth-child(3) {
    -webkit-animation: dot 1.8s infinite;
    -moz-animation: dot 1.8s infinite;
    -ms-animation: dot 1.8s infinite;
    -o-animation: dot 1.8s infinite;
    animation: dot 1.8s infinite;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s; }

@-webkit-keyframes dot {
  0%, 100% {
    opacity: 0; }
  50%, 75% {
    opacity: 1; } }

@keyframes dot {
  0%, 100% {
    opacity: 0; }
  50%, 75% {
    opacity: 1; } }

@keyframes ing-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.ing-spin {
  display: inline-block;
  -webkit-animation: ing-spin 2s infinite linear;
  animation: ing-spin 2s infinite linear; }

body[device='mobile'] .align-widgets {
  display: block; }
  body[device='mobile'] .align-widgets .widget,
  body[device='mobile'] .align-widgets widget,
  body[device='mobile'] .align-widgets widget-radar-old,
  body[device='mobile'] .align-widgets widget-radar {
    display: block; }

body[device='mobile'] #header .navbar-header {
  width: auto; }

body[device='mobile'] #header .search-on-nav > a {
  padding: 14px 15px; }

body[device='mobile'] #header .search-on-nav .search-form .navbar-form {
  padding: 0 6px 0 0; }

body[device='mobile'] #header .search-on-nav .search-form .btn.dropdown-toggle {
  width: 82px;
  padding: 0 4px;
  text-transform: none;
  font-size: 0.7rem; }

body[device='mobile'] [news-notifications] .news-counter,
body[device='mobile'] [news-notifications] .news-content,
body[device='mobile'] [news-notifications] .ui-carousel {
  height: auto;
  min-height: 130px; }

@media only screen and (max-width: 768px) {
  body[device='mobile'] #header .navbar-collapse {
    padding: 0; }
  body[device='mobile'] #header #busca_rapida .form-control {
    width: 125px !important; } }