@charset "UTF-8";
@font-face {
  font-family: 'HelveticaCondensed';
  src: url("hvc____-webfont.eot");
  src: url("font/hvc____-webfont.eot?#iefix") format("embedded-opentype"), url("font/hvc____-webfont.woff") format("woff"), url("font/hvc____-webfont.ttf") format("truetype"), url("font/hvc____-webfont.svg#HelveticaCondensed") format("svg");
  font-weight: normal;
  font-style: normal; }

.btn-submit {
  width: 100px; }

.btn-save {
  overflow: visible;
  border-radius: 0; }

#ui-datepicker-div {
  display: none; }

.ui-datepicker-trigger {
  cursor: pointer; }

.top-background {
  background-image: url("https://primebuilder.com.br/frontend/content/images/orange/egg-shell.png");
  height: 200px;
  position: absolute;
  width: 100%;
  z-index: -1; }

body {
  margin: 0px; }

body.ie6, body.ie7, body.ie8 {
  background: url("images/orange/header-stripes.jpg") no-repeat scroll center 60px #fff;
  margin-top: 60px !important; }

.header {
  padding-bottom: 10px;
  position: relative; }
  .header .os-logo {
    position: relative; }
  .header .os-logo-side {
    height: 48px;
    margin-bottom: 4px;
    margin-top: 20px;
    padding-left: 330px; }
  .header .wrapper-logo-client {
    border-right-style: solid;
    border-right-width: 0;
    box-shadow: 0 0 20px 0 #000;
    box-sizing: border-box;
    float: left;
    height: 100%;
    line-height: 90px;
    margin-left: -10px;
    padding: 10px 50px 10px 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 310px;
    z-index: -1; }
    .header .wrapper-logo-client img.client-logo {
      margin: auto;
      max-height: 100px;
      max-width: 250px;
      vertical-align: middle; }
    .header .wrapper-logo-client:after {
      border-style: solid;
      border-width: 0;
      box-shadow: 5px -5px 5px -5px #000;
      content: "";
      height: 270px;
      position: absolute;
      right: 25px;
      top: -25px;
      transform: rotate(30deg);
      width: 90px;
      z-index: -1; }
    .header .wrapper-logo-client:before {
      content: "";
      height: 100%;
      position: absolute;
      right: 100%;
      top: 0;
      width: 1000px; }
  .header .user-info {
    bottom: 10px;
    float: right;
    font-family: "HelveticaCondensed";
    position: absolute;
    right: 0;
    text-align: right; }
    .header .user-info .user-name {
      font-size: 21px; }
    .header .user-info .company-name {
      font-size: 14px; }
    .header .user-info .company-id {
      font-size: 14px; }
  .header .header-actions {
    border-radius: 0 0 5px 5px;
    float: right;
    padding: 6px;
    clear: both;
    position: relative;
    top: 0;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    .header .header-actions a {
      border-radius: 3px;
      display: inline-block;
      font-size: 12px;
      padding: 5px 12px;
      text-decoration: none; }

.header-top-right::after {
  clear: both;
  content: "";
  display: block; }

.header-top-right {
  position: relative;
  width: 100%; }

 .logo-partner {
        position: absolute;
        top: 0px;
        max-width: 100px;
        max-height: 60px;
        margin-left: 20px;
    }

.menu-container {
  border-top-width: 0;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  z-index: 2;
  box-shadow: 0 28px 20px 22px #000; }
  .menu-container .sf-menu .special {
    font-family: 'HelveticaCondensed';
    font-size: 16px; }
  .menu-container .sf-menu .short-description {
    box-shadow: 1px 1px 10px -2px #000;
    display: none;
    font-size: 12px;
    height: auto !important;
    line-height: 13px;
    margin-left: -10px;
    overflow: visible !important;
    padding: 10px !important;
    position: absolute;
    width: 100%;
    z-index: 9999;
    border-width: 1px;
    border-style: solid; }
    .menu-container .sf-menu .short-description:after {
      border-left-style: solid;
      border-left-width: 10px;
      border-right-style: solid;
      border-right-width: 10px;
      border-top-style: solid;
      border-top-width: 10px;
      bottom: -10px;
      content: "";
      position: absolute;
      right: 29px; }
  .menu-container .sf-menu ul ul {
    margin-top: 0;
    margin-left: 0; }

.content-container {
  min-height: 700px; }
  .content-container h1 {
    font-family: 'HelveticaCondensed';
    font-size: 26px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 400; }
  .content-container .header-full {
    display: block;
    height: 62px; }
    .content-container .header-full .header-left {
      float: left; }
    .content-container .header-full .header-right {
      float: right;
      padding: 18px 0px; }
  .content-container form {
    margin: 0px;
    margin-bottom: -2px;
    clear: both; }
    .content-container form #accordion {
      margin-top: 0px; }
    .content-container form textarea,
    .content-container form input[type="text"],
    .content-container form input[type="password"],
    .content-container form input[type="datetime"],
    .content-container form input[type="datetime-local"],
    .content-container form input[type="date"],
    .content-container form input[type="month"],
    .content-container form input[type="time"],
    .content-container form input[type="week"],
    .content-container form input[type="number"],
    .content-container form input[type="email"],
    .content-container form input[type="url"],
    .content-container form input[type="search"],
    .content-container form input[type="tel"],
    .content-container form input[type="color"],
    .content-container form .uneditable-input, .content-container form select {
      margin-bottom: 0px; }
    .content-container form #mainTabs {
      margin-bottom: 10px;
      margin-top: 10px; }
  .content-container .divisor-table {
    width: 100%; }
    .content-container .divisor-table table {
      width: 100%; }
    .content-container .divisor-table tr:first-child {
      font-weight: bold; }
    .content-container .divisor-table td {
      padding: 10px;
      vertical-align: top; }
      .content-container .divisor-table td .label {
        background: none repeat scroll 0 0;
        text-shadow: none;
        border: 0 none;
        cursor: pointer;
        float: left;
        font-size: 11px;
        font-weight: 100;
        margin: 12px 0 0 8px;
        padding-left: 2px;
        padding-top: 4px; }
      .content-container .divisor-table td input {
        width: 100%; }
  .content-container #monitorColumn {
    border: 1px solid; }
    .content-container #monitorColumn th {
      text-align: left;
      padding-top: 3px;
      padding-bottom: 3px; }
    .content-container #monitorColumn td {
      padding: 3px;
      text-align: left;
      font-size: 11px;
      font-weight: normal;
      border-top-width: 1px;
      border-top-style: solid;
      line-height: 30px; }
    .content-container #monitorColumn .checkbox-collumn {
      text-align: center; }
  .content-container .little-desc {
    font-size: 10px; }
  .content-container .checkbox-container {
    font-size: 12px;
    padding-left: 20px;
    line-height: 20px; }
    .content-container .checkbox-container input {
      margin: -1px 5px 5px 0px; }

.cockpit-filter {
  padding: 15px 10px 12px;
  height: 35px; }
  .cockpit-filter label {
    font-size: 12px;
    white-space: nowrap;
    margin-left: 0px;
    border: 0px;
    padding-right: 0px;
    line-height: 30px;
    padding-top: 20px; }
    .cockpit-filter label input {
      position: relative;
      top: 5px; }
  .cockpit-filter .btn {
    float: right;
    margin-top: 3px; }
  .cockpit-filter .legend-period {
    padding-top: 11px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-weight: bold; }
  .cockpit-filter select {
    margin-top: 6px; }

.cockpit-container {
  margin: 10px 0px;
  background: #fff;
  padding-bottom: 10px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa; }
  .cockpit-container .cockpit-box {
    padding-bottom: 5px;
    background: url(images/orange/background-cockpit.gif) repeat-x 0px -418px;
    min-height: 260px;
    border: 1px solid;
    margin-top: 7px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px; }
  .cockpit-container .pos-left {
    position: relative;
    left: 10px; }
  .cockpit-container .pos-right {
    position: relative;
    right: 10px; }
  .cockpit-container .pos-full {
    margin: 10px 10px 0px 10px; }
  .cockpit-container .cockpit-header {
    display: block;
    height: 38px;
    font-family: 'HelveticaCondensed';
    font-size: 18px; }
    .cockpit-container .cockpit-header h2 {
      font-size: 18px;
      display: inline-block;
      line-height: 40px;
      margin-left: 10px;
      font-weight: normal; }
    .cockpit-container .cockpit-header .btn-group {
      float: right;
      margin-right: 5px;
      margin-top: 5px; }
      .cockpit-container .cockpit-header .btn-group .dropdown-menu {
        right: 0;
        left: auto;
        min-width: 80px; }
  .cockpit-container .graph-space {
    margin: 10px auto;
    width: 290px; }
  .cockpit-container .graph-space-full {
    margin: 10px auto;
    width: 600px; }

#accordion {
  clear: both;
  border: 1px solid;
  border-bottom: 0px; }
  #accordion .accordion-group {
    margin-bottom: 5px !important;
    border: none; }
    #accordion .accordion-group .accordion-heading .accordion-toggle {
      font-family: 'HelveticaCondensed';
      font-size: 16px;
      text-decoration: none;
      height: 20px;
      font-weight: 200;
      padding-left: 13px;
      line-height: 22px;
      display: block;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      position: relative; }
      #accordion .accordion-group .accordion-heading .accordion-toggle:after {
        content: "...";
        font-size: 20px;
        height: 10px;
        position: absolute;
        right: 20px;
        top: 2px;
        width: 10px; }
    #accordion .accordion-group .accordion-body {
      border-bottom-width: 4px;
      border-bottom-style: solid; }
      #accordion .accordion-group .accordion-body table {
        border-radius: 0;
        margin: 20px !important; }

.gridTableFooter .btn-toolbar {
  margin-top: 13px; }

.table-form-filter {
  width: 96%;
  margin: 0px; }
  .table-form-filter td {
    padding: 5px 10px; }
  .table-form-filter label {
    font-weight: 100;
    font-size: 14px;
    border-top: none;
    padding: 0 2px;
    margin: 0; }
  .table-form-filter .btn {
    width: auto; }
  .table-form-filter .ui-datepicker-trigger {
    position: relative;
    margin-top: -1px;
    cursor: pointer; }

.empty-table-result {
  border: 1px solid;
  padding: 20px;
  clear: both; }

.footer-container::before {
  background-color: #000;
  content: "";
  height: 900px;
  margin: 0 auto;
  opacity: 0.3;
  position: absolute;
  right: 60%;
  top: -400px;
  transform: rotate(50deg);
  width: 900px; }

