.iv {
  /***** snap view css *****/
  /*** zoom slider ***/
  /**** snap view css end *****/
}
.iv-container {
  overflow: hidden;
  position: relative;
}
.iv-fullscreen {
  position: fixed;
  background: #0d0d0d;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}
.iv-fullscreen-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.iv-container {
  overflow: hidden;
  position: relative;
}
.iv-image-mode {
  display: inline-block;
}
.iv-fullscreen-close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 10px;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-shadow: 0px 0px 3px #6d6d6d;
  transition: all ease 200ms;
}
.iv-fullscreen-close:after, .iv-fullscreen-close:before {
  content: "";
  height: 4px;
  width: 24px;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.iv-fullscreen-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.iv-fullscreen-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.iv-fullscreen-close:hover {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
.iv-snap-view {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 20px;
  left: 20px;
  border: 1px solid #aaa;
  background: black;
  z-index: 100;
  box-sizing: content-box;
  transition: opacity ease 400ms;
  opacity: 0;
}
.iv-snap-image-wrap {
  display: inline-block;
  position: absolute;
  max-width: 150px;
  max-height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.iv-snap-image {
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
}
.iv-snap-handle {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid white;
  transform: translate3d(0, 0, 0);
  box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  cursor: grab;
}
.iv-snap-handle:active {
  cursor: grabbing;
}
.iv-zoom-slider {
  width: 100%;
  box-sizing: content-box;
  border: 1px solid #aaa;
  border-top: 0;
  background: rgba(0, 0, 0, 0.3);
  height: 15px;
  position: absolute;
  top: 150px;
  left: -1px;
}
.iv-zoom-handle {
  width: 20px;
  height: 15px;
  background: white;
  position: absolute;
  cursor: pointer;
  cursor: grab;
}
.iv-zoom-handle:active {
  cursor: grabbing;
}
.iv-image-view {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.iv-image-wrap {
  display: inline-block;
}
.iv-image-wrap:active {
  cursor: move;
}
.iv-image {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -ms-touch-action: none;
      touch-action: none;
  transform: translate3d(0, 0, 0);
}
.iv-loader {
  top: 50%;
  left: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  z-index: 100;
  margin-top: -16px;
  margin-left: -16px;
  font-size: 5px;
  position: absolute;
  text-indent: -9999em;
  border: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  transform: translateZ(0);
  animation: loading-icon 1.1s infinite linear;
}
.iv-loader:after {
  width: 10em;
  height: 10em;
  border-radius: 50%;
}
@keyframes loading-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .iv-snap-view {
    z-index: -1;
    visibility: hidden;
  }
}
/*login form*/
.invalid_login .webix_header > div {
    background: #fc3636;
    transition: background 1s;
  }
  .invalid_login {
    -webkit-animation: formshake 0.5s linear;
  }
  @-webkit-keyframes formshake {
    8%,
    41% {
      -webkit-transform: translateX(-10px);
    }
    25%,
    58% {
      -webkit-transform: translateX(10px);
    }
    75% {
      -webkit-transform: translateX(-5px);
    }
    92% {
      -webkit-transform: translateX(5px);
    }
    0%,
    100% {
      -webkit-transform: translateX(0);
    }
  }
  
  /* sync status */
  .status_good {
    color: #ddd;
  }
  
  #dataA, #btnDiv{
      margin:20px;
  }
  
  .cursorPoint {
      cursor:pointer!important;
  }
  
  
  .dataViewBenefiosAtivo {
      color: black;
  }
  
  .dataViewBenefiosInativo {
      color: red;
  }
  
  .dataViewBenefiosCancelado {
      color: red;
  }
  
  .ws_connected .webix_icon {
  
      font-size: 20px;
      height: 20px;
      width: 20px;
      display: inline-block;
      text-align: center;
      color: green!important;
  
  }
  
  .ws_disconected .webix_icon {
      font-size: 20px;
      height: 20px;
      width: 20px;
      display: inline-block;
      text-align: center;
      color: red!important;
  }
  
  .restricao {
      background: red!important;
      color: #ffffff!important;
      background-color: orange;
  }
  
  .calculoRateio {
      background: rgba(222, 231, 237, 0.96) !important;
  }
  
  .calculoRateioDestaque {
      background: rgba(222, 231, 237, 0.96) !important;
      color: green!important;
  }
  
  .botao_vermelho button {
      background: #FF5C4C!important;
      color: #ffffff!important;
  }
  
  .botao_verde button {
      background: darkgreen!important;
      color: #ffffff!important;
  }
  
  .botao_azul button {
       background: #2196f3!important;
       color: #ffffff!important;
   }

   .botao_violeta button {
        background: #7c0dd6!important;
        color: #ffffff!important;
    }  
  
  .labelRed .webix_inp_label {
      color: red!important
  }
  
  /* MENU .webix_menu-x  */
  .menu_top .webix_list_item {
      border-right: 1px solid #fff;
      border-left: 0px;
      background: #f6f6f6;
      color: #7a7373;
      font-size: 14px;
  }
  
  .menu_hover .webix_menu-x .webix_list_item:hover, .webix_menu-x .webix_list_item:active, .webix_menu-x .webix_list_item:focus {
      background-color: #99a2a8;
  }
  
  .icon_red .webix_icon{
      color:red;
  }
  
  .tags {
      border-radius: 100px;
      background-color: rgba(204, 215, 229, 0.43);
      padding: 4px 12px;
  }
  
  
  .comment {
      background: #F4F5F9;
      border-radius: 0px 25px 25px 25px;
      padding: 5px;
    }
    .user_comments {
      font-size: 16px; 
      display:inline-block;
    }
  
    .avatar {
      background-color:#F4F5F9;
      border-radius:50%;
      width:40px;
      height:40px;
      line-height:40px;
      font-weight:500;
      text-align:center;
      color:#1CA1C1;
      display:inline-block;
      margin:0 10px 10px 0px;
      
    }
    .webix_comments_icons {
      text-align: center;
      color: #1CA1C1;
      cursor: pointer;
      float:right;
      font-size:24px;
    }
  
    .webix_comments_avatar {
      margin-left: 14px;
      float: left;
      position: relative;
      width: 40px;
      height: 40px;
  }
  
  .webix_comments_status {
      z-index: 1;
      top: 30px;
      left: 30px;
      border-radius: 50%;
      border: 2px solid #FFFFFF;
      position: absolute;
      height: 12px;
      width: 12px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  
  .webix_view.toolbar_photo > div{
      padding:0px;
  }
  
  .mainphoto{
      border-radius:25px;
      width:38px;
      height:38px;
      cursor:pointer;
  }
  .mainphoto:hover{
      opacity:0.8;
  }
  
  
  /* profile menu */
  .webix_list.profile_menu .webix_list_item{
      border:none;
  }
  /* profile main info */
  .doc_main .doc_name,
  .doc_main .doc_field{
      display:block;
  }
  .doc_main .doc_name{
      font-size:16px;
      font-weight:500;
      padding-top:8px;
  }
  .doc_main{
      text-align:center;
  }
  
  .webix_view.profile_photo > div,
  .webix_view.friend_photo > div{
      padding:0px 0px 0px 0px;
  }
  
  /* reviews panel */
  .webix_dataview_inner_item .criterion{
      display:block;
      font-weight:500;
      float:left;
  }
  .webix_dataview_inner_item .stars{
      display:block;
      float:right;
  }
  .webix_dataview_inner_item .stars .star{
      margin-left:-4px;
      font-size:18px;
  }
  .reviews .webix_dataview_item.tiles .webix_dataview_inner_item{
      padding:12px;
  }
  
  
  /* status tag - usuario */
  
  .status-tag {
      padding: 4px 8px!important;
      border-radius: 12px!important;
      text-align: center;
      font-size: 12px;
  }
  
  .status-tag.active {
      background-color: #e8f5e9;
      color: #2e7d32;
  }
  
  .status-tag.inactive {
      background-color: #ffebee;
      color: #c62828;
  }
  
  /* Para centralizar o avatar */
  
  .profile-center {
      width: 200px; /* ou outro valor adequado */
      margin: 0 auto 20px auto;
      text-align: center;
  }
  
  .profile-center .avatar {
      width: 120px; /* ou outro valor adequado */
      height: 120px;
      margin: 0 auto;
      overflow: hidden;
      border-radius: 50%;
  }
  
  .profile-center .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .profile-center h2 {
      margin-top: 10px;
      text-align: center;
  }
  
  .info, .roles, .rules {
      text-align: left;
      padding: 0 20px;
  }
  
  /* Ajustar avatar na grid de usuários */
  .avatar-cell .avatar-container {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .status-cell .status-container {
      height: 100%;
      display: flex;
      align-items: center;
  }
  
  /*.webix_dtable .webix_cell {
      display: flex;
      align-items: center;
  }*/
  
  /* rule (permission) list */
  .rule-item {
      background-color: #f4f5f9;
      padding: 8px 12px;
      margin: 4px 0;
      width: 100%;
      border-radius: 4px;
  }
  
  .rule-list {
      display: flex;
      flex-direction: column;
      width: 100%;
  }
  
  
  /* role (role) list */
  .role-item {
      background-color: #f4f5f9;
      padding: 8px 12px;
      margin: 4px 0;
      width: 100%;
      border-radius: 4px;
  }
  
  .role-list {
      display: flex;
      flex-direction: column;
      width: 100%;
  }
  
  /* Editar papeis (Role) */ 
  
  .role-list-item {
      padding: 10px;
  }
  
  .role-name {
      font-weight: bold;
      margin-bottom: 5px;
  }
  
  .role-description {
      color: #666;
      font-size: 12px;
      font-style: italic;
  }
  
  .webix_transparent {
      background-color: transparent !important;
  }
  
  .webix_transparent:hover {
      background-color: rgba(0,0,0,0.05) !important;
  }
  
  /* Editar papeis (List para botão de editar e excluir) */ 
  .roles-list .role-list-item {
      position: relative;
      padding-right: 60px;
  }
  
  .roles-list .role-actions {
      position: absolute;
      top: 5px;
      right: 5px;
      display: none;
  }
  
  .roles-list .webix_selected .role-actions {
      display: block;
  }
  
  .roles-list .action-icon {
      cursor: pointer;
      padding: 4px;
      color: #666;
      font-size: 18px;
  }
  
  .roles-list .action-icon:hover {
      color: #1ca1c1;
  }
  
  .roles-list .mdi-delete:hover {
      color: #ff5c5c;
  }
  
  .status-tag.enviado_assinatura {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: #5166bd;
  }
  
  .status-tag.roxo {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: #494F80;
  }
  
  .status-tag.laranja {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: orange;
  }
  
  .status-tag.cinza {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: #b6b2ae;
  }
  
  .status-tag.laranja {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: #ff8839;
  }
  
  .status-tag.verde {
      font-size:12px;
      font-weight:600;
      color: #ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: darkgreen;
  
  }
  .status-tag.vermelho {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: red;
  }
  
  .status-tag.azul_violeta{
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: blueviolet;
  }
  
  .status-tag.verde_light{
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: lightseagreen;
  }
  
  .status-tag.cornflowerblue{
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: cornflowerblue;
  }
  
  .status-tag.darkviolet{
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: darkviolet;
  }
  
  .status-tag.puxado_azul {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: rgb(69, 154, 238);
  }
  
  .status-tag.azul {
      font-size:12px;
      font-weight:500;
      color:#ffffff !important;
      padding:2px 6px;
      border-radius: 0px;
      background: rgb(59, 83, 238);
  }
  

  
  /* ----------------------------------------------------------------------------------------------- */



.usuario-view .permissions_accordion .webix_accordionitem {
    margin-bottom: 5px;
}

.usuario-view .permissions-container {
    padding: 7px 4px 4px 4px;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    box-sizing: border-box;    
}

.usuario-view .permissions-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.usuario-view .permission-group {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    overflow: hidden;
}

.usuario-view .group-header {
    padding: 11px;
    background: #f1f3f4;
    font-weight: 600;
    color: #37474f;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.usuario-view .group-header i {
    color: #607d8b;
}

.usuario-view .group-content {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.usuario-view .permission-item {
    display: flex;
    align-items: flex-start;
    padding: 12px;
    border-radius: 6px;
    transition: background-color 0.2s;
    word-wrap: break-word;
}

.usuario-view .permission-icon {
    margin-right: 12px;
    padding-top: 2px;
}

.usuario-view .permission-info {
    flex: 1;
}

.usuario-view .permission-active {
    background-color: #e8f5e9;
}

.usuario-view .permission-active .permission-name {
    color: #2e7d32;
}

.usuario-view .permission-active .permission-icon i {
    color: #4caf50;
}

.usuario-view .permission-inactive {
    background-color: #f5f5f5;
}

.usuario-view .permission-inactive .permission-name {
    color: #757575;
}

.usuario-view .permission-inactive .permission-icon i {
    color: #bdbdbd;
}

.usuario-view .permission-name {
    font-weight: 500;
    margin-bottom: 4px;
}

.usuario-view .permission-desc {
    font-size: 0.9em;
    color: #666;
    line-height: 1.4;
}

/* Login */
.forgot-password {
    color: #1ca1c1;
    text-decoration: none;
    display: block;
    text-align: center;
}

.forgot-password:hover {
    text-decoration: underline;
}


/* Redefinir Senha */
.header-align {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Revogar Senha */
.revoke-password-btn {
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #f44336;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.revoke-password-btn:hover {
    background-color: #d32f2f;
}

.revoke-password-btn i {
    font-size: 18px;
}

.custom-kanban .webix_kanban_list {
    background: #f5f7fa;
    border-radius: 8px;
    padding: 8px;
}

.custom-kanban .webix_kanban_list_content {
    background: white;
    border: 1px solid #e6e9ed;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 8px;
}

.custom-kanban .kanban-card {
    padding: 12px;
}

.custom-kanban .kanban-tags {
    margin-bottom: 8px;
}

.custom-kanban .kanban-tag {
    background: #e8f0fe;
    color: #1a73e8;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    margin-right: 4px;
}

.custom-kanban .kanban-text {
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.custom-kanban .kanban-user {
    color: #666;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.custom-kanban .webix_kanban_list_header {
    font-weight: 600;
    color: #333;
    padding: 8px;
    border-bottom: 2px solid #e6e9ed;
}

.custom-kanban .webix_kanban_list_item:hover {
    background-color: #f8f9fa;
}

.custom-kanban .webix_selected {
    background-color: #f0f7ff !important;
    border-color: #1a73e8 !important;
}
/* Namespace específico para a view de notificações */
.notifications-view {
    /* Estilos do container principal */
    .notifications {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }

    .notification-item {
        padding: 12px;
        border-bottom: 1px solid #eee;
        transition: background-color 0.2s;
    }

    .notification-item:hover {
        background-color: #f5f5f5;
    }

    .notification-unread {
        background-color: #f0f7ff;
    }

    .notification-unread:hover {
        background-color: #e6f2ff;
    }

    .notification-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
    }

    .notification-title {
        font-weight: bold;
        color: #333;
        font-size: 14px;
    }

    .notification-time {
        color: #999;
        font-size: 12px;
    }

    .notification-message {
        color: #666;
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .notification-actions {
        text-align: right;
    }

    .notification-actions .webix_btn {
        padding: 4px 8px;
        font-size: 12px;
    }

    /* Estilo para o badge do sino específico da view */
    .notification-bell {
        position: relative;
    }

    .notification-bell::after {
        content: attr(badge);
        position: absolute;
        top: -5px;
        right: -5px;
        background: #ff4444;
        color: white;
        border-radius: 50%;
        padding: 2px 6px;
        font-size: 11px;
        min-width: 18px;
        text-align: center;
    }

    @keyframes notification-bell-shake {
        0% { transform: rotate(0); }
        10% { transform: rotate(-18deg); }
        20% { transform: rotate(15deg); }
        30% { transform: rotate(-12deg); }
        40% { transform: rotate(10deg); }
        50% { transform: rotate(-8deg); }
        60% { transform: rotate(6deg); }
        70% { transform: rotate(-4deg); }
        80% { transform: rotate(2deg); }
        90% { transform: rotate(-1deg); }
        100% { transform: rotate(0); }
    }

    .notification-bell-shake {
        animation: notification-bell-shake 2s infinite;
    }
}

/* Estilos específicos para o sino de notificações */
.webix_icon.notification-bell,
.webix_icon.notification-bell i,
.webix_icon.notification-bell span {
    color: #2196f3 !important;
    fill: #2196f3 !important;
}

.webix_icon.notification-bell-has-unread,
.webix_icon.notification-bell-has-unread i,
.webix_icon.notification-bell-has-unread span {
    color: #ff9800 !important;
    fill: #ff9800 !important;
}

@keyframes bell-shake {
    0% { transform: rotate(0); }
    10% { transform: rotate(-18deg); }
    20% { transform: rotate(15deg); }
    30% { transform: rotate(-12deg); }
    40% { transform: rotate(10deg); }
    50% { transform: rotate(-8deg); }
    60% { transform: rotate(6deg); }
    70% { transform: rotate(-4deg); }
    80% { transform: rotate(2deg); }
    90% { transform: rotate(-1deg); }
    100% { transform: rotate(0); }
}

.bell-shake {
    animation: bell-shake 2s infinite;
}

.webix_icon.bell-has-unread,
.webix_icon.bell-has-unread i,
.webix_icon.bell-has-unread span {
    color: #ff9800 !important;
    fill: #ff9800 !important;
}

.webix_icon.bell-default,
.webix_icon.bell-default i,
.webix_icon.bell-default span {
    color: #2196f3 !important;
    fill: #2196f3 !important;
}

/* Cor padrão do sino (azul claro) */
.webix_view[view_id*='bell'] .webix_icon {
    color: #2196f3 !important;
}

/* Cor laranja quando há notificações não lidas */
.webix_view[view_id*='bell'].bell-has-unread .webix_icon {
    color: #ff9800 !important;
}

/* Sino com notificações não lidas fica cinza */
.bell_has_unread .webix_icon {
    font-size: 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #888 !important;
}

.bell_no_unread .webix_icon {
    font-size: 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #2196f3 !important;
}

/* Escopo para notificações */
.notifications-popup .notifications {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.notifications-popup .notification-item {
    padding: 12px;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s;
}

.notifications-popup .notification-item:hover {
    background-color: #f5f5f5;
}

.notifications-popup .notification-unread {
    background-color: #f0f7ff;
}

.notifications-popup .notification-unread:hover {
    background-color: #e6f2ff;
}

.notifications-popup .notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.notifications-popup .notification-title {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.notifications-popup .notification-time {
    color: #999;
    font-size: 12px;
}

.notifications-popup .notification-message {
    color: #666;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.notifications-popup .notification-actions {
    text-align: right;
}

.notifications-popup .notification-actions .webix_btn {
    padding: 4px 8px;
    font-size: 12px;
} 
/* ============================================
   ESTILOS PARA DASHBOARD DE PROTEÇÃO (dp_)
   ============================================ */

.dashboard-protecao-view .dashboard_title {
	font-size: 18px;
	font-weight: bold;
	color: #2c3e50;
	padding: 10px 15px;
}

/* KPIs compactos */
.dashboard-protecao-view .dp_kpi_card_compact {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	border: 1px solid #e0e6eb;
	border-radius: 8px;
	margin: 3px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
}

.dashboard-protecao-view .dp_kpi_card_compact:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	border-color: #cbd5e0;
}

.dashboard-protecao-view .dp_kpi_container_compact {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	height: 100%;
}

.dashboard-protecao-view .dp_kpi_icon_compact {
	font-size: 26px;
	margin-right: 12px;
	opacity: 0.85;
}

.dashboard-protecao-view .dp_kpi_content_compact {
	flex: 1;
}

.dashboard-protecao-view .dp_kpi_title_compact {
	font-size: 11px;
	color: #7f8c8d;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
	font-weight: 600;
}

.dashboard-protecao-view .dp_kpi_value_compact {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

.dashboard-protecao-view .dp_kpi_percentual_compact {
	font-size: 10px;
	color: #95a5a6;
	margin-top: 2px;
}

/* Título dos gráficos - compacto */
.dashboard-protecao-view .chart_title {
	font-size: 13px;
	font-weight: 600;
	color: #2c3e50;
	padding: 6px 12px;
	background: #f8f9fa;
	border-bottom: 2px solid #e9ecef;
}

/* Gráficos customizados - apenas dentro do dashboard */
.dashboard-protecao-view .webix_chart_legend_item {
	font-size: 11px;
}

/* Cores para alertas - apenas dentro do dashboard */
.dashboard-protecao-view .alert_perdido {
	display: inline-block;
	padding: 3px 8px;
	background-color: #e74c3c;
	color: white;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
}

.dashboard-protecao-view .alert_manutencao {
	display: inline-block;
	padding: 3px 8px;
	background-color: #e67e22;
	color: white;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
}

.dashboard-protecao-view .prioridade_critica {
	color: #e74c3c;
	font-weight: bold;
}

.dashboard-protecao-view .prioridade_alta {
	color: #f39c12;
	font-weight: bold;
}

.dashboard-protecao-view .prioridade_media {
	color: #3498db;
}

/* Hover nas linhas da tabela */
.dashboard-protecao-view .row_hover {
	background-color: #f8f9fa !important;
}

/* Estilos para tabela de técnicos */
.dashboard-protecao-view .webix_dtable .webix_cell {
	font-size: 12px;
}

.dashboard-protecao-view .webix_dtable .webix_ss_header {
	background: #f8f9fa;
	font-weight: 600;
	color: #2c3e50;
}

.dashboard-protecao-view .webix_dtable .webix_row_select {
	background-color: #e3f2fd !important;
}

/* Estilos para as tabs */
.dashboard-protecao-view .webix_tab_list .webix_item_tab {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 20px;
	transition: all 0.3s ease;
}

.dashboard-protecao-view .webix_tab_list .webix_selected {
	background: #3498db !important;
	color: white !important;
	border-bottom: 3px solid #2c3e50;
}

.dashboard-protecao-view .webix_tab_list .webix_item_tab:hover {
	background: #ecf0f1;
}

.dashboard-protecao-view .webix_tab_list .webix_selected:hover {
	background: #2980b9 !important;
}

/* Títulos das seções de alerta - compacto */
.dashboard-protecao-view .alert_section_title {
	font-size: 13px;
	font-weight: 600;
	color: #2c3e50;
	padding: 8px 12px;
	background: linear-gradient(135deg, #f8f9fa 0%, #ecf0f1 100%);
	border-left: 3px solid #e67e22;
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Toolbar dos painéis */
.dashboard-protecao-view .panel_toolbar {
	background: #f8f9fa;
	border-bottom: 2px solid #e9ecef;
}

.dashboard-protecao-view .panel_title {
	font-size: 13px;
	font-weight: 600;
	color: #2c3e50;
	padding-left: 8px;
}

/* Bordas dos painéis de gráficos */
.dashboard-protecao-view .dp_panel_container {
	border: 1px solid #e0e6eb !important;
	border-radius: 6px;
	overflow: hidden;
	background: white;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* Remover bordas internas padrão do Webix nos painéis */
.dashboard-protecao-view .dp_panel_container .webix_view,
.dashboard-protecao-view .dp_panel_container .webix_layout_line,
.dashboard-protecao-view .dp_panel_container .webix_layout_cell,
.dashboard-protecao-view .dp_panel_container .webix_layout_multiview,
.dashboard-protecao-view .dp_panel_container .webix_chart,
.dashboard-protecao-view .dp_panel_container .webix_dtable {
	border: none !important;
}

/* Manter apenas a borda inferior da toolbar */
.dashboard-protecao-view .dp_panel_container .panel_toolbar {
	border: none !important;
	border-bottom: 1px solid #e9ecef !important;
}

/* Garantir que não há bordas nos gráficos e tabelas */
.dashboard-protecao-view .dp_panel_container .webix_multiview > .webix_view {
	border: none !important;
}

/* Ícones de alternância */
.dashboard-protecao-view .webix_icon_button {
	cursor: pointer;
	transition: all 0.2s ease;
	color: #7f8c8d;
}

.dashboard-protecao-view .webix_icon_button:hover {
	color: #3498db;
	transform: scale(1.1);
}

/* Estilos adicionais para KPIs */
.dashboard-protecao-view .dp_kpi_card_compact[style*="border-left"] {
	border-left-width: 3px;
}

/* Responsividade - apenas dentro do dashboard */
@media (max-width: 768px) {
	.dashboard-protecao-view .dp_kpi_container_compact {
		flex-direction: column;
		text-align: center;
		padding: 10px;
	}
	
	.dashboard-protecao-view .dp_kpi_icon_compact {
		margin-right: 0;
		margin-bottom: 10px;
		font-size: 28px;
	}
	
	.dashboard-protecao-view .dp_kpi_value_compact {
		font-size: 20px;
	}
}

/* ============================================
   ESTILOS PARA DASHBOARD DE VEÍCULOS (dv_)
   ============================================ */

.dashboard-veiculos-view .dashboard_title {
	font-size: 18px;
	font-weight: bold;
	color: #2c3e50;
	padding: 10px 15px;
}

/* KPIs compactos */
.dashboard-veiculos-view .dv_kpi_card_compact {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	border: 1px solid #e0e6eb;
	border-radius: 6px;
	margin: 3px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
}

.dashboard-veiculos-view .dv_kpi_card_compact:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	border-color: #cbd5e0;
}

.dashboard-veiculos-view .dv_kpi_container_compact {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	height: 100%;
}

.dashboard-veiculos-view .dv_kpi_icon_compact {
	font-size: 26px;
	margin-right: 12px;
	opacity: 0.85;
}

.dashboard-veiculos-view .dv_kpi_content_compact {
	flex: 1;
}

.dashboard-veiculos-view .dv_kpi_title_compact {
	font-size: 11px;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
	font-weight: 600;
}

.dashboard-veiculos-view .dv_kpi_value_compact {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 2px;
}

.dashboard-veiculos-view .dv_kpi_percentual_compact {
	font-size: 11px;
	color: #9ca3af;
	margin-top: 4px;
	font-weight: 500;
}

/* Toolbar de alerta */
.dashboard-veiculos-view .dv_alerta_toolbar {
	background: #fee;
	border-bottom: 2px solid #fcc;
}

/* Hover nas linhas da tabela */
.dashboard-veiculos-view .row_hover {
	background-color: #f8f9fa !important;
}

/* Estilos para datatables */
.dashboard-veiculos-view .webix_dtable .webix_cell {
	font-size: 12px;
}

.dashboard-veiculos-view .webix_dtable .webix_ss_header {
	background: #f8f9fa;
	font-weight: 600;
	color: #2c3e50;
}

.dashboard-veiculos-view .webix_dtable .webix_row_select {
	background-color: #e3f2fd !important;
}

/* Estilos adicionais para KPIs */
.dashboard-veiculos-view .dv_kpi_card_compact[style*="border-left"] {
	border-left-width: 3px;
}

/* Responsividade */
@media (max-width: 768px) {
	.dashboard-veiculos-view .dv_kpi_container_compact {
		flex-direction: column;
		text-align: center;
		padding: 10px;
	}
	
	.dashboard-veiculos-view .dv_kpi_icon_compact {
		margin-right: 0;
		margin-bottom: 10px;
		font-size: 28px;
	}
	
	.dashboard-veiculos-view .dv_kpi_value_compact {
		font-size: 22px;
	}
	
	.dashboard-veiculos-view .dv_kpi_title_compact {
		font-size: 11px;
	}
}
.grid_status_badge_cinza {
    background-color: #e3e1e1;
    color: #96918f;    
    box-sizing: border-box;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
}


.progress_table div.webix_cell, .progress_table .webix_hcell{
    padding-left:15px;
    padding-right:15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.webixappstart {
  opacity: 0;
}

.borda_topo_verde {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #475466;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #DADEE0;
    border-top: 3px solid green;
}

.borda_topo_azul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #475466;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #DADEE0;
    border-top: 3px solid #1CA1C1;
}

.borda_topo_laranja {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #475466;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #DADEE0;
    border-top: 3px solid orange;
}

.webix_badge_dt{background-color:#ff8839;color:#fff;border-radius:50%;font-size:10px;height:14px;min-width:14px;box-sizing:border-box;text-align:center;line-height:14px;position:absolute;right:0;}


.webixapp {
  transition: opacity 500ms;
  opacity: 1;
}

.movies .webix_dataview_item, .movies .webix_dataview_item.webix_selected{
  padding: 3px 2px;
  border-color: #fff;
  background-image:none;
  background-color:#fff;
  margin-top: 8px;
}
.movies .webix_dataview_item.webix_selected .overall{
  background-color: rgb(224, 228, 220);
  background: -moz-linear-gradient(top , rgb(204, 207, 201) 0%, rgb(203, 206, 201) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#DBFFB0), color-stop(1, #D0F4A4));
  background: -o-linear-gradient(top, rgb(215, 218, 213) 0% , rgb(224, 226, 221) 100%);
  background: -ms-linear-gradient(top, rgb(196, 199, 193) 0% , rgb(213, 216, 210) 100%);
  background: -moz-linear-gradient(top, rgb(197, 201, 191) 0% , rgb(209, 211, 207) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#3bb4e32e), color-stop(1, #3bb4e380));}

.overall{

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 8px;
  height: 95px;
  padding: 10px;
  color: #303030;
  text-shadow: 0 1px 0 #FFFFFF;
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(1, #CCD7E6));
  background: -o-linear-gradient(top, #ffffff 0% , #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0% , #ffffff 100%);
  background: -moz-linear-gradient(top, #ffffff 0% , #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2,#ffffff), color-stop(1, #f7fafe));
  box-shadow: 0px 1px 1px #21748e;
}

.logo{
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQyN3B4IiBoZWlnaHQ9IjcwcHgiIHZpZXdCb3g9IjAgMCA0MjcgNzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQyNyA3MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+ICA8aW1hZ2UgaWQ9ImltYWdlMCIgd2lkdGg9IjQyNyIgaGVpZ2h0PSI3MCIgeD0iMCIgeT0iMCINCiAgICB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQWFzQUFBQkdDQU1BQUFCRllrdTNBQUFBQkdkQlRVRUFBTEdQQy94aEJRQUFBQ0JqU0ZKTg0KQUFCNkpnQUFnSVFBQVBvQUFBQ0E2QUFBZFRBQUFPcGdBQUE2bUFBQUYzQ2N1bEU4QUFBQTlsQk1WRVgvLy8vZDNQL3U3Zi9NeXY5NA0KY3YrcnAvKzh1Zit6ci8rQWV2L201UC8yOXYrUmpQK2ludi8vdG1ZNkFEcVEyLytxcHYrMmtEb0FBQUJtdHR1MlpnQUFBRHIvLzdabQ0KQUFCbXR2OEFPcERiLy8vLy85dTJaam9BT21iYmtEbzZrTnZidG1ZNkFBQm1rTnRtT21hMi8vL2J0cEJtT2pvQUFHYi8yNUNRT2dBNg0KWnJiYi85dmJrR1ptT2dDUVpqbzZacEMyMjlzQVpyWTZPZ0MyMi8rUU9tYi8yN2FRdHRzQU9qcTJrR2JiMi8rMnR0dmIyOXM2a0xhYQ0KbGY5bWtMYVEyN2FSamY4Nk9tYmJ0clptWmpyRXd2L2IyN2FRdG1hMjI1Q1FrTFk2T2pvQVpwRC8yOXVRdHYrMi85dVF0cEMyMjdiRQ0Kd2YrQWUvK3JWVW5MQUFBQUFXSkxSMFFBaUFVZFNBQUFBQWx3U0ZsekFBQVdKUUFBRmlVQlNWSWs4QUFBQUFkMFNVMUZCK1FEQmhZVw0KTVhZbnZCY0FBQWJXU1VSQlZIamE3VnhwVzlzNEVNNXV3cmJRdW1RVm04dkJpYnVGSkJRb2dRM3QzbVhQZHVrZS9mOS9acVhSTmJKbA0KaDVoUUZIYmVMOFllejZGNXBkSEk4TkJxRVFnRUFvRkFJQkFJQkFMaFUrRXpmUFA1ZlVkRHFFRzdzNFp2MnZjZEQ2RVM3VTdIa3ZVRg0KdnlHeVFvV2dxdE41Skc4ZXdRMlJGU1lrVlkvWDVkMzZZeUlyV0xoVUVWa0JvMGhWcTdYeGhNZ0tFbVdxaUt4QTRhT0t5QW9TZnFxSQ0KckFCUlJSV1JGUndrVloyblBobVJGUlFVVlIzOGZjbUN5QW9JaHFvUXlZcWViVDRJSDh1QnBPcEpkemxrZmNsNlM0MHVUdTQrajh2MQ0Kc2V3TUlDaXFObHBMSVd0cm0rMHNNN3F0N2QyOTIraW5mYmJQaWNnR2QraGpnUXdNOCtRNWYrV3JGNDFNRzZwYWpjbEtEdzRaZzVSdw0KeE02NHMxR3pxQXpHK2FDSm12YWJUbmIzaHM5NjQ5b2lWK3RqOFFEaWF1YWpwSmRPamw3R2pjYUVxYm9KV1Q3WmNjNEFua0tTVG03TA0KVmRTb1BCbS8wVDYvamsrUzJyVmU1NE92a21hSjlSdmpjYVNuN0tqUk1uYW9ha1pXekpKWFovdzY5Q3o5Y1Q2OTVmRGlSbVF2NXJmTw0KUjVhY0w3TkEzZ0lGcXBxUUZiSGRDL2doL2RxT09PM25zTUZtaHIvWklkc1g3MVVWUlM3MzVTU2RURjM5S21VcExQdXRNbnhESDd3Qw0KWm5iVmFmUDY2bGc1TGZoQmprc3liOUFMVXRXQXJNeFpUaEhjRFVWVkhNUk1ZU3E2NGt0WitPSDFtU3hLb2hvb1BhRlJyRVN6VThaZQ0KcTkzQzZPUHN2TW1aS0hGV1dQYnJHQjZlTTdHekwrS0Q3ejFiMjNxTlN2UDJpaTJtRS9Vc1V2bEFqbzBNS3hTQ2JrRFY0bVM1WE1GZA0KeEpLamIwUlI1QTNIdDkrSngrTjhSNzBvMm1PK0IwQWVZek1hcm5ISmI1MGlHdVhmNzgxVVQyWDFMY1luVEE3U0NNdCtIY01aWThXcw0KelBNQk81a3VrY3E4dVRvV1k5YVRwQ29UMkxHUklZVmkwRTJvMG1UOXNPSFI4SkcxdFozOGFOYzNuRlRNY2NWTTAzaktmeFpEVGlkYw0KRmljLzhmYU1SOW5MZEpwR0YySnJ3QXRMRE1hWU12b1dRNWIwK0dnSFNGajJpdzFIb3VRY09GYm0rWkRWVWI1bHpSczN5R0lFZ1F5TQ0KMUhYTW4vY0hya0k1NkFaVWFiTGUzcFFzTWIrdkx2ZlU0RGdIdHZuVDlZQmZ4em5FSkk0eTRxbXFMZW9GaU5mdEdkUEpBRjZIWjFiZg0KSUlMeUo1SmhoR1cvMkxBeWhWTXp6d2ZmWE05K2Z2UEx1ZHhzdEhuakJsbFVQK29NK0J5N0NwNmdhL0JyRlZVTGs5WDZUUnl2WGwxQQ0KTkxJTTdGK3FzY280NHRIdnVkeEgrUXZ3RHVkSzVGa3VnRWdWZWh5MVZJMWxtcXkraGh3MkhHS3RzT1FYRzFiODRjVTd4d2VQVHU5OA0KTzlpOHZpS0xtU210TWdQWXNaVWhCVS9RMVZpcnBrckp2R1J0dlBXZmlmbHBXTFFMcXZnY25FQ0xvK2FZMkZ0MW5lUXZ3SlRMUm4rSQ0KVitVWEE5Z1ErTGFCZWlWWmZTSUd6NUMrU1RPa1BPYmJIaFlXL0RxRzFhNkQrdk41UHFBbHVIcDN4Z3VCdEtmTTY2dTFpQmFIekFCeQ0KakdSWW9SUjBEV3JXenByK2tGdVdWbEVGUWZMQWRHbm5MUnBVaHFtYWF6S1lhTUF6ODU3SmRwQ1o3UXRlbTIyL3poRlhZR2ljL3dsWg0KUi9vS29KTDJSWXZpQ0l0K3JXSDFIUWtmdk9iNEVBdmlXaVdaNFdHcEs3Sm9XMFZwMUhVOE5VRWpoVkxRamNneVZKV2xOVlR4MEtCZA0KMEgyVW1GOHlvNU1kRmE0NExFZVNJM0VkeUh3a0g0UjRtSS8rd3BXYnE2ZkgrZTVML2l4N2p2U1I5WU9UNUcvdHhBcUxmclZobVNpWQ0KR3pmMlllYU8zY2gwMThLdnlLS2FBZVBEVFprQjdOaktrSUluNkNaa1NhcTZQbWtkVlFjd0hOblg4WVhQRi9ZT2pIWjJNbnJCVzhYTg0KMW5VZnpsbXE5bTl0eTVNVmoveURhT0ZGR1lqUnR4ZDRKallqMGRZamZaTTgrS1lsSmpFU2x2MWF3NUFpTGtWSnFmZkJ5NVR0M3pQRw0KMnpwdFhsMlJSYjU3YXVWTWNtVWRXNW1qVUFxNkFWbUtLcCswbXFyck4rZXdYVUdrRUNpYytLRGdReE1QRy9RUkpObnpMU3pLb1hpUA0KY1JFODFzLzJIWDJOUHRSN21NUmE2UEdMRFh0T1Y3VSt0azZRdjdRLytrZVp0MjZjMHhVbzcrblppaDFqV1ZFQkJiMHdXWXFPcmsvcQ0KcDBvNlUyMGdQenZ1aUR5eTkzTGpqSEs1YllxZFpXNjNVNE1xZmVnd2pMRHMxOEZ4WGh2RDNCaTFlZXZHV2t4UGVSZHlaakxnR2pZeQ0KckZBT2VrR3lNRlZGYWNXcUVwRWtWKy91NS9ObXN3KzdueGhpbFIvZDNveWZqcTVQV3JkWDNSZVcrenZDdThQdGZ6TUU4TkRSOVVtRA0Kb21wOEpRdEp0TVJmTGQwWk10N25MR2xPL1Z1a280dWxtcXlncUJJN3M2ajFCL2txbE1EWklXdjR1OFV5Mmk0ZFhWZXF5QXFMS3RpUg0KUmZ1MDFML3NXQVcwTVIzZG9yUnJUOGJoVUNWbjY1d3ZNdzhTNk04RHUyVnBOMFNxL3I5bzExRFZhajBscWtKQ3U0YXE5WTlFVlZEUQ0KRFVaWlFsUUZoeXF5aUtvQTRTZUxxQW9TUHJLSXFrQlJKb3VvQ2hhS0xQdnZMWWlxY0NISitxai9iUXhSRlRJd1dVUlY0TEJrRVZYQg0KUTVORlZLMEFGRmxFMVNvQWZYVW5xa0pIbTZoYUhiU0pxdFZCbTZoYUhiU0pxdFZCbTZnaUVBZ0VBb0ZBZUVqNEQ0bWhKd1gyWXZDcw0KQUFBQUpYUkZXSFJrWVhSbE9tTnlaV0YwWlFBeU1ESXdMVEF6TFRBMlZESXlPakl5T2pRNUt6QXpPakF3SXBkMVlnQUFBQ1YwUlZoMA0KWkdGMFpUcHRiMlJwWm5rQU1qQXlNQzB3TXkwd05sUXlNam95TWpvME9Tc3dNem93TUZQS3pkNEFBQUFBU1VWT1JLNUNZSUk9IiAvPg0KPC9zdmc+DQo=) 2px 2px no-repeat;
    height: 50px!important;
}

.Ativo .webix_timeline_value{
    color:#55CD97;
}
.Inativo .webix_timeline_value{
    color:#FF5C4C;
}

.Bloqueado .webix_timeline_value{
    color:orange;
}

.vermelho {
    color: red !important;
}

.preto {
    color: black !important;
}

.cinza {
      color: #b6b2ae !important;
  }

.laranja {
    color: #ff8839 !important;
}

.verde {
    color: green !important;
}

.roxo {
    color: #494F80 !important;
}

.branco {
  color: white !important;
}

.blueviolet {
    color: blueviolet !important;
}

.webix_icon.green {
    color: #55CD97;
}


.fundo_enviado_assinatura {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #5166bd;
}

.fundo_roxo {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #494F80;
}

.fundo_laranja {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: orange;
}

.fundo_cinza {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #b6b2ae;
}

.fundo_laranja {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #ff8839;
}

.fundo_verde {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: darkgreen;
}
.fundo_vermelho {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: red;
}

.fundo_azul_violeta{
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: blueviolet;
}

.fundo_verde_light{
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: lightseagreen;
}

.fundo_cornflowerblue{
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: cornflowerblue;
}

.fundo_darkviolet{
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: darkviolet;
}

.fundo_puxado_azul {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: rgb(69, 154, 238);
}

.fundo_azul {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: rgb(59, 83, 238);
}


.cor_azul_escuro{
    color: midnightblue;
}

.cor_azul_violeta{
    color: blueviolet;
}

.cor_cinza{
    color: Grey;
}

.cor_cinza_claro{
    color:#e2e8eae9;
}

.cor_cinza_claro2{
    color:#eb9b5b9c;
}

.cor_verde{
    color: green;
}

.cor_vermelho{
    color: red;
}

.cor_azul {
    color: blue;
}

.cor_laranja {
    color: orange!important;
}

.status_ativo {
  color: green;
}

.status_bloqueado {
  color: rgb(255, 154, 21);
}

.status_inativo {
  color: red;
}

.status_galeria_pendente {
    color: green;
}

.status_galeria_vencido {
    color: rgb(255, 154, 21);
}

.status_galeria_renovado {
    color: midnightblue;
}

.status_galeria_cancelado {
    color: red;
}

.status_galeria_concluído {
    color: blue;
}

.status_galeria_item_aprovado {
    color: green;
}

.status_galeria_item_EmAnálise {
    color: rgb(255, 154, 21);
}

.status_galeria_item_cancelado {
    color: red;
}

.status_galeria_item_reprovado {
    color: red;
}

.status_equipamento_ativo {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:4px 8px;
    border-radius: 12px;
    background: green;
}

.status_equipamento_inativo {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:4px 8px;
    border-radius: 12px;
    background: red;
}

.status_equipamento_endossado {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:4px 8px;
    border-radius: 12px;
    background: #938d88;
}

.status_lancamento_cancelado {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: red;
}

.status_lancamento_inadimplente {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #938d88;
}

.status_lancamento_acordado {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #938d88;
}

.status_lancamento_aberto {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: green;
}

.status_lancamento_bloqueado {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #936709;
}

.status_lancamento_atraso {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #7f1b93;
}

.status_lancamento_compensado {
       font-size:12px;
       font-weight:500;
       color:#ffffff;
       padding:2px 6px;
       border-radius: 0px;
       background: #1b6693;
   }

.status_lancamento_parcelas {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: rgba(153, 162, 168, 0.95);
}

.assist24h_ativo {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: green;
}

.assist24h_inativo {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: red;
}

.assist24h_advertencia {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: orange;
}

.status_os_inativo {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: red;
}

.status_os_espera {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #98d299;
}

.status_os_execucao {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #178b30;
}

.status_os_finalizado {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: #6872c3;
}

.status_os_cancelado {
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    padding:2px 6px;
    border-radius: 0px;
    background: red;
}

.bg_wheat {
    background-color: wheat;
}

/*data loading status*/
.status_good,
.status_error,
.status_saving {
  text-align: center;
  margin-left: -12px;
}
.status_error {
  color: red;
}
.status_good {
  color: green;
}

.ocorrencia_padrao {

    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    background-color: #d3e1f6;
    color: #0d387c;
}
.ocorrencia_livre {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    background-color: #f4e4e4;
    color: #ea1010;

}

.ocorrencia_terceiro {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    background-color: #f4d2d2;
    color: #c81313;
}

.ocorrencia_localizador_bloqueador {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    color: #4e0be3;
    background: #cbbcea;
}

.ocorrencia_adesao {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    color: #008000;
    background: #c8fbc8;
}

.ocorrencia_assist24h{
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    background-color: #fcebd4;
    color: #e18000;
}

.ocorrencia_entrada_estoque{
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    background-color: #fcebd4;
    color: #d41219;
}

/* ---------------------------------------------------------------------------------------------------------------------------- */


/*
.webix_hcell input[type=checkbox],.webix_table_checkbox {
    margin: 10px 2px 6px;
    vertical-align: middle
}*/