.footer-container::after {
  background-color: #2c2c2c;
  box-shadow: 0 0 10px 0 #000;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.footer-container {
  background-image: url("https://primebuilder.com.br/frontend/content/images/orange/egg-shell.png");
  border-top-width: 0;
  border-top-style: solid;
  padding: 40px 0 0px;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .footer-container .container > * {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px; }
  .footer-container .container .buttons .btn-footer {
    float: left;
    display: inline-block;
    height: 36px;
    padding-left: 10px;
    margin-right: 20px;
    cursor: pointer; }
    .footer-container .container .buttons .btn-footer:hover {
      text-decoration: none; }
  .footer-container .container .buttons svg {
    float: left; }
  .footer-container .container .buttons .btn-support {
    background: url(images/orange/ico-support.png) no-repeat left; }
  .footer-container .container .buttons .btn-contact {
    background: url(images/orange/ico-contact.png) no-repeat left; }
  .footer-container .container .allrights img {
    width: 376px;
    float: right;
    position: relative !important;
    margin-top: -100px; }
    .login-page .footer-container .container .allrights img {
      margin-top: -50px !important; }
  .footer-container .container .allrights p span {
    display: block;
    position: relative; }
  .footer-container .container .allrights p .version-label {
    font-size: 10px; }

.footer-container .container {
  box-sizing: border-box; }

@media only screen and (max-width: 992px) {
  .footer-container .container {
    width: 100% !important;
    padding: 0 15px; } }

@media only screen and (max-width: 992px) {
  .allrights > img {
    margin-top: 30px; } }

@media only screen and (max-width: 405px) {
  .allrights > img {
    width: 100% !important; } }

.footer-container .buttons > div {
  display: block;
  float: left;
  margin: 10px 0;
  opacity: 0.7;
  transition: opacity 0.3s ease 0s; }

.footer-container .buttons > div::after {
  clear: both;
  content: "";
  display: block; }

.slide {
  width: 400px; }

.slide-back {
  position: absolute;
  height: 101%; }

.statusBox {
  width: 5px;
  height: 5px;
  margin: 5px;
  float: left; }

.login-body .login-header {
  background: url("https://primebuilder.com.br/frontend/content/images/orange/egg-shell.png");
  text-align: center; }

.login-page {
  background: url(images/orange/background.jpg) center top; }
  .login-page .footer-container {
    position: fixed;
    height: 400px;
    width: 100%; }

.forgot-password {
  background: url(images/orange/background-login-forgot.jpg) right 30px no-repeat !important;
  text-align: left;
  margin-top: -30px; }
  .forgot-password p {
    margin-top: 10px; }
  .forgot-password .button-forgot {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border: 1px solid;
    display: inline-block;
    padding: 4px 8px 0px 8px;
    font-size: 12px;
    border-bottom: none;
    position: relative; }

.loading-background {
  margin: 0px;
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.35;
  -moz-opacity: 0.35;
  filter: alpha(opacity=35); }

.loadingContent > img {
  margin-right: 10px;
  opacity: 0.3;
  width: 32px; }

.loadingContent {
  position: fixed;
  left: 42%;
  top: 47%;
  width: 16%;
  height: 33px;
  border: 1px solid;
  z-index: 4;
  font-size: 20px;
  font-family: 'HelveticaCondensed';
  padding: 10px 10px 8px 20px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

textarea.error, textarea.validation-error, textarea.validation-summary-errors {
  background-color: #FFE5E5 !important;
  border-color: #FB8D89 !important; }

.validation-summary-errors {
  width: 100%;
  margin-bottom: 5px;
  display: block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  margin: 20px 0 5px;
  clear: both;
  padding: 20px 20px; }
  .validation-summary-errors ul {
    margin: 0px; }
    .validation-summary-errors ul li {
      font-size: 12px;
      padding: 1px 0 0;
      list-style: none outside none;
      margin-left: 15px; }
      .validation-summary-errors ul li label {
        padding: 1px 0 0 0; }
    .validation-summary-errors ul li:last-child {
      padding-bottom: 0; }
    .validation-summary-errors ul li:first-child {
      padding-top: 0; }

.row .summary, .content-container .summary {
  display: none; }

.summary {
  width: 100%;
  display: block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  margin: 20px 0 5px;
  clear: both;
  list-style: none;
  border: 1px solid;
  padding: 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: none; }
  .summary li {
    list-style-position: inside;
    margin-left: 15px; }
    .summary li label {
      padding: 1px 0 0 0;
      font-size: 12px;
      cursor: pointer; }

div.message, div.validation-summary-errors {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
  display: block;
  float: left;
  clear: both;
  border: 1px solid;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  div.message p, div.validation-summary-errors p {
    padding: 3px;
    margin: 5px 0;
    margin-left: 32px;
    line-height: 18px;
    padding-right: 16px;
    text-align: left;
    font-size: 12px;
    word-wrap: break-word; }
  div.message .ico, div.validation-summary-errors .ico {
    width: 32px;
    height: 32px;
    display: inline-block;
    float: left; }

div.unknow {
  border: 1px solid; }
  div.unknow .ico {
    background: url(images/orange/sprites-32.png) no-repeat scroll 0px 0px;
    display: none; }
  div.unknow p {
    margin-left: 10px; }

div.info {
  border: 1px solid; }
  div.info .ico {
    background: url(images/orange/sprites-32.png) no-repeat scroll 0px 0px; }

div.warning {
  border: 1px solid; }
  div.warning .ico {
    background: url(images/orange/sprites-32.png) no-repeat scroll -32px 0px; }

div.error, div.validation-summary-errors {
  border: 1px solid;
  padding: 20px 20px;
  margin: 20px 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  div.error p, div.validation-summary-errors p {
    padding: 1px 0 0;
    margin: 0 0 0 15px; }
  div.error .ico, div.validation-summary-errors .ico {
    background: url(images/orange/sprites-32.png) no-repeat scroll -64px 0px;
    display: none; }
  div.error br, div.validation-summary-errors br {
    display: list-item; }

div.success {
  border: 1px solid; }
  div.success .ico {
    background: url(images/orange/sprites-32.png) no-repeat scroll -96px 0px; }

div.close:hover {
  cursor: pointer; }

div.close:hover > p {
  background: url(images/orange/close.png) no-repeat right center; }

.errorMessage, .successMessage, .warningMessage {
  display: block;
  border: 1px solid;
  padding: 0 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.buttons-grid {
  padding-top: 0px; }
  .buttons-grid .btn {
    margin-top: 5px; }

.monitorRefreshArea {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 20px;
  border: 1px solid;
  display: block;
  height: 40px;
  font-size: 10px;
  line-height: 40px; }
  .monitorRefreshArea .monitorRefreshInfo {
    float: right;
    padding-right: 10px; }
  .monitorRefreshArea .monitorRefreshButton {
    float: left;
    line-height: 40px; }
    .monitorRefreshArea .monitorRefreshButton input {
      float: left;
      margin-left: 8px;
      margin-top: 6px;
      font-size: 10px; }
    .monitorRefreshArea .monitorRefreshButton label {
      margin-top: 10px;
      font-size: 10px;
      display: inline-block;
      line-height: 26px; }
      .monitorRefreshArea .monitorRefreshButton label input {
        margin-right: 5px; }

#filterResult {
  margin-bottom: 0px; }

.gridMonitor .row-appended, .gridOS .row-appended {
  border: 1px solid; }

.gridMonitor .gridOS th {
  font-size: 11px;
  text-align: left; }
  .gridMonitor .gridOS th a {
    text-decoration: none; }

.gridMonitor .gridOS td {
  text-align: left; }

.ico-color-grid {
  width: 30px;
  height: 20px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: left; }

.ico16, .gridTable .action-edit .ico, .gridTable .action-remove .ico, .gridTable .action-view .ico, .gridTable .action-execute .ico, .gridTable .action-config .ico, .gridTable .action-clone .ico, .gridTable .action-customer-user .ico, .gridTable .action-pushclear .ico, .gridTable .action-pushlogout .ico, .gridTable .action-change-available .ico, .gridTable .action-change-unavailable .ico, .ico-userdevicestatus-green, .ico-userdevicestatus-yellow, .ico-userdevicestatus-red, .ico-exclam {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px; }

.ico32, .ico-user-normal, .ico-user-iddle, .ico-user-notlogged {
  display: inline-block;
  width: 32px;
  height: 32px; }

.ico24, .ico-empresa, .ico-grupo, .ico-antena, .ico-gps {
  display: inline-block;
  width: 24px;
  height: 24px; }

.gridTable {
  border-width: 1px;
  border-style: solid;
  width: 100%;
  margin: 0px 0px 20px 0px; }
  .gridTable .gridTableHeader {
    font-family: 'HelveticaCondensed';
    font-size: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid !important;
    border-top-width: 1px;
    border-top-style: solid !important; }
    .gridTable .gridTableHeader th {
      padding: 10px 5px 8px 6px;
      text-align: left; }
  .gridTable .gridTableHeaderWithLine th {
    border-right-width: 1px !important;
    border-right-style: solid !important; }
  .gridTable .gridTableHeaderWithLine th:last-child {
    border-right: none !important; }
  .gridTable .gridTableHeaderInner {
    font-size: 12px !important; }
    .gridTable .gridTableHeaderInner th {
      padding: 5px 3px 4px 3px !important; }
  .gridTable td {
    padding: 3px 3px 3px 6px;
    font-size: 12px;
    word-wrap: break-word;
    max-width: 60px;
    position: relative; }
  .gridTable tr {
    border-top-width: 1px;
    border-top-style: solid; }
  .gridTable .mini-text {
    font-size: 10px; }
  .gridTable .action-default, .gridTable .action-edit, .gridTable .action-remove, .gridTable .action-view, .gridTable .action-execute, .gridTable .action-config, .gridTable .action-clone, .gridTable .action-customer-user, .gridTable .action-pushclear, .gridTable .action-pushlogout, .gridTable .action-change-available, .gridTable .action-change-unavailable {
    padding: 2px; }
  .gridTable .action-relationship .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -80px -16px; }
  .gridTable .action-relationship :hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -80px -32px; }
  .gridTable .action-edit .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -80px -16px; }
  .gridTable .action-remove .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -32px 0px; }
  .gridTable .action-view .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll 0px 0px; }
  .gridTable .action-execute .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll 0px -16px; }
  .gridTable .action-clone .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -80px -16px; }
  .gridTable .action-customer-user .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll 0px -32px; }
  .gridTable .action-edit:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -64px 0px; }
  .gridTable .action-remove:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -80px 0px; }
  .gridTable .action-view:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -48px 0px; }
  .gridTable .action-execute:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -16px -16px; }
  .gridTable .action-config .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -32px -16px; }
  .gridTable .action-config:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -48px -16px; }
  .gridTable .action-clone:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -80px -32px; }
  .gridTable .action-customer-user:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll 0px -48px; }
  .gridTable .action-pushclear .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -48px -32px; }
  .gridTable .action-pushclear:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -64px -32px; }
  .gridTable .action-pushlogout .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -32px -32px; }
  .gridTable .action-pushlogout:hover .ico {
    background: url(images/orange/sprites-16.png) no-repeat scroll -16px -32px; }
  .gridTable .action-change-available .ico {
	background: url(images/orange/available.png) }
  .gridTable .action-change-unavailable .ico {
	background: url(images/orange/unavailable.png) }
  .gridTable .action-change-available:hover .ico {
    background: url(images/orange/available-hover.png) }
  .gridTable .action-change-unavailable:hover .ico {
	background: url(images/orange/unavailable-hover.png) }
  .gridTable .action-collumn {
    max-width: 64px;
    text-align: right;
    white-space: nowrap; }
  .gridTable .action-collumn-big {
    max-width: 124px;
    white-space: nowrap;
    text-align: right; }
  .gridTable .center-collumn {
    text-align: center !important; }
  .gridTable .ico-state-on-off {
    display: block;
    margin: 0px auto; }

table.report th {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center !important; }

table.report td {
  font-size: 11px; }

#display-mode {
  cursor: pointer; }

.calendar {
  width: 95px !important; }

section div .ui-datepicker-trigger {
  margin-top: -1px;
  margin-left: -12px; }

section div select {
  min-width: 50%; }

.content-fancy form fieldset > section label {
  width: 30%; }

.content-fancy form fieldset > section div {
  width: 64%; }

.ico-user-normal, .ico-user-iddle, .ico-user-notlogged {
  background: url(images/orange/sprites-32.png) no-repeat scroll -192px 0px; }
  .ico-user-normal .ico, .ico-user-iddle .ico, .ico-user-notlogged .ico {
    position: relative;
    right: -10px;
    bottom: -10px; }

.ico-user-iddle {
  background: url(images/orange/sprites-32.png) no-repeat scroll -224px 0px; }

.ico-user-notlogged {
  background: url(images/orange/sprites-32.png) no-repeat scroll -224px -32px; }

.ico-userdevicestatus-green {
  background: url(images/orange/ico-userdevicestatus-green.gif) no-repeat; }

.ico-userdevicestatus-yellow {
  background: url(images/orange/ico-userdevicestatus-yellow.gif) no-repeat; }

.ico-userdevicestatus-red {
  background: url(images/orange/ico-userdevicestatus-red.gif) no-repeat; }

.ico-exclam {
  background: url(images/orange/sprites-16.png) no-repeat scroll -64px -16px; }

.ico-empresa {
  background: url(images/orange/icon-empresa.png) no-repeat; }

.ico-grupo {
  background: url(images/orange/icon-grupo.png) no-repeat; }

.ico-antena {
  background: url(images/orange/antena.png) no-repeat; }

.ico-gps {
  background: url(images/orange/gps.png) no-repeat; }

.exclam-text {
  line-height: 32px;
  font-size: 11px; }

.dragHandle {
  background: url(images/orange/ico-move-up-down-off.png) center center no-repeat;
  cursor: move; }

.dragHandle:hover {
  background: url(images/orange/ico-move-up-down.png) center center no-repeat !important;
  cursor: move; }

.dragList {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  background-repeat: repeat-x;
  border: 0px;
  border-style: none; }

.ie .sf-menu li .headers {
  cursor: default; }
  .ie .sf-menu li .headers .short-description {
    white-space: pre-line; }

.ie input[type="radio"], .ie input[type="checkbox"], .ie input[type="radio"], .ie input[type="checkbox"] {
  border: none; }

.ie .summary {
  list-style: none; }

#serviceRequestDialog, #alarms {
  overflow: hidden !important; }

.stageSemaphore {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  border: 1px black;
  behavior: url(StyleSheets/ie-css3.htc);
  margin-left: auto;
  margin-right: auto; }

.stageSemaphoreMap {
    width: 20px;
    height: 20px;
    border-radius: 50%;    
    display: inline-block;
    margin-right: 5px; 
    vertical-align: middle; 
}
.addressLink {
  text-decoration: underline;
  font-size: x-small !important;
  font-weight: bold;
  cursor: pointer; }

.addressWithoutLink {
  text-decoration: underline;
  font-size: 10px !important;
  font-weight: bold; }

.cb {
  clear: both; }

#zoomValue {
  border: 1px solid #dedede;
  padding: 4px;
  margin-top: 3px;
  display: inline-block;
  float: right;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

#tableZoom td:first-child {
  padding-left: 0px; }

#tableZoom td {
  padding: 5px; }

#tableZoom td:last-child {
  padding-right: 0px; }

.ui-datepicker {
  z-index: 999999 !important; }

.alert-graph-success {
  font-size: 11px;
  line-height: 15px;
  margin: 0 8px; }

.map-filter-header {
  padding: 5px; }

.back-reason-box label {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 20px; }

.back-reason-box h2 {
  font-weight: normal;
  margin-top: 30px; }

.link-ico-csv {
  background: url(images/orange/file-csv.png) center center no-repeat; }

.link-ico-pdf {
  background: url(images/orange/file-pdf.png) center center no-repeat; }

#additionalFields section .container-controls .gridTable td {
  max-width: none; }

.gridTable #rAddRows td {
  max-width: none !important;
  width: 100px; }

.gridTable #rAddColumns td {
  max-width: none !important;
  width: 100px; }

.btn {
  border-radius: 0; }

#loadingScreen {
  display: none !important; }

/*SVGs*/
#phonecontact {
  height: 37px;
  width: 37px; }

#headphone-man {
  height: 37px;
  width: 37px; }

#back-to-top {
  float: left;
  height: 40px;
  margin-right: 10px;
  width: 40px;
  cursor: pointer; }

#help-icon, #zenbox_tab {
  cursor: pointer;
  height: 32px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  padding: 0 0 1px 4px;
  position: fixed;
  transition: opacity 0.5s ease 0s, height 0.5s ease 0s, top 0.5s ease 0s;
  width: 32px;
  z-index: 10000;
  right: 0;
  border: none !important;
  overflow: hidden; }

#help-icon {
  top: calc(35% - 37px);
  top: 29%\9; }

.ie6 #help-icon, .ie7 #help-icon, .ie8 #help-icon {
  top: 30%; }

#zenbox_tab {
  top: 35% !important; }

#help-icon:hover, #zenbox_tab:hover {
  opacity: 0.95;
  filter: alpha(opacity=95); }

#zenbox_tab:hover {
  height: 109px; }

#help-icon:hover {
  opacity: 0.95;
  filter: alpha(opacity=95);
  height: 90px;
  top: calc(35% - 5px - 90px);
  top: 21%\9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* ie10, ie11+ */
  #help-icon {
    top: calc(38% - 5px - 90px) !important; }
  #zenbox_tab {
    top: 38% !important; } }

/* HELP SCREEN */
#content-help-screen {
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s;
  z-index: 90000; }

#help-screen-off {
  display: block;
  opacity: 0.42;
  filter: alpha(opacity=42);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%; }

#controller-help-screen {
  padding-bottom: 10px;
  position: fixed;
  z-index: 100;
  display: none;
  /*temporariamente - enquanto não houverem os hints*/ }

#close-help-button {
  border-radius: 32px 0 0 32px;
  box-shadow: 0 0 10px -7px;
  cursor: pointer;
  font-family: 'HelveticaCondensed';
  font-size: 20px;
  padding: 10px 10px 10px 20px;
  position: fixed;
  right: 0;
  top: 10px; }

#close-help-into {
  font-size: 20px;
  opacity: 0.15;
  filter: alpha(opacity=15);
  padding: 15px 20px 15px 22px;
  transition: opacity 0.5s, filter 0.5s;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  cursor: pointer; }

#close-help-into:hover {
  opacity: 0.2;
  filter: alpha(opacity=20); }

#controller-help-screen h2 {
  display: block;
  float: left;
  font-family: 'HelveticaCondensed';
  font-size: 50px;
  padding: 25px; }

.help-screen-hints {
  display: none;
  max-width: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  padding: 10px 20px;
  position: absolute;
  z-index: 100000; }

.help-screen-hints:before {
  border-right-style: solid;
  border-right-width: 15px;
  border-top-style: solid;
  border-top-width: 15px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0; }

.hint-min {
  height: 0;
  transition: height 0.5s ease 0s, width 0.5s ease 0s;
  width: 0; }

.hint-min:hover {
  height: 60px;
  width: 100px; }

.hint-min > p {
  min-width: 100px;
  margin-top: 10px; }

/* - - - - - - - -  GENERAL HELP - - - - - - - - - */
#general-help-hint {
  display: none;
  opacity: 0;
  position: relative;
  margin: 0px auto;
  width: 940px;
  z-index: 100000; }

#general-help-content {
  border-left-style: solid;
  border-left-width: 20px;
  box-shadow: 0 0 10px 0 #000;
  margin: 80px auto;
  position: fixed;
  width: 920px; }

#general-help-content h2, #general-help-content p {
  padding: 20px 0 10px; }

#general-help-content h2 {
  font-family: HelveticaCondensed;
  font-size: 50px;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 30px 10px;
  margin: 0;
  line-height: 50px; }

#general-help-content p, #general-help-content ul {
  padding: 0 15px 10px;
  font-size: 14px; }

#general-help-content h3 {
  font-size: 15px; }

#dashboard-help-content > h3 {
  padding: 0 15px 0;
  font-size: 15px; }

#help-content-text ol {
  margin-left: 30px; }

#dashboard-help-content ul {
  padding: 0; }

#general-help-content ul li {
  list-style: circle outside none;
  margin: 10px 0;
  padding-left: 10px; }

#help-content-text:after {
  border-right-style: solid;
  border-right-width: 50px;
  border-top-style: solid;
  border-top-width: 40px;
  bottom: -2px;
  content: "";
  display: block;
  position: absolute;
  right: -2px; }

#general-help-content span {
  border-width: 4px;
  border-style: solid;
  float: right;
  margin: 0; }

.help-line-one {
  margin-top: -8px !important;
  width: 60%; }

.help-line-two {
  border-width: 5px !important;
  width: 65%; }

#help-content-text {
  float: left;
  margin-top: 20px;
  max-height: 380px;
  overflow: auto; }

.sf-menu.sf-js-enabled.sf-shadow > li {
  display: block;
  padding: 0 10px;
  box-sizing: border-box;
  transition: padding 0.3s; }

.sf-menu.sf-js-enabled.sf-shadow > li:hover {
  padding-right: 60px; }

.sf-menu a {
  border: none !important; }

.headers .sf-sub-indicator {
  display: none; }

li .headers .sf-sub-indicator {
  background: none !important;
  border: 2px solid;
  border-radius: 30px;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: bold;
  overflow: visible;
  padding: 2px 6px 10px 7px;
  right: -55px;
  text-indent: 0;
  top: 15px;
  transition: background-color 0.3s, color 0.3s; }

.msg-ie {
  background-color: #ff5050;
  box-shadow: 0 0 10px 0;
  /*color: #393939;*/
  color: #000;
  font-size: 14px;
  padding: 12px 0 12px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999999999;
  display: none; }

.msg-ie p {
  width: 900px;
  margin: 0 auto; }
  .msg-ie p span {
    cursor: pointer;
    color: #000; }
    .msg-ie p span:hover {
      color: #191919; }

.ie6 .msg-ie, .ie7 .msg-ie, .ie8 .msg-ie {
  display: block; }

/*.chat-container {
    bottom: 0;
    border-top-width: 40px;
    border-top-style: solid;
    box-shadow: 0 0 5px -1px #000;
    padding: 20px 10px 20px;
    position: fixed;
    right: -360px;
    width: 320px;
    transition: right 0.3s;
    z-index: 2;
    &:before {
        content: "Chat";
        display: block;
        font-size: 20px;
        font-weight: bold;
        left: 42px;
        position: absolute;
        top: -29px;
        width: 100%;
        z-index: 999;
    }
}*/
.chat-container.visiblechat {
  right: 0; }

.chat-window {
  height: 230px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
  position: relative;
  width: 300px; }

.chat-scroll {
  border-radius: 30px;
  content: "v";
  cursor: pointer;
  display: block;
  font-weight: bold;
  opacity: 0.2;
  padding: 4px 10px 6px;
  position: absolute;
  right: 25px;
  top: 5px;
  transition: opacity 0.5s ease 0s; }
  .chat-scroll:hover {
    opacity: 1; }

.chat-content {
  display: block;
  position: relative;
  border-width: 0 5px;
  border-style: solid;
  overflow: hidden; }

.chat-action {
  padding: 0px 5px; }
  .chat-action input[type='button'] {
    margin-bottom: 10px; }
  .chat-action input[type="button"] {
    border-radius: 0;
    box-shadow: none !important;
    display: block;
    float: right;
    padding: 2px 0;
    width: 30% !important;
    font-weight: bold;
    margin: 0; }
  .chat-action input[type="text"] {
    border-radius: 0;
    box-shadow: none !important;
    float: left;
    margin-bottom: 0;
    padding: 2px 10px;
    width: 60%; }

.chat-header-search {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  box-shadow: 0 0 10px -7px;
  height: 44px;
  margin-bottom: 10px; }

.chat-header-search img {
  float: left;
  height: 24px;
  padding: 10px;
  width: 24px; }

.chat-general-content {
  box-sizing: border-box;
  height: 340px;
  overflow-y: auto;
  padding: 0 5px; }

.transitive.slider.open {
  height: 210px; }

.chat-date-msg {
  font-size: 11px;
  line-height: 12px;
  font-weight: bold; }

.chat-sender-msg {
  font-size: 11px;
  line-height: 13px; }

.chat-message {
  margin: 4px 0;
  padding: 5px 10px; }

.chat-hour-msg {
  line-height: 11px;
  font-size: 10px;
  text-align: right;
  width: 100%; }

.chat-body-msg {
  margin: 2px 0 5px;
  word-wrap: break-word; }

.chat-message span {
  display: block; }

.chat-sender-msg.chat-other-sender {
  text-align: right; }

.general-container-chat {
  box-sizing: border-box;
  height: 400px;
  position: absolute;
  right: 60px;
  top: -400px;
  width: 280px;
  box-shadow: 0 0 10px -4px; }

.chat-command {
  height: 40px;
  position: absolute;
  bottom: 0;
  right: 90px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  padding: 0 30px; }

.chat-title {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px; }

.bar-to-access-chat {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0; }

.chat-search, .chat-search:hover, .chat-search:active, .chat-search:focus {
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0px;
  line-height: 19px;
  float: left;
  width: 186px;
  margin: 6px;
  box-shadow: 0 0 0 0; }

.chat-unk, .chat-on, .chat-off {
  border-left-style: solid;
  border-left-width: 3px; }

.transitive {
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.transitive.slider {
  height: 168px; }

.transitive.slider.closed {
  height: 0; }

.transitive.blinker {
  opacity: 0; }

.transitive.blinker.closed {
  opacity: 0; }

.transitive.blinker.open {
  opacity: 100; }

.chat-status {
  float: left;
  display: block;
  padding: 11px; }

/*------ Calendar ---------*/
.fc-left > h2 {
  font-size: 25px;
  font-weight: 100;
  margin: 0 0 0 7px !important; }

.fc-day-number {
  font-size: 18px; }
  .fc-day-number.fc-other-month {
    opacity: 0.2 !important; }

.fc-day-header {
  border: none !important;
  font-size: 18px;
  font-weight: normal;
  padding: 10px !important; }

.fc-view > table {
  border: none !important; }

.fc td {
  border-width: 1px;
  border-style: solid; }

.fc-widget-header {
  border: none !important;
  margin-bottom: 5px; }

.fc-next-button:after, .fc-prev-button:after {
  border-bottom-width: 8px;
  border-bottom-style: solid;
  border-top-width: 8px;
  border-top-style: solid;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0; }

.fc-next-button:after {
  border-left-style: solid;
  border-left-width: 12px; }

.fc-prev-button:after {
  border-right-style: solid;
  border-right-width: 12px; }

.fc-next-button, .fc-prev-button {
  background-image: none !important;
  border: medium none !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0 !important;
  height: 16px !important;
  margin: 12px 2px 5px !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-shadow: none !important;
  width: 15px !important; }

.fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button, .fc-basicWeek-button, .fc-basicDay-button, .fc-today-button {
  background-image: none !important;
  border: medium none;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0 !important;
  font-size: 14px !important;
  height: auto !important;
  margin: 0 1px !important;
  padding: 8px 20px !important;
  text-shadow: none !important; }

#calendar {
  margin-top: 20px;
  margin-bottom: 50px; }

.fc-other-month {
  opacity: 1 !important; }

.fc-day-grid-event.fc-event {
  border-radius: 0 !important;
  padding: 5px 15px 5px 10px !important; }

.fc-time-grid-event.fc-event {
  padding: 5px 10px !important; }

.fc-start:before {
  border-bottom-width: 12px;
  border-bottom-style: solid;
  border-left-width: 6px;
  border-left-style: solid;
  border-top-width: 12px;
  border-top-style: solid;
  content: "";
  left: -1px;
  position: absolute;
  top: 0; }

.fc-end:after {
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  right: 3px;
  top: -2px;
  width: 2px; }

.fc-end {
  margin-right: 0; }

.fc-day-grid-event {
  margin: 1px 5px; }

.fc-more-cell {
  padding-top: 10px !important; }

.fc-more {
  float: right; }

.fc-agendaWeek-view .fc-start:before, .fc-agendaWeek-view .fc-end:after {
  content: none !important; }

.fc-more {
  padding: 2px 5px !important; }

.fc-more:hover {
  text-decoration: none !important; }

.fc-more-cell {
  padding-top: 5px !important; }

.fc-time-grid-container {
  height: auto !important; }

.fc-content {
  word-wrap: break-word; }

#calendar-settings ul {
  margin: 0;
  padding: 5px 10px; }

#calendar-settings li {
  list-style: none;
  position: relative;
  margin: 2px 0; }

.title-of-settings-type > h3 {
  padding: 5px 10px; }

#calendar-settings {
  float: left;
  overflow: hidden;
  padding: 15px 0;
  transition: padding 0.3s ease 0s, width 0.3s ease 0s;
  width: 0; }

.calendar-settings-on #calendar-settings {
  padding: 15px;
  width: 300px;
  transition: padding 0.5s ease 0.3s, width 0.5s ease 0.3s; }

#content-calendar {
  width: 100%;
  transition: width 0.5s ease-out 0.3s;
  float: right;
  position: relative; }

.fc-content {
  text-overflow: ellipsis; }

.calendar-settings-on #content-calendar {
  width: calc(100% - 330px);
  transition: width 0.3s ease-in 0s; }

#sub-area-status label, #sub-area-visualization label {
  float: left;
  margin-left: 10px; }

.iradio_square-red.checked {
  background-position: -167px 0 !important; }

.iradio_square-red {
  height: 24px !important;
  margin-top: -2px !important;
  width: 24px !important; }

#calendar-settings li:after {
  clear: both;
  content: "";
  display: block; }

.icheckbox_minimal-red, .iradio_square-red {
  float: left;
  margin-right: 10px; }

.add-line button {
  float: right;
  padding: 0 0 0 15px;
  border: none; }

.add-line:after {
  clear: both;
  content: "";
  display: block; }

.vertical-line {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  display: block;
  position: absolute;
  top: 9px;
  width: 65%; }

.add-line {
  position: relative;
  margin: 10px; }

.settings-content #availableAgendas {
  height: 0;
  overflow: auto;
  margin: 0 20px 0 10px;
  padding: 0;
  transition: height 0.3s ease 0s; }

.settings-content {
  padding: 10px 0 20px; }

.add-agenda-list-on #availableAgendas {
  height: 180px !important; }

#availableAgendas button {
  border: medium none;
  float: right;
  font-size: 20px;
  padding: 5px 8px; }

#availableAgendas label {
  float: left;
  margin: 5px 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%; }

.agenda-list-on #users .settings-content-box, .status-list-on #status .settings-content-box, .visualization-list-on #visualization .settings-content-box {
  height: auto; }

#users .settings-content-box, #status .settings-content-box, #visualization .settings-content-box {
  height: 0;
  overflow: auto;
  transition: height 0.3s ease 0s; }

.title-of-settings-type button {
  border: none;
  font-size: 30px;
  padding: 0 7px 15px;
  position: absolute;
  right: 3px;
  top: 0; }

.title-of-settings-type {
  position: relative;
  cursor: pointer; }

#agendas {
  max-height: 180px;
  overflow: auto; }

#agendas li .icheckbox_line {
  margin: 5px 0;
  border-radius: 0;
  overflow: hidden;
  padding: 5px 118px 6px 35px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.add-agenda-list-on .add-line button:after {
  content: " x"; }

.add-line button:after {
  content: " +"; }

.fc-toolbar {
  margin-left: 40px;
  transition: margin 0.5s ease 0s; }

.calendar-settings-on .fc-toolbar {
  margin-left: 20px;
  transition: margin 0.5s ease 1s; }

.calendar-settings-on .filter-title {
  border-radius: 0 50px 50px 0; }

.filter {
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  top: 25px;
  transition: left 0.3s ease 0s;
  width: 30px;
  left: 0; }

.calendar-settings-on .filter {
  transition: left 0.3s ease 0.8s;
  left: -40px; }

.gear-circle {
  border-width: 6px;
  border-style: solid;
  border-radius: 100px;
  box-sizing: border-box;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s;
  width: 24px; }

.gear-part {
  border-radius: 2px;
  display: block;
  height: 6px;
  position: absolute;
  top: 12px;
  transition: background-color 0.3s ease 0s;
  width: 30px; }

.gear-part-1 {
  transform: rotate(45deg); }

.gear-part-2 {
  transform: rotate(135deg); }

.gear-part-4 {
  transform: rotate(90deg); }

calendar-settings-on .filter {
  transform: rotate(90deg); }

.calendar-settings-on .gear-part {
  transition: background-color 0.3s ease 0.8s; }

.calendar-settings-on .gear-circle {
  transition: background-color 0.3s ease 0.8s, border-color 0.3s ease 0.8s; }

.filter-title:after {
  transition: right 0.3s ease 0.5s;
  right: 0; }

.calendar-settings-on .filter-title:after {
  border-radius: 0 50px 50px 0;
  content: "";
  display: block;
  height: 41px;
  position: absolute;
  right: -15px;
  top: 0;
  transition: right 0.3s ease 0.3s;
  width: 60px; }

.filter-title {
  font-size: 25px;
  height: 19px;
  margin-bottom: 8px;
  margin-top: 5px;
  padding: 10px 10px 12px;
  position: relative; }

.type-settings {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box; }

.fc-month-view .fc-week {
  min-height: 130px !important; }

.fc-day-grid-container {
  height: auto !important; }

.fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number {
  padding-bottom: 10px; }

#bar {
  border: 1px solid;
  display: block;
  position: absolute;
  width: 250px;
  z-index: 999; }

.buttons-agenda {
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 0; }

.agenda-dialog button {
  background-image: none !important;
  border: none;
  font-size: 12px !important;
  padding: 10px 20px !important;
  margin: 0 2px; }

.edit-buttons {
  display: flex;
  margin: 15px 0; }

#picker {
  margin: 0 auto; }

.agenda-dialog section {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  margin: 0;
  padding: 10px 0; }

.agenda-dialog fieldset {
  padding: 0 30px 15px 15px; }

.agenda-dialog.os-details fieldset section > div, .agenda-dialog.os-details fieldset section > label {
  display: block;
  float: left; }

.agenda-dialog.os-details fieldset section {
  display: block; }

.agenda-dialog.os-details fieldset section::after {
  clear: both;
  content: "";
  display: block; }

.agenda-dialog.os-details fieldset section > label {
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 10px; }

.agenda-dialog.os-details fieldset section > div {
  max-width: 200px;
  word-wrap: break-word; }

.buttons-agenda button {
  border: none;
  height: auto !important;
  margin: 0;
  opacity: 0.3;
  padding: 4px 10px 6px;
  vertical-align: initial;
  width: auto !important; }

.buttons-agenda button:hover {
  opacity: 1; }

button > img {
  height: 16px !important;
  width: 16px !important; }

.icheckbox_line.checked {
  padding: 5px 15px 6px 40px; }

#bar .area {
  width: 100%; }

.agenda-dialog {
  display: block;
  left: 0;
  position: absolute;
  z-index: 10;
  display: none;
  top: 69px; }

.agenda-dialog.box-visible {
  display: block; }

.agenda-dialog h3 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: 14px;
  padding: 5px 15px;
  margin-right: 20px; }

#color {
  display: block;
  margin: 10px auto;
  text-align: center; }

#bar .area .title {
  font-size: 12px;
  font-weight: bold; }

#bar .area .sub-area {
  width: 100%;
  display: block; }

#bar .area .sub-area .item {
  width: 150px;
  padding: 2px;
  float: left;
  font-size: 11px;
  font-weight: bold; }

#bar ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

#serviceRequestDialog {
  width: 750px;
  height: 500px;
  top: 0px;
  left: 0px; }

.icheckbox_line:not(.checked) {
  opacity: 0.25; }

.icheckbox_line.checked .icheck_line-icon, .iradio_line.checked .icheck_line-icon {
  background-position: -12px 5px !important; }

.icheckbox_line .icheck_line-icon, .iradio_line .icheck_line-icon {
  background-position: 4px 4px !important;
  border-radius: 45px;
  height: 0 !important;
  left: 6px !important;
  padding: 10px 0 !important;
  top: 32% !important;
  width: 21px !important; }

.fc-body.fc-widget-content {
  max-height: 250px;
  overflow: auto; }

.search-input-content {
  display: block;
  padding: 5px 10px 0; }

.add-agenda-list-on #search-new-agendas {
  display: block; }

#search-new-agendas {
  display: none; }

.reset-filter {
  position: absolute;
  right: 8px;
  top: 5px;
  padding: 4px 10px; }

.search-input-content {
  position: relative; }

.search-input-content input {
  border-radius: 0; }

#loading {
  font-size: 40px;
  height: auto !important;
  line-height: 44px;
  margin: 40px auto;
  padding: 40px;
  width: 240px;
  z-index: 99; }

.iradio_square-red.hover {
  background-position: -143px 0; }

.select-all-agendas {
  box-sizing: border-box;
  display: block;
  font-size: 10px;
  padding: 0 10px;
  width: 100%; }

.select-all-agendas > span {
  cursor: pointer;
  float: right;
  height: 14px;
  text-align: center; }

.select-all-agendas:after {
  clear: both;
  content: "";
  display: block; }

.Finalizada, .Cancelada, .Lida, .Sincronizada, .Inativa, .Ativa {
  background-position: right 10px top 4px;
  background-repeat: no-repeat; }

.Finalizada {
  background-image: url("Images/Orange/os-finalizada.png"); }

.Cancelada {
  background-image: url("Images/Orange/os-cancelada.png"); }

.Lida {
  background-image: url("Images/Orange/os-ativa.png"); }

.Sincronizada {
  background-image: url("Images/Orange/os-ativa.png"); }

.Inativa {
  background-image: url("Images/Orange/ok.png"); }

.Ativa {
  background-image: url("Images/Orange/os-ativa.png"); }

.settings-content-label {
  display: inline-block; }

.settings-content-label label {
  font-weight: bold; }

.legend-icons > div:not(.cb) {
  background-position: left 0 top 0;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  margin: 5px 20px 5px 0;
  padding: 0 0 0 21px;
  width: auto; }

.legend-icons {
  display: block;
  margin: 10px 0;
  padding: 5px 10px; }

.chat-notifications {
  float: left; }
  .chat-notifications span {
    display: block;
    padding: 11px; }
  .chat-notifications .chat-box-disabled {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    opacity: 0.5; }

/*--- PIVOT ---*/
.pvtUnused li {
  display: block !important;
  float: left; }

#tab-pivot .container {
  box-sizing: border-box;
  width: 100%; }

.container.navbar-fixed-top {
  background-color: #fff;
  box-shadow: 0 0 10px -4px;
  opacity: 0.5;
  transition: opacity 0.3s ease 0s; }

.container.navbar-fixed-top:hover {
  opacity: 1; }

.close {
  cursor: pointer;
  font-size: 40px !important;
  opacity: 0.5;
  right: 15px;
  top: 10px; }

.pvtTriangle {
  border-left-width: 1px;
  border-left-style: solid;
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 30px; }
  .pvtTriangle:after {
    border-left-width: 4px;
    border-left-style: solid;
    border-right-width: 4px;
    border-right-style: solid;
    border-top: 4px;
    border-top-style: solid;
    content: "";
    display: block;
    position: absolute;
    right: 11px;
    top: 8px; }

.pvtRows .pvtAttr {
  max-width: 100%;
  overflow: hidden;
  padding: 5px 40px 7px 20px !important;
  text-overflow: ellipsis;
  white-space: nowrap; }

.pvtAttr {
  box-sizing: border-box;
  float: left;
  position: relative;
  width: auto;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 !important;
  display: block;
  margin: 0 !important;
  padding: 5px 40px 7px 20px !important; }
  .pvtAttr:before {
    box-sizing: border-box;
    content: "||";
    display: block;
    height: 100%;
    left: 0;
    letter-spacing: -4px;
    padding: 3px 2px;
    position: absolute;
    top: 0;
    width: 14px; }

.pvtAxisContainer li {
  cursor: move;
  float: left;
  list-style-type: none;
  margin: 0px 5px 3px 0;
  max-width: 100%;
  padding: 0; }

.pvtAxisContainer:after {
  clear: both;
  content: "";
  display: block; }

.btn-ctrl {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  height: 40px;
  margin-right: 5px;
  max-width: 40px;
  overflow: hidden;
  padding: 10px 10px 10px 40px;
  transition: max-width 0.5s ease 0s; }
  .btn-ctrl > p {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
    margin-left: 5px;
    margin-right: 10px; }
  .btn-ctrl:hover {
    max-width: 300px; }
  .btn-ctrl:hover > p {
    opacity: 1;
    transition: opacity 0.3s ease 0.3s; }

.view-controller {
  display: block;
  margin: 0 0 5px;
  padding: 10px 0;
  width: 100%; }
  .view-controller:after {
    clear: both;
    content: "";
    display: block; }
  .view-controller > div:not(.btn-ctrl) {
    display: block;
    float: left;
    padding: 7px 5px 5px; }

.btn1, .btn2 {
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  display: block; }

.btn1 {
  background-image: url(images/orange/sett.png); }

.btn2 {
  background-image: url(images/orange/drag.png); }

#output {
  height: auto !important;
  display: block; }
  #output > table {
    display: block !important; }
    #output > table > tbody > tr {
      box-sizing: border-box;
      display: block;
      overflow: hidden;
      transition: max-height 0.3s ease 0s;
      width: 100%; }
      #output > table > tbody > tr > td:not(.pvtRendererArea) {
        box-sizing: border-box;
        display: block;
        padding: 10px;
        width: 100%; }
        #output > table > tbody > tr > td:not(.pvtRendererArea):after {
          clear: both;
          content: "";
          display: block; }
  #output tbody {
    display: block; }
    #output tbody > tr > div {
      border-style: solid;
      border-width: 1px;
      box-sizing: border-box;
      margin-bottom: 10px;
      padding: 10px 12px 12px;
      width: 100%;
      position: relative; }
      #output tbody > tr > div:before {
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 20px auto;
        content: "";
        display: block;
        float: left;
        height: 20px;
        margin-right: 10px;
        width: 20px; }
      #output tbody > tr > div:after {
        clear: both;
        content: "";
        display: block; }
      #output tbody > tr > div > span {
        font-size: 14px;
        position: absolute;
        width: auto; }
    #output tbody:after {
      clear: both;
      content: "";
      display: block !important; }

.pvtVals-tr {
  box-shadow: 0 0 3px 0 #898989;
  margin-bottom: 10px;
  max-height: 250px; }
  .pvtVals-tr > td {
    display: block;
    float: left;
    width: 50% !important; }
  .pvtVals-tr > div:before {
    background-image: url(images/orange/sett.png); }

.agenda-dialog button.close-btn {
  font-size: 20px !important;
  margin: 0;
  padding: 8px 20px !important;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 20px; }

.agenda-dialog h3 {
  padding-right: 52px; }

.add-service-request {
  height: 500px;
  margin: 0 5%;
  width: 90%;
  position: fixed; }
  .add-service-request iframe {
    height: 420px;
    width: 100%; }

.os-details:before {
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-left-style: solid;
  border-left-width: 5px;
  border-right-style: solid;
  border-right-width: 5px;
  content: "";
  display: block;
  left: 4px;
  position: absolute;
  top: -10px; }

.edit-buttons > button[disabled] {
  opacity: 0.5; }

.fc-day > span {
  display: none; }

.fc-month-view .fc-day {
  position: relative; }
  .fc-month-view .fc-day > span {
    bottom: 5px;
    cursor: pointer;
    display: block;
    font-size: 40px;
    font-weight: bold;
    left: 5px;
    opacity: 0.25;
    padding: 5px 4px 6px;
    position: absolute;
    transition: opacity 0.3s ease 0s; }
  .fc-month-view .fc-day > span:hover {
    opacity: 1; }

.fc-event-container {
  cursor: pointer; }

.fc-event {
  cursor: pointer; }

.fc-widget-content {
  cursor: pointer; }

.fc-time.fc-widget-content, .fc-axis {
  cursor: default !important; }

.fc-month-view .fc-widget-content {
  cursor: default !important; }

.more-details {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 100%;
  opacity: 1;
  overflow: hidden;
  padding-top: 3px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: width 0.3s ease 0s, opacity 0.3s ease 0s, height 0.3s ease 0s, right 0.3s;
  width: 20px; }
  .more-details:after {
    content: "mais detalhes";
    display: block;
    float: left;
    font-size: 22px;
    font-weight: normal;
    opacity: 1;
    position: absolute;
    right: -70px;
    top: 95px;
    transform: rotate(-90deg);
    transition: opacity 0.3s ease 0s;
    width: 200px; }
  .more-details:hover {
    width: 55px;
    right: -35px; }

.pvtUnused-tr {
  box-shadow: 0 0 3px 0 #898989;
  margin-bottom: 10px;
  padding: 0;
  max-height: 410px; }
  .pvtUnused-tr > div:before {
    background-image: url(images/orange/drag.png); }

.pvtUnused {
  margin-bottom: 10px;
  max-height: 340px;
  overflow: auto; }

.pvtRows-tr {
  border-image: none;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  float: left;
  width: 20% !important; }
  .pvtRows-tr li {
    width: 100%; }
  .pvtRows-tr td {
    min-height: 62px; }

.pvtCols-tr {
  border-style: solid;
  border-width: 1px; }
  .pvtCols-tr td {
    min-height: 62px; }

.navbar-fixed-top .view-controller {
  padding-left: 21px;
  margin: 0 auto 5px;
  width: 940px; }

.navbar-fixed-top .view-controller:hover {
  opacity: 1; }

.pvtFilterBox {
  box-shadow: 0 0 10px 0 #898989;
  position: absolute;
  text-align: center;
  width: 280px;
  z-index: 100; }
  .pvtFilterBox > p {
    margin: 10px 0;
    padding: 0 10px; }
    .pvtFilterBox > p:after {
      clear: both;
      content: "";
      display: block; }
    .pvtFilterBox > p:last-child {
      margin-bottom: 0; }
  .pvtFilterBox button {
    border: none;
    float: left;
    margin: 0 5px 10px 0;
    padding: 5px 10px 7px; }
  .pvtFilterBox h4 {
    box-sizing: border-box;
    font-weight: normal;
    margin: 0;
    padding: 10px;
    width: 100%; }

.pvtSearch {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  padding: 7px 10px !important;
  margin: 0 auto;
  width: 100%; }

.pvtFilter {
  margin-right: 5px !important; }

.pvtCheckContainer {
  max-height: 200px;
  overflow-y: scroll;
  text-align: left;
  width: auto;
  box-sizing: border-box;
  display: block;
  margin-right: 10px;
  padding: 0 10px 10px; }
  .pvtCheckContainer p {
    margin: 5px 0; }

table.pvtTable {
  font-family: arial;
  font-size: 8pt;
  text-align: left; }
  table.pvtTable tr th {
    border-style: solid;
    border-width: 1px;
    font-size: 8pt;
    padding: 5px; }
  table.pvtTable .pvtColLabel {
    text-align: center; }
  table.pvtTable .pvtTotalLabel {
    text-align: right; }
  table.pvtTable tr td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    vertical-align: top;
    text-align: right; }

.pvtPlaceholder {
  border-style: dashed;
  border-width: 1px;
  box-sizing: border-box;
  display: block;
  height: 42px;
  margin: 0 10px 0 0 !important;
  padding: 5px !important;
  width: 40px; }

.pvtRendererArea {
  display: block;
  padding: 0; }

.pvtVals select {
  margin-bottom: 3px; }

.pvtRendererArea-tr {
  float: left;
  padding: 10px 0 10px 10px;
  width: 80% !important;
  }

.invisible-box {
  max-height: 0 !important;
  padding: 0 !important;
  transition: max-height 0.3s ease 0.3s !important; }

.pvtTotal, .pvtGrandTotal {
  font-weight: bold; }

.pvtFilteredAttribute {
  font-style: italic; }

.pvtFilteredAttribute .pvtAttr{
    color: #d21616;
}

.tooltip-icon {
  box-sizing: border-box;
  content: attr(data-tooltip-text);
  left: 40px;
  min-height: 28px;
  opacity: 0;
  padding: 5px 12px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  transition: opacity 0.3s ease 0s, z-index 0s ease 0.3s;
  width: 220px;
  z-index: 0; }
  .tooltip-icon:before {
    border-bottom-style: solid;
    border-bottom-width: 14px;
    border-right-style: solid;
    border-right-width: 10px;
    border-top-style: solid;
    border-top-width: 14px;
    content: "";
    left: -10px;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease 0s; }

.ie .tooltip-icon {
  top: auto !important;
  margin-top: -25px; }

.status-icon:hover + .tooltip-icon {
  opacity: 1;
  transition: opacity 0.3s ease 0s, z-index 0s ease 0s;
  z-index: 99999; }

/*------------------------------------------------ CHAT ----------------------------------------------*/
/* ------ LOADER  - cssload.net ------ */
#fountainG {
  position: relative;
  width: 99px;
  height: 12px;
  margin-bottom: 10px; }

.fountainG {
  position: absolute;
  top: 0;
  background-color: transparent;
  width: 12px;
  height: 12px;
  -moz-animation-name: bounce_fountainG;
  -moz-animation-duration: 1.3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-transform: scale(0.3);
  -moz-border-radius: 8px;
  -webkit-animation-name: bounce_fountainG;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-transform: scale(0.3);
  -webkit-border-radius: 8px;
  -ms-animation-name: bounce_fountainG;
  -ms-animation-duration: 1.3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-transform: scale(0.3);
  -ms-border-radius: 8px;
  -o-animation-name: bounce_fountainG;
  -o-animation-duration: 1.3s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-transform: scale(0.3);
  -o-border-radius: 8px;
  animation-name: bounce_fountainG;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform: scale(0.3);
  border-radius: 8px; }

#fountainG_1 {
  left: 0;
  -moz-animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  animation-delay: 0.52s; }

#fountainG_2 {
  left: 12px;
  -moz-animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s; }

#fountainG_3 {
  left: 25px;
  -moz-animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  -ms-animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
  animation-delay: 0.78s; }

#fountainG_4 {
  left: 37px;
  -moz-animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  -ms-animation-delay: 0.91s;
  -o-animation-delay: 0.91s;
  animation-delay: 0.91s; }

#fountainG_5 {
  left: 50px;
  -moz-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  animation-delay: 1.04s; }

#fountainG_6 {
  left: 62px;
  -moz-animation-delay: 1.17s;
  -webkit-animation-delay: 1.17s;
  -ms-animation-delay: 1.17s;
  -o-animation-delay: 1.17s;
  animation-delay: 1.17s; }

#fountainG_7 {
  left: 74px;
  -moz-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s; }

#fountainG_8 {
  left: 87px;
  -moz-animation-delay: 1.43s;
  -webkit-animation-delay: 1.43s;
  -ms-animation-delay: 1.43s;
  -o-animation-delay: 1.43s;
  animation-delay: 1.43s; }

@-moz-keyframes bounce_fountainG {
  0% {
    -moz-transform: scale(1);
    background-color: #FFFFFF; }
  100% {
    -moz-transform: scale(0.3);
    background-color: transparent; } }

@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: #FFFFFF; }
  100% {
    -webkit-transform: scale(0.3);
    background-color: transparent; } }

@-ms-keyframes bounce_fountainG {
  0% {
    -ms-transform: scale(1);
    background-color: #FFFFFF; }
  100% {
    -ms-transform: scale(0.3);
    background-color: transparent; } }

@-o-keyframes bounce_fountainG {
  0% {
    -o-transform: scale(1);
    background-color: #FFFFFF; }
  100% {
    -o-transform: scale(0.3);
    background-color: transparent; } }

@keyframes bounce_fountainG {
  0% {
    transform: scale(1);
    background-color: #FFFFFF; }
  100% {
    transform: scale(0.3);
    background-color: transparent; } }

/*------------------------------- BAR TO ACCESS CHAT --------------------------*/
#chat-close-command {
  bottom: 0;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  line-height: 9px;
  padding: 15px 15px 15px 5px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 80px; }

#chatController::after {
  clear: both;
  content: "";
  display: block; }

/*------------------------------CHAT GENERAL ---------------------*/
[class^="chat-"] {
  box-sizing: border-box; }

.chat-common-header > div > * {
  margin-left: 5px; }

.chat {
  border-style: solid;
  border-width: 1px;
  bottom: 40px;
  overflow: hidden;
  position: absolute;
  right: 20px;
  transition: opacity 0s ease 0s; }
  .chat.open {
    opacity: 1;
    transition: opacity 0.5s ease 0.5s;
    width: auto; }
  .chat.closed {
    opacity: 0;
    width: 0; }

.chat-drawer {
  cursor: pointer;
  margin: 0;
  padding: 5px 7px 6px;
  transition: background-color 0.3s ease 0s; }
  .chat-drawer > span {
    display: block;
    height: 5px;
    margin: 5px 0;
    width: 28px; }
    .chat-drawer > span:first-child {
      margin-top: 0; }
    .chat-drawer > span:last-child {
      margin-bottom: 0; }

/*-------------------------------------------------ALERTS----------------------------------*/
.chat-alerts {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2; }
  .chat-alerts .background {
    height: 400px;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    z-index: -1; }

.chat-alert-window {
  box-shadow: 0 0 10px -3px #000;
  display: block;
  margin: 50px auto 0;
  text-align: center;
  width: 260px; }
  .chat-alert-window.loader {
    width: 100px;
    box-shadow: 0 0 0 0; }

.chat-alert-header {
  font-size: 15px;
  padding: 10px 20px;
  border-bottom-width: 2px;
  border-bottom-style: solid; }

.chat-alert-content {
  padding: 10px; }

.chat-alert-actions {
  height: 50px;
  padding: 5px 0; }
  .chat-alert-actions.btns-2 > button {
    width: 50% !important; }
    .chat-alert-actions.btns-2 > button:last-child {
      border-right: medium none; }
  .chat-alert-actions.btns-1 > button {
    width: 100% !important;
    border-right: medium none; }
  .chat-alert-actions > button {
    border-width: 0 1px 0 0;
    height: 100%;
    text-align: center;
    float: left; }

/*-------------------------------------- CHAT COMMONS -----------------------------------------*/
.chat-box {
  opacity: 0;
  width: 0;
  display: block;
  float: left;
  position: relative;
  transition: width 0.2s ease 0.4s, opacity 0.2s ease 0s; }
  .chat-box.active {
    width: 270px;
    opacity: 1;
    transition: width 0.2s ease 0s, opacity 0.3s ease 0.3s; }

.chat-common-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  height: 40px; }

.chat-body {
  display: block;
  overflow: hidden; }

.chat-options {
  cursor: pointer;
  padding: 5px 10px 6px;
  transition: background-color 0.3s ease 0s;
  float: right; }
  .chat-options > span {
    display: block;
    height: 5px;
    margin: 5px;
    width: 5px; }
  .chat-options > div {
    border-style: solid;
    border-width: 0 0 3px 3px;
    height: 10px;
    margin-top: 8px;
    transform: rotate(45deg);
    width: 10px; }
  .chat-options > span:first-child {
    margin-top: 0; }
  .chat-options > span:last-child {
    margin-bottom: 0; }

.chat-card-box {
  border-width: 1px;
  border-style: solid;
  display: table;
  margin: 5px 0;
  padding: 5px;
  position: relative;
  vertical-align: middle;
  width: 100%; }
  .chat-card-box img {
    height: 30px;
    width: 30px; }
  .chat-card-box.online, .chat-card-box.offline {
    padding-bottom: 8px; }
    .chat-card-box.online:before, .chat-card-box.offline:before {
      bottom: 0;
      content: "";
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      width: 100%; }
  .chat-card-box.other {
    text-align: right; }
    .chat-card-box.other > img {
      float: right;
      margin-left: 5px; }
  .chat-talk-messages .chat-card-box > img {
    vertical-align: top; }

.chat-card-box > *, .chat-talk-access > * {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer; }

.chat-box-recipient {
  height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  margin-bottom: 50px; }
  .chat-box-recipient > div {
    height: 0;
    left: 100%;
    opacity: 0;
    padding: 5px;
    position: absolute;
    overflow: hidden;
    transition: opacity 0.3s ease 0s;
    width: 100%; }
    .chat-box-recipient > div.active {
      height: auto;
      left: 0;
      opacity: 1;
      background-color: white; }
  .chat-box-recipient::before {
    content: attr(data-no-message-text);
    left: 15px;
    opacity: 0.5;
    position: absolute;
    top: 15px; }

.chat-card-icons {
  border-left-style: solid;
  border-left-width: 0;
  height: 100%;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: right 0.1s ease 0s, padding 0.1s ease 0s; }
  .chat-card-icons img {
    height: 15px;
    width: 15px; }

.chat-card-text {
  max-width: 170px; }

.chat-buttons {
  height: 100%; }
  .chat-buttons > button {
    border-style: solid;
    border-width: 0 1px 0 0;
    display: block;
    float: left;
    height: 100% !important;
    width: 50% !important; }
    .chat-buttons > button:last-child {
      border: medium none; }
  .chat-buttons:after {
    clear: both;
    content: "";
    display: block; }

.chat-bottom-fixed {
  border-top-style: solid;
  border-top-width: 1px;
  bottom: 0;
  left: 0;
  padding: 5px;
  position: absolute;
  width: 100%;
  height: 50px; }
  .chat-bottom-fixed * {
    margin: 0 !important; }
  .chat-bottom-fixed input {
    border-width: 1px;
    border-style: solid;
    height: 35px !important;
    width: 60%; }

.chat-tabs > div {
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: background-color 0.3s ease 0s;
  width: 50%;
  cursor: pointer; }
  .chat-tabs > div.active:after {
    width: 100%; }
  .chat-tabs > div:last-child::after {
    left: 0;
    right: auto; }
  .chat-tabs > div:after {
    bottom: -2px;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 0;
    transition: width 0.3s ease 0s;
    width: 0; }

.chat-tabs:after {
  clear: both;
  content: "";
  display: block; }

.chat-conversations .chat-card-text, .chat-contacts .chat-card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chat-conversations.active {
  padding-bottom: 75px; }

/*---------------------------------- CONVERSATIONS ----------------------------------*/
.chat-talk-title > input {
  border-radius: 0;
  border-width: 0 0 1px !important;
  box-shadow: 0 0 0 0 !important;
  margin: 0;
  padding-left: 30px; }

.chat-talk-title > img {
  left: 12px;
  opacity: 0.5;
  position: absolute;
  top: 15px; }

.chat-hide-conversation {
  cursor: pointer;
  float: right;
  height: 40px;
  overflow: hidden;
  padding-left: 0;
  padding-top: 16px;
  right: 0;
  top: 0;
  transition: width 0.3s ease 0s;
  width: 20px; }

.chat-hide-conversation::after {
  content: "minimizar";
  opacity: 1;
  padding: 10px 0;
  position: absolute;
  right: 25px;
  top: 0;
  transition: width 0.2s ease 0s, padding 0.1s;
  z-index: 999;
  width: 0;
  overflow: hidden; }

.chat-hide-conversation:hover::after {
  opacity: 1;
  width: 60px;
  padding: 10px 5px; }

.chat-hide-conversation::before {
  border-style: double;
  border-width: 4px 4px 0 0;
  content: "";
  display: block;
  height: 5px;
  letter-spacing: -3px;
  position: absolute;
  right: 10px;
  top: 15px;
  transform: rotate(45deg);
  width: 5px; }

.chat-dropdwon {
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 0 4px -1px;
  margin: 0;
  padding: 5px 5px 7px;
  position: absolute;
  right: 25px;
  top: 5px;
  z-index: 1; }
  .chat-dropdwon ul {
    list-style: outside none none;
    margin: 0;
    padding: 0; }
  .chat-dropdwon li {
    padding: 5px 10px;
    transition: color 0.3s ease 0s;
    white-space: nowrap; }
  .chat-dropdwon .divisor {
    border-style: solid;
    border-width: 1px;
    height: 0;
    margin: 5px 0;
    padding: 0; }

.chat-conversations .chat-card-icons {
  padding-top: 3px; }

/*-------------------------------------- CONTACTS -------------------------------------------*/
.chat-contacts .chat-card-icons {
  margin-right: 5px;
  padding-left: 30px;
  right: 0; }
  .chat-contacts .chat-card-icons.chat-user-selected {
    padding-left: 10px;
    right: 5px; }
    .chat-contacts .chat-card-icons.chat-user-selected:after {
      opacity: 0; }

.chat-contacts .chat-card-icons::after {
  content: "x";
  font-size: 25px;
  left: 10px;
  opacity: 0.15;
  position: absolute;
  top: 10px;
  transition: opacity 0.2s ease 0s; }

.chat-icon-efect {
  margin-top: 10px;
  overflow: hidden;
  transition: width 0.1s ease 0s;
  width: 0; }
  .chat-user-selected .chat-icon-efect {
    width: 15px; }

.chat-contacts-filter {
  height: 50px;
  padding: 5px 5px 0; }

.chat-filter-search > input {
  border-radius: 0;
  border-width: 0 0 1px;
  box-shadow: 0 0 0 0 transparent !important;
  margin: 0; }

.chat-filter-selections > img {
  margin-right: 5px;
  width: 12px; }

.chat-filter-selections span {
  cursor: pointer;
  font-size: 10px;
  margin-left: -12px;
  margin-right: 15px;
  padding-left: 12px; }
  .chat-filter-selections span:before {
    content: ""; }

/*--------------------------------- DIALOG/TALK -----------------------------------------*/
.chat-send button {
  border: medium none;
  height: 35px;
  width: 35% !important; }

.chat-message-signature, .chat-message-date-hour {
  font-size: 11px;
  margin: 0;
  width: 100%; }

.chat-message-date-hour {
  margin-top: 5px; }

.chat-message-signature {
  margin-bottom: 5px; }

.chat-talk-messages .chat-card-text {
  max-width: 180px; }

/*--------------------------------- TALK DETAILS -----------------------------------------*/
.chat-title-conversation {
  margin-top: 10px;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal; }

.chat-talk-details > div {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 5px 0 10px;
  margin-right: 5px; }

.chat-talk-details > div:last-child {
  border-bottom: medium none;
  padding-bottom: 0; }

.chat-talk-details > span {
  display: block;
  font-size: 10px;
  line-height: 9px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.chat-talk-details > div::after {
  clear: both;
  content: "";
  display: block; }

.chat-talk-contacts > span {
  display: block;
  margin: 0 0 5px; }

.chat-talk-contacts > button {
  border-style: solid;
  border-width: 0 1px 1px;
  float: right;
  margin: 0;
  padding: 8px 10px; }

.chat-talk-contact-list {
  border-width: 1px;
  border-style: solid;
  height: 125px;
  overflow: auto;
  padding: 0 5px; }
  .chat-talk-contact-list .chat-card-text {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.chat-talk-actions > button {
  border-width: 1px;
  border-style: solid;
  display: block;
  margin: 5px 0;
  padding: 10px 12px;
  width: 100% !important; }

.chat-edit-title > img {
  padding: 5px;
  width: 24px; }

/*--------- PhotoBook ---------*/
#Filter_WorkFlowCode > option {
  /* correção pontual de filtro */
  max-width: 700px; }

.btn-toolbar {
  text-align: center; }

.PhotoBook ul, .photo-book-dialog ul {
  list-style: none;
  margin: 0; }

.PhotoBook *, .photo-book-dialog * {
  box-sizing: border-box; }

.pagination-top {
  display: block;
  padding: 12px 0 10px; }
  .pagination-top.fixed-top {
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    transition: opacity 0.3s ease 0s;
    width: 100%;
    z-index: 2; }
    .pagination-top.fixed-top:hover {
      opacity: 1; }
  .pagination-top .btn-toolbar {
    margin: 0; }

.pagination-container {
  display: block; }

.book-item {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  margin-bottom: 10px;
  position: relative; }
  .book-item::after {
    clear: both;
    content: "";
    display: block; }
  .book-item::before {
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 60%;
    width: 2px; }
  .book-item > div {
    float: left; }

.box-image {
  width: 40%;
  display: inline-block;
  border-right-style: solid;
  border-right-width: 2px;
  text-align: center; }

.photo-title {
  padding: 12px 10px 10px; }

.box-image-content {
  position: relative; }

.top-bar {
  padding: 10px;
  text-align: left; }

.bar-rating {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  z-index: 1; }

.rating-button {
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  transition: background-color 0.3s ease 0s;
  box-shadow: 0 0 7px -5px #000; }

.rating-button img {
  box-sizing: content-box;
  padding: 10px;
  border-radius: 50px; }

.image-container {
  display: inline-block;
  margin: 10px 0;
  position: relative;
  max-width: 100%; }
  .image-container::after, .image-container::before {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s ease 0s, top 0.3s ease 0s;
    width: 100%; }
  .image-container::before {
    content: "";
    height: 100%;
    top: 0; }
  .image-container::after {
    background-image: url(images/orange/download.png);
    background-position: center 24px;
    background-repeat: no-repeat;
    content: attr(data-download-text);
    height: 100%;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    margin-top: -40px; }
  .image-container:hover::after {
    opacity: 1;
    top: 50%;
    margin-top: -40px; }
  .image-container:hover::before {
    opacity: 0.6; }

.photo-image {
  max-width: 100%;
  max-height: 100%; }

.right-box {
  width: 60%; }

.box-information {
  padding: 0 0 40px; }

.container-grid {
  width: 100%; }

.box-information > ul {
  padding: 10px 0; }
  .box-information > ul > li {
    padding: 0 10px; }

.photo-label {
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
  opacity: 0.4;
  text-transform: uppercase; }

.box-comment {
  margin: 10px 0;
  padding: 0 10px;
  display: table; }

.input-comment {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

textarea {
  font-family: 'Helvetica-Neue',Helvetica,sans-serif; }
  textarea.expanding {
    height: 100% !important;
    min-height: 30px !important;
    padding: 5px 5px 0;
    border-radius: 0; }

pre {
  min-height: 30px !important; }

.button-send {
  border: medium none;
  cursor: pointer;
  display: table-cell;
  margin: 0 5px;
  padding: 5px 15px 8px;
  white-space: nowrap; }

.grid-title {
  font-size: 10px;
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: bold; }

.container-grid li {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 5px 10px 25px;
  position: relative; }
  .container-grid li:first-child {
    border: medium none; }

.grid-name {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase; }

.container-grid ul li span {
  display: inline-block;
  width: 100%; }

.grid-at {
  bottom: 5px;
  opacity: 0.5;
  font-size: 10px;
  position: absolute;
  right: 10px;
  width: auto !important; }

.grid-at::after {
  content: attr(data-datetime);
  float: right;
  margin-left: 5px;
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.3s ease-in-out 0s;
  white-space: nowrap; }

li:hover .grid-at::after {
  max-width: 200px; }

.button-detail {
  transition: background-color 0.3s ease 0s;
  bottom: 0;
  cursor: pointer;
  position: absolute;
  right: 0; }
  .button-detail > a {
    display: block;
    padding: 10px;
    text-decoration: none; }

.photo-book-dialog {
  box-shadow: 0 0 10px 0;
  box-sizing: border-box;
  height: auto;
  left: 50%;
  margin-left: -470px;
  position: fixed;
  top: 20px;
  width: 940px;
  z-index: 90000; }

.photo-book-dialog > div > button, .photo-book-dialog h3 {
  margin: 0 !important; }

.photo-book-dialog .container-information {
  display: table;
  padding: 10px;
  width: 100%; }

.photo-book-dialog .container-grid {
  display: table-cell;
  width: 50%; }

.photo-book-dialog .container-grid:first-child {
  padding-right: 10px; }

.photo-book-dialog .grid-title {
  margin-bottom: 10px;
  padding: 0 10px; }

.photo-book-dialog .container-grid ul {
  max-height: 500px;
  overflow: auto; }

.icon-unrated, .icon-approved, .icon-unapproved {
  font-weight: bold;
  width: auto; }

/*----- ALERT TO COMPLETE REGISTRATION -----*/
#complete-registration-alert {
  background-color: #FFA726;
  border-radius: 0;
  box-shadow: 0 0 10px 0;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  margin-right: 0;
  padding: 8px 10px;
  position: absolute;
  right: 100%;
  top: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: padding 0.3s ease 0.3s;
  z-index: 1; }
  #complete-registration-alert:hover {
    padding: 8px 15px 8px 10px;
    transition: padding 0.3s ease 0s; }
  #complete-registration-alert .material-icons {
    margin-right: 4px;
    opacity: 0.54;
    vertical-align: middle; }
  #complete-registration-alert > span {
    display: block;
    max-width: 24px;
    overflow: hidden;
    transition: max-width 0.5s ease 0.3s;
    color: #fff; }
  #complete-registration-alert:hover > span {
    max-width: 200px;
    transition: max-width 0.5s ease 0s; }

.complete-registration-container {
  background-color: #FFA726;
  box-sizing: border-box;
  left: 0;
  padding: 7px 10px !important;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transition: opacity 0.3s ease 0s, max-width 0s ease 0.3s;
  white-space: nowrap;
  opacity: 0;
  max-width: 10px; }
  .complete-registration-container > a {
    background-color: transparent !important;
    font-size: 12px !important;
    padding: 5px 15px 5px 10px !important;
    color: #fff !important;
    transition: background-color 0.3s; }
    .complete-registration-container > a:hover {
      background-color: rgba(180, 0, 50, 0.1) !important; }
  #complete-registration-alert:hover .complete-registration-container {
    transition: opacity 0.3s ease 0.3s, max-width 0s ease 0.2s;
    opacity: 1;
    max-width: 1000px; }

/*---------- - - - ---------*/
.alerts-container, alerts-container * {
  box-sizing: border-box; }

.alerts-container .alerts-content {
  border-width: 1px;
  border-style: solid;
  padding: 10px; }

.alerts-container .alert-item {
  display: table;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid; }
  .alerts-container .alert-item:last-child {
    border-bottom-width: 0; }
  .alerts-container .alert-item > * {
    display: table-cell;
    padding: 10px;
    vertical-align: middle; }
  .alerts-container .alert-item .left {
    text-align: center;
    width: 48px; }
  .alerts-container .alert-item .actions {
    text-align: right;
    width: 120px; }
    .alerts-container .alert-item .actions i {
      cursor: pointer;
      float: right;
      margin-left: 10px;
      padding: 10px;
      transition: background-color 0.3s ease 0s; }
  .alerts-container .alert-item .alert-text {
    padding: 10px 0; }
    .alerts-container .alert-item .alert-text span {
      font-size: 16px; }
    .alerts-container .alert-item .alert-text > * {
      margin: 0; }

.notification {
  border-width: 5px;
  border-style: solid;
  border-radius: 100px !important;
  box-sizing: border-box;
  font-size: 14px !important;
  height: 50px;
  padding: 0 !important;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 50px;
  display: none\9 !important; }
  .notification.new::before {
    box-sizing: border-box;
    content: attr(data-text);
    height: 40px;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    right: calc(100% - 20px);
    top: 0;
    transition: max-width 0.5s ease 0.2s, padding 0.5s ease 0.2s, opacity 0.3s ease 0s;
    white-space: nowrap; }
  .notification.new:hover::before {
    max-width: 300px;
    text-align: left;
    opacity: 1;
    padding: 10px 30px 10px 15px;
    transition: max-width 0.5s ease 0s, padding 0.3s ease 0s, opacity 0.5s ease 0.1s; }
  .notification.new p {
    -webkit-animation-name: notifyAnimation;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s;
    /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    /* Chrome, Safari, Opera */
    animation-name: notifyAnimation;
    animation-duration: 6s;
    animation-iteration-count: infinite; }
  .notification > div {
    border-radius: 100px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    padding-top: 8px;
    position: relative;
    width: 100%;
    text-align: center; }
  .notification i {
    transition: margin 0.2s ease-in-out 0s; }
  .notification p {
    margin-bottom: 10px;
    margin-top: -28px;
    transition: margin 0.2s ease-in-out 0s; }

@-webkit-keyframes notifyAnimation {
  0% {
    margin-top: -28px; }
  40% {
    margin-top: -28px; }
  50% {
    margin-top: 3px; }
  90% {
    margin-top: 3px; }
  100% {
    margin-top: -28px; } }

@keyframes notifyAnimation {
  0% {
    margin-top: -28px; }
  40% {
    margin-top: -28px; }
  50% {
    margin-top: 3px; }
  90% {
    margin-top: 3px; }
  100% {
    margin-top: -28px; } }

/* ---------------------------------------------- DISTRIBUTION --------------------------------------------------- */
.distribution-table {
  border-width: 0; }
  .distribution-table .text-center {
    text-align: center !important; }
  .distribution-table .id-head {
    position: relative; }
  .distribution-table .id-head, .distribution-table .id-cell {
    padding-right: 2px !important;
    width: 80px;
    box-sizing: border-box; }
  .distribution-table .gridTableHeader {
    border-width: 0; }
    .distribution-table .gridTableHeader th {
      padding: 15px 10px; }
  .distribution-table tr {
    border-width: 0; }
  .distribution-table td {
    padding: 8px 10px;
    transition: background-color 0.3s; }
  .distribution-table .action-col {
    box-sizing: border-box;
    width: 70px; }
  .distribution-table .ic-col {
    width: 1px; }
    .distribution-table .ic-col .description {
      border-radius: 2px;
      left: 50%;
      margin-left: 20px;
      margin-top: -20px;
      opacity: 0;
      padding: 10px;
      position: absolute;
      top: 50%;
      transition: opacity 0.2s ease 0s, z-index 0s ease 0.2s;
      white-space: nowrap;
      z-index: -1; }
    .distribution-table .ic-col .description::before {
      border-bottom-width: 5px;
      border-bottom-style: solid;
      border-right-width: 5px;
      border-right-style: solid;
      border-top-width: 5px;
      border-top-style: solid;
      content: "";
      margin-top: -5px;
      position: absolute;
      right: 100%;
      top: 50%; }
    .distribution-table .ic-col i {
      cursor: pointer; }
      .distribution-table .ic-col i:hover + .description {
        opacity: 1;
        z-index: 2;
        transition: opacity 0.2s ease 0.1s, z-index 0s ease 0s; }

.id-cell.changed {
  font-size: 14px !important;
  font-weight: bold; }
  .id-cell.changed::before {
    background-color: #cacaca;
    border-radius: 2px;
    box-sizing: border-box;
    content: attr(data-changed-text);
    height: 38px;
    left: 100%;
    margin-left: 5px;
    margin-top: -20px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 50%;
    transition: opacity 0.2s ease 0s, z-index 0s ease 0.2s;
    white-space: nowrap;
    z-index: -1; }
  .id-cell.changed::after {
    content: "*"; }
  .id-cell.changed:hover::before {
    opacity: 1;
    transition: opacity 0.2s ease 0.1s, z-index 0s ease 0s;
    z-index: 99; }

  .celltooltip {
  font-size: 14px !important;
  }
  .celltooltip::before {
    background-color: #cacaca;
    border-radius: 2px;
    box-sizing: border-box;
    content: attr(tooltip-text);
    height: 38px;
    left: 100%;
    margin-left: 5px;
    margin-top: -20px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 50%;
    transition: opacity 0.2s ease 0s, z-index 0s ease 0.2s;
    white-space: nowrap;
    z-index: -1; }
  .celltooltip:hover::before {
    opacity: 1;
    transition: opacity 0.2s ease 0.1s, z-index 0s ease 0s;
    z-index: 99; }



.table-legend {
  padding: 10px 0; }
  .table-legend:after {
    clear: both;
    content: "";
    display: block; }
  .table-legend, .table-legend * {
    box-sizing: border-box; }
  .table-legend .legend-item {
    display: inline-block;
    margin-right: 10px;
    font-size: 9px;
    text-transform: uppercase; }
    .table-legend .legend-item i {
      vertical-align: -8px;
      margin-right: 2px; }
  .table-legend .legend-group {
    border-right-width: 1px;
    border-right-style: solid;
    float: left;
    margin-right: 10px; }
    .table-legend .legend-group:last-child {
      border-width: 0;
      margin-right: 0; }
    .table-legend .legend-group > p {
      font-size: 10px;
      font-weight: 600;
      margin-bottom: 0;
      text-transform: uppercase; }

.distribution-resume {
  padding-bottom: 20px;
  width: 100%; }
  .distribution-resume span {
    padding: 0 10px; }
    .distribution-resume span:first-child {
      padding-left: 0; }
  .distribution-resume > p {
    font-family: "HelveticaCondensed";
    font-size: 16px;
    font-weight: 300;
    margin: 0; }

.bar {
  background-color: #cacaca;
  height: 8px;
  position: relative;
  width: 100%; }

.current {
  background-color: green;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0.5s ease 0s;
  width: 50%; }

.progress-bar {
  box-sizing: border-box;
  display: table;
  height: 25px;
  position: relative;
  width: 100%; }
  .progress-bar circle {
    stroke: #999999; }
  .progress-bar .spinner {
    height: 25px;
    width: 25px; }
  .progress-bar .loadermd {
    height: 25px;
    width: 25px; }
  .progress-bar .circularmd {
    height: 25px;
    width: 25px; }
  .progress-bar > div {
    display: table-cell;
    vertical-align: middle; }

.progress-action a {
  background-color: #579057 !important;
  color: #fff !important;
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  transition: background-color 0.3s; }
  .progress-action a:hover {
    background-color: #3E663E !important; }
  .progress-action a > * {
    vertical-align: middle;
    display: inline-block; }
  .progress-action a span {
    margin-left: 5px; }

.summary-container, .summary-container * {
  box-sizing: border-box; }

.refresh-summary {
  display: none !important; }
  .changed-page .refresh-summary {
    display: inline-block !important; }

.readOnly .table-container, .readOnly .sum-left, process-route .table-container, process-route .sum-left {
  width: 100%; }

.summary-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
  position: relative; }
  .summary-container:after {
    clear: both;
    display: block;
    content: ""; }
  .summary-container .changed-alert {
    border-radius: 5px;
    width: 100%;
    display: none;
    padding-top: 10px; }
    .changed-page .summary-container .changed-alert {
      display: block; }
    .summary-container .changed-alert > span {
      float: left;
      margin-top: 10px; }
    .summary-container .changed-alert button {
      border-radius: 0 5px 5px 0;
      height: 100% !important;
      position: absolute;
      right: 0;
      top: 0; }
    .summary-container .changed-alert .alert {
      display: table;
      padding: 10px 150px 10px 15px;
      position: relative; }
  .summary-container hr {
    margin: 10px 0; }
  .summary-container .rule {
    padding-bottom: 15px; }
    .summary-container .rule * {
      transition: width 0.5s; }
    .summary-container .rule .total-time, .summary-container .rule .spend-time {
      width: 100%;
      height: 10px;
      margin-top: 5px;
      position: relative;
      display: block; }
      .summary-container .rule .total-time > *, .summary-container .rule .spend-time > * {
        position: absolute;
        top: 0;
        height: 10px;
        cursor: pointer; }
    .summary-container .rule [data-hidden-text]::after {
      content: attr(data-hidden-text);
      padding: 10px 12px;
      top: 15px;
      white-space: nowrap; }
    .summary-container .rule [data-hidden-text]::before {
      border-bottom-width: 5px;
      border-bottom-style: solid;
      border-left-width: 5px;
      border-left-style: solid;
      border-right-width: 5px;
      border-right-style: solid;
      content: "";
      top: 10px; }
    .summary-container .rule [data-hidden-text]::before, .summary-container .rule [data-hidden-text]::after {
      opacity: 0;
      position: absolute;
      transition: opacity 0s ease 0s, z-index 0s ease 0s;
      z-index: -1; }
    .summary-container .rule [data-hidden-text]:hover::before, .summary-container .rule [data-hidden-text]:hover::after {
      opacity: 1;
      z-index: 10;
      transition: opacity 0.3s ease 0.2s, z-index 0s ease 0.2s; }
    .summary-container .rule [data-hidden-text]:nth-child(2)::after {
      right: 0px; }
    .summary-container .rule [data-hidden-text]:nth-child(2)::before {
      right: 2px; }
    .summary-container .rule [data-hidden-text] :nth-child(1)::before {
      left: 2px; }
  .summary-container .menu {
    display: block;
    float: left;
    padding: 5px 0;
    width: 100%;
    min-height: 40px; }
    .summary-container .menu .left {
      float: left; }
      .summary-container .menu .left > div {
        cursor: pointer;
        transition: color 0.3s ease 0s;
        display: inline-block;
        margin-right: 15px;
        vertical-align: -4px; }
        .summary-container .menu .left > div i {
          font-size: 18px; }
      .summary-container .menu .left div > * {
        display: inline-block;
        vertical-align: middle; }
      .summary-container .menu .left div > div {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase; }
  .summary-container .overflow {
    margin-left: -5px;
    height: 100vh;
    overflow: auto;
    padding: 0 5px;
    border-style: solid;
    border-width: 1px 0; }
  .summary-container .ps-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin: 10px 0;
    padding: 15px;
    position: relative; }
    .summary-container .ps-card .address {
      padding: 10px 0; }
    .summary-container .ps-card.changed-pending::after, .summary-container .ps-card.moved-tasks::after, .summary-container .ps-card.changed::after {
      font-size: 12px;
      font-weight: 600;
      opacity: 0.4;
      padding: 8px;
      position: absolute;
      right: 5px;
      text-transform: uppercase;
      top: 5px;
      transition: opacity 0.3s; }
    .summary-container .ps-card.changed::after {
      content: attr(data-changed); }
    .summary-container .ps-card.changed-pending::after, .summary-container .ps-card.moved-tasks::after {
      content: attr(data-changed-pending); }
    .summary-container .ps-card.changed-pending:hover::after, .summary-container .ps-card.changed:hover::after, .summary-container .ps-card.moved-tasks:hover::after {
      opacity: 0.6; }
    .summary-container .ps-card .moved-tasks h3 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 40%; }
    .summary-container .ps-card.changed-pending > h2 i, .summary-container .ps-card.changed > h2 i {
      vertical-align: 5px; }
    .summary-container .ps-card.changed-pending > h2 span, .summary-container .ps-card.changed > h2 span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 40%;
      display: inline-block; }
    .summary-container .ps-card.changed-pending > h2 small, .summary-container .ps-card.changed > h2 small {
      margin-top: -20px; }
    .summary-container .ps-card h2 {
      font-weight: 300; }
      .summary-container .ps-card h2 i {
        vertical-align: sub; }
      .summary-container .ps-card h2 small {
        margin-top: -10px;
        display: block; }
    .summary-container .ps-card h3 {
      font-weight: 300; }
      .summary-container .ps-card h3 i {
        vertical-align: middle; }
    .summary-container .ps-card h4 {
      font-size: 12px;
      text-transform: uppercase; }
    .summary-container .ps-card p {
      font-size: 14px; }
      .summary-container .ps-card p span {
        display: block;
        width: 100%; }
        .summary-container .ps-card p span:first-child {
          font-size: 11px;
          font-weight: 600;
          text-transform: uppercase; }
      .summary-container .ps-card p i {
        vertical-align: middle;
        cursor: pointer; }
        .summary-container .ps-card p i:after {
          content: attr(data-hidden-text);
          font-family: arial;
          font-size: 12px;
          opacity: 0;
          transition: opacity 0.3s ease 0s;
          vertical-align: 10px; }
        .summary-container .ps-card p i:hover:after {
          opacity: 1; }
    .summary-container .ps-card.task-item h3:first-child {
      margin-bottom: 10px; }
  .summary-container > div {
    float: left;
    width: 50%; }
  .summary-container .sum-left {
    padding-right: 5px; }
    .summary-container .sum-left .table-container {
      float: left; }
    .summary-container .sum-left .overflow {
      overflow: visible;
      height: auto; }
  .summary-container .table-container.fixed {
    position: fixed;
    top: 0; }
    .summary-container .table-container.fixed.fixed-bottom {
      bottom: 0;
      position: absolute;
      top: auto; }
  .summary-container .sum-right {
    padding-left: 5px; }
    .summary-container .sum-right .invisible-at-right {
      display: none; }
    .summary-container .sum-right .moved-tasks:after {
      display: none; }
  .summary-container .ps-card.task-item {
    padding-left: 40px;
    cursor: move; }
    .summary-container .ps-card.task-item::before {
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 20px; }
  .summary-container .sum-left > h2, .summary-container .sum-right > h2 {
    font-weight: 300; }

.toggle-tasks, .toggle-users {
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: 0;
  text-align: right;
  text-transform: uppercase;
  transition: color 0.3s ease 0s; }
  .toggle-tasks > div, .toggle-users > div {
    float: right;
    margin-top: -20px;
    padding-left: 20px;
    position: relative; }

.minimize {
  display: none; }
  .task-details-active .toggle-tasks .minimize, .no-tasks .toggle-tasks .minimize, .user-details-active .toggle-users .minimize {
    display: block; }
  .task-details-active .tasks-details .minimize, .user-details-active .users-details .minimize {
    display: inline-block !important; }

.expand {
  display: block; }
  .task-details-active .toggle-tasks .expand, .no-tasks .toggle-tasks .expand, .user-details-active .toggle-users .expand {
    display: none; }
  .task-details-active .tasks-details .expand, .user-details-active .users-details .expand {
    display: none !important; }

.tasks {
  height: 0;
  overflow: hidden;
  transition: background-color 0.5s;
  padding: 0 10px;
  opacity: 0; }
  .task-details-active .tasks, .no-tasks .tasks {
    height: auto;
    opacity: 1;
    min-height: 50px; }
  .user-item .tasks:before {
    bottom: 30px;
    color: rgba(0, 0, 0, 0.2);
    content: attr(data-empty-task);
    font-weight: bold;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 150px; }

.card-body {
  height: 0;
  overflow: hidden;
  transition: background-color 0.7s;
  padding: 0 10px; }
  .user-details-active .card-body {
    height: auto; }

.counter-loading {
  background-color: rgba(0, 0, 0, 0.6) !important;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 99999;
  display: none; }
  .counter-loading.active {
    display: block; }
  .counter-loading p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 25px;
    text-align: center;
    line-height: 25px; }
  .counter-loading .text {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0;
    left: 50%;
    margin-left: -200px;
    padding: 10px 30px 30px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 400px; }
  .counter-loading .spinner {
    margin-bottom: 5px; }
  .counter-loading .pathmd {
    stroke: rgba(0, 0, 0, 0.2) !important; }

.distribution-footer, .distribution-footer td {
  background-color: #fff !important; }

.distribution-footer .btn {
  background-image: none;
  box-shadow: 0 0 !important;
  padding: 10px 20px; }

/* UI PORTABLE */
.ps-card.task-item.ui-sortable-helper {
  box-sizing: content-box; }

.ps-card.task-item.ui-sortable-placeholder {
  box-shadow: 0 0;
  visibility: visible !important;
  box-sizing: content-box;
  border-width: 5px;
  border-style: dashed; }

.ps-card.task-item.ui-sortable-placeholder:before {
  width: 0 !important; }

/* ---- GENERIC DEFAULT DIALOG --- */
.ps-dialog {
  box-shadow: 0 0 8px 0;
  left: 50%;
  margin-left: -400px;
  opacity: 0;
  padding: 0;
  position: fixed;
  top: 50px;
  transition: opacity 0.2s ease 0s, top 0s ease 0.3s, z-index 0s ease 0.3s;
  width: 800px;
  z-index: -1; }
  .ps-dialog.active {
    opacity: 1;
    top: 80px;
    transition: opacity 0.3s ease 0.1s, top 0.3s ease 0.1s, z-index 0s ease 0s;
    z-index: 10; }
  .ps-dialog input {
    margin: 0; }
  .ps-dialog .ps-dialog-background {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1; }
  .ps-dialog > *:not(.ps-dialog-background) {
    padding: 20px; }
  .ps-dialog .ps-dialog-header {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
    .ps-dialog .ps-dialog-header > * {
      display: inline-block;
      font-size: 22px;
      font-weight: 300;
      vertical-align: middle; }
    .ps-dialog .ps-dialog-header .close-btn {
      float: right;
      border-width: 0;
      margin-right: -20px;
      margin-top: -10px;
      padding: 10px 20px; }
  .ps-dialog .ps-dialog-footer {
    border-top-width: 1px;
    border-top-style: solid;
    text-align: right; }
  .ps-dialog .ps-dialog-body {
    display: block;
    max-height: 400px;
    overflow: auto;
    padding-top: 10px; }
  .ps-dialog fieldset {
    padding: 0 0 15px 0; }
    .ps-dialog fieldset section {
      padding: 15px 15px 20px;
      border-bottom-width: 1px;
      border-bottom-style: dashed; }
      .ps-dialog fieldset section:last-child {
        border-width: 0; }
  .ps-dialog label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase; }
  .ps-dialog select, .ps-dialog input {
    border-radius: 0;
    border-width: 0 0 1px;
    box-shadow: 0 0 0 0 !important;
    height: auto;
    outline: 0 none;
    padding: 5px 10px; }
  .ps-dialog .inline-form > * {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle; }
  .ps-dialog .inline-form::after {
    clear: both;
    content: "";
    display: block; }
  .ps-dialog option {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis; }

/* ------ LOADER ---------*/
.loadermd {
  position: relative;
  margin: 0px auto;
  width: 100px;
  height: 100px;
  zoom: 1.7; }

.circularmd {
  -webkit-animation: rotatemd 2s linear infinite;
  animation: rotatemd 2s linear infinite;
  height: 100px;
  position: relative;
  width: 100px; }

.pathmd {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dashmd 2s ease-in-out infinite;
  animation: dashmd 2s ease-in-out infinite;
  /*animation: dashmd 1.5s ease-in-out infinite, colormd 6s ease-in-out infinite;*/
  stroke-linecap: round; }

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

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

@-webkit-keyframes dashmd {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@keyframes dashmd {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@-webkit-keyframes colormd {
  100%, 0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%, 90% {
    stroke: #ffa700; } }

@keyframes colormd {
  100%, 0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%, 90% {
    stroke: #ffa700; } }

.btn.btn-icon {
  background: transparent none repeat scroll 0 0 !important;
  border: 0 none;
  box-shadow: 0 0;
  margin: 0;
  opacity: 0.3;
  padding: 5px;
  transition: opacity 0.5s ease 0s;
  direction: ltr;
  display: inline-block;
  font-family: "Material Icons";
  font-feature-settings: "liga";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal; }

.btn.btn-icon:hover {
  opacity: 1; }
.help-videos {
    color : #fff;
}
.help-videos span {
    color: white;
    font-size : 10pt;
    font-weight: bold;
    margin-top: 12px;
    display: block;
}
.help-videos a {
    font-size : 10pt;
    font-weight: normal;
    display : block;
    color: white;
    margin-left : 5px;
    margin : 3px;
}
.help-videos .help-video-container {
    position : absolute;
    top : 0px;
}

.helpTooltip {
    position: relative;
}
.helpTooltip:after {
    padding: 15px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 100%;
    color: rgba(0,0,0,0.8);
    box-shadow: 0 0 3px -1px;
    font-family: Verdana,Arial,sans-serif;
    width: 250px;
    font-size: 13px;
    white-space: normal;
    z-index: 3;
}
.helpTooltip:hover:after {
    content: attr(data-ajuda);
}

.v-align-children > * {
    display: inline-block; 
    vertical-align: middle;
}