:root {
  --gray: #bcbcbc;
  --danger: #dc3545;
  --lightsea: LightSeaGreen;
}

/* centralizar icones em sua propria div */
.tficonclass.z-div i {
    /* background-color: grey !important; */
    display:flex;
    align-itens:center;
    justify-content:center;
}

/* ---- fim do ajuste de centralizar icones ---- */

/* ---- inicio ajustes SMART-COMPONENTS ---- */

/* componente de scroll */
/* SCROLLBAR VERTICAL - list box */
smart-scroll-bar[aria-orientation="vertical"] {
    width: 8px !important;
    min-width: 8px !important;
    position: absolute !important;
    right: 2px !important;
    top: 0 !important;
    /* Reduz 8px da altura total para não encostar na barra horizontal */
    height: calc(100% - 0px) !important;
    z-index: 999 !important;
}
smart-scroll-bar[aria-orientation="vertical"] .smart-container {
    width: 8px !important;
    height: 100% !important;
}
smart-scroll-bar[aria-orientation="vertical"] .smart-track {
    width: 8px !important;
    height: 100% !important;
    border-radius: 10px !important;
    background: #ececec !important;
}
smart-scroll-bar[aria-orientation="vertical"] .smart-thumb {
    width: 8px !important;
    left: 0 !important;
    border-radius: 10px !important;
    background-color: #8b8b8b !important;
}
smart-scroll-bar[aria-orientation="vertical"] .smart-scroll-button {
    display: none !important;
}

/* SCROLLBAR HORIZONTAL - list box */
smart-scroll-bar[aria-orientation="horizontal"] {
    height: 8px !important;
    min-height: 8px !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 0 !important;
    /* Reduz largura total para não encostar na barra vertical */
    width: calc(100% - 14px) !important;
    z-index: 999 !important;
}
smart-scroll-bar[aria-orientation="horizontal"] .smart-container {
    height: 8px !important;
    width: 100% !important;
}
smart-scroll-bar[aria-orientation="horizontal"] .smart-track {
    height: 8px !important;
    width: 100% !important;
    border-radius: 10px !important;
    background: #ececec !important;
}
smart-scroll-bar[aria-orientation="horizontal"] .smart-thumb {
    height: 8px !important;
    top: 0 !important;
    border-radius: 10px !important;
    background-color: #8b8b8b !important;
}
smart-scroll-bar[aria-orientation="horizontal"] .smart-scroll-button {
    display: none !important;
}

/* remove um elemento que é gerado e esbarra na barra vertical */
.smart-list-box smart-scroll-bar:after {
    width: 0%;
}


/* componente TFComboEx*/
:root{
  --smart-editor-addon-width:40px !important;
  --smart-primary-rgb:32,178,170;
}

/* Borda arredondada direta no smart-combo-box */
smart-combo-box,
smart-combo-box .smart-container,
smart-combo-box .smart-buttons-container {
    border-radius: 19px !important;
}

/* Botão dropdown — só o lado direito arredondado */
smart-combo-box .smart-drop-down-button {
    border-radius: 0 19px 19px 0 !important;
}

smart-combo-box .smart-action-button{
    border-radius: 19px 0 0 19px !important;
}

/* checkbox (visibel somente quando listbox aberto) */
smart-combo-box[opened] + .z-comboex-mark-all {
    display: inline-block !important;
    margin-left: -65px !important;
}

/* listbox, caixa de grupo */
.smart-list-items-group-label {
    cursor : pointer !important;
}

/* listbox, itens selecionados */
.smart-list-items-container .smart-overlay {
   border-radius:4px !important;
}

.smart-list-item-container{
    --smart-ui-state-color-selected: var(--lightsea);
   border-radius:4px !important;
}

/* caixa principal [hover], com listbox fechada */
smart-combo-box .smart-action-button{
  --smart-background:#f2f2f2;
  padding-left:6px !important;
}

smart-combo-box:not([opened]) .smart-action-button[hover]{
  background-color:#f2f2f2 !important;
  border-box:5px !important;
  border-left-color:#A8A8A8 !important;
  border-top-color:#A8A8A8 !important;
  border-bottom-color:#A8A8A8 !important;
}

/* caixa principal, com listbox aberta */
.smart-combo-box[opened] .smart-action-button{
  background-color:#f2f2f2 !important;
  border-left-color:var(--lightsea) !important;
  border-top-color:var(--lightsea) !important;
  border-bottom-color:var(--lightsea) !important;
  color:var(--smart-primary) !important;
}

/* botão X dos itens selecionados */
.smart-drop-down-list-unselect-button{
 color:#ff000091;
}

.smart-drop-down-list-unselect-button:hover{
 color:#F44336;
 font-size:17px;
}

/* tokens de itens selecionados */
.smart-token{
    font-size:16px !important;
}

/* selecionar que é gerado quando não tem nenhum item */
.smart-combo-box .smart-action-button input.smart-input{
    font-size:16px !important;
    margin:0px !important;
    padding:0px !important;
    cursor:pointer;
}
/* com lista aberta, selecionar que é gerado quando não tem nenhum item */
.smart-combo-box[opened] .smart-action-button input.smart-input{
    font-size:16px !important;
    color:var(--lightsea) !important;
}

/* botão dropdow */
.smart-drop-down-button{
    --smart-ui-state-hover:white;
    --smart-surface:white;
}

/* botão dropdow [hover], listbox fechado */
.smart-drop-down-box[hover]:not([opened]) .smart-drop-down-button[hover]
{
    background-color:#ffffff !important;
    border-box:5px !important;
    border-right-color:var(--smart-primary) !important;
    border-top-color:var(--smart-primary) !important;
    border-bottom-color:var(--smart-primary) !important;
}


/* definição do icone [seta] do botão dropdown */
.smart-drop-down-box .smart-drop-down-button .smart-drop-down-button-icon:after {
    font-family: "Font Awesome 5 Pro";
    font-size:40px;
    font-weight: 900;
    content: "\f0d7";
    font-size: var(--smart-arrow-size);
}

/* icone font */
.smart-drop-down-button-icon{
    font-size:19px;
}


/* ---- fim ajustes smart componente ---- */

html, body {
    overflow-y: hidden;
}

.z-flex-item {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
}
.z-flex-column {
    flex-direction: column;
}
.z-flex {
    display: flex;
}

.hbbuttonleftradius {
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;    
    border-style: solid;
    border-color: silver;
    border-width: 1px;        
}

.hbbuttoncenterradius {  
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;        
    border-style: solid;
    border-color: silver;
    border-width: 1px;        
}

.hbbuttonrightradius {
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-color: silver;
    border-width: 1px;           
}

.hbbuttonleftrightradius {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;    
    border-style: none;
    border-width: 0px;                
    border-right-width: 1px;    
    border-top-width: 1px;    
    border-bottom-width: 1px;    
    border-left-width: 1px;    
}

/* RECEP??O */
.hboxbtnvoltar {
    border-color: silver;
}

.hboxbtnvoltar:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxagendahojeatrasado,
.hboxagendahojenohorario, 
.hboxagendaentrouhoje, 
.hboxagendaamanha {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxagendaontem:hover,
.hboxagendahojeatrasado:hover,
.hboxagendahojenohorario:hover,
.hboxagendaentrouhoje:hover,
.hboxagendaamanha:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hboxadicionarrec:hover,
.hboxlimparrec:hover,
.hboxabriros:hover, 
.hboxabrirorcamento:hover, 
.hboxselseguradora:hover, 
.hboxveiculo:hover,
.hboxconcessionariavend:hover, 
.hboxselccustocortesia:hover,
.hboxosatual:hover,
.hboxosagrupada:hover,
.hboxselmotorista:hover{
    color: black !important;
    background-color: rgb(212,212,212) !important;
    border-color: #adadad;   
}

.hboxabriros:hover ~ .lblordemservico { 
    color: black !important;
}


.hboxnomecliente, 
.hboxcelularclientesalvo, 
.hboxresidenciaclientesalvo, 
.hboxtrabalhoclientesalvo, 
.hboxemailclientesalvo2,
.hboxcelularclienteedicao,
.hboxresidenciaclienteedicao,
.hboxtrabalhoclienteedicao,
.hboxemailclienteedicao, 
.hboxseguradora{    
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #d9d9d9;        
}

.vboxabriros{     
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.hboxsalvar{
   background-color: rgb(0,104,212) !important; 
}

.hboxapagarcelularcliente:hover{
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxapagarresidencialcliente:hover{
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxapagartrabalhocliente:hover{
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxtopotela{
    background-color: rgb(0,104,212) !important;
}

.imagecaradd{
    opacity: 0.6;
}


.imgnovaos{
    opacity: 0.6;
}

/* WhatsApp */
.vboxcaixawhatsapp {        
    background-color: #00A65A !important;       
    border-radius:5px;    
}

.vboxcompwhatsapp {
    background-color: white !important;
    /*border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;*/
}

.hboxbasecompwhatsapp {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
/*------------*/

/* Agenda*/
.vboxcaixaagenda {        
    background-color: #4285F4 !important;       
    border-radius:5px;    
}

.vboxcompagenda {
    background-color: white !important;
    /*border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;*/
}

.hboxbasecompagenda {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
/*------------*/

/* CENTRAL */
.vboxcompcenter {
    background-color: white !important;
/*    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);*/
    min-height: 85px !important;
}
.hboxbaseaguardaservico {
    margin-top: -5px;
}
.hboxbaseemservico {
    margin-top: -5px;
}
.hboxbaseparado {
    margin-top: -5px;
}
.hboxbasequalidade {
    margin-top: -5px;
}
.hboxbaseliberacao {
    margin-top: -5px;
}
.hboxbaselavagem {
    margin-top: -5px;
}
.hboxbaseentrega {
    margin-top: -5px;
}
.hboxbaseaguardafaturamento{
    margin-top: -5px;
}
.hboxbasepagou {
    margin-top: -5px;
}

/* OFICINA */
.vboximagestrech {
    background-size: cover !important;   
    -webkit-background-size: cover !important; /* For WebKit*/
    -moz-background-size: cover !important;    /* Mozilla*/
    -o-background-size: cover !important;      /* Opera*/
    background-size: cover !important;         /* Generic*/    
}

.vboxmaintodos {
    background: url(/images/crmservice430087.png) center no-repeat;
}

.vboxmainaguardaprodutivo {
    /*background: url(/images/crmservice4600127.png) center no-repeat;*/
    background: url(/images/crmservice4600275.png) center no-repeat;
}
.vboxmainemservico {
    /*background: url(/images/crmservice4300105.png) center no-repeat;*/
    background: url(/images/crmservice4600276.png) center no-repeat;
}

.vboxmainparado {
    /*background: url(/images/crmservice4600128.png) center no-repeat;*/
    background: url(/images/crmservice4600277.png) center no-repeat;
}

.vboxmainqualidade {
    background: url(/images/crmservice4600129.png) center no-repeat;
}

.vboxmainliberacao {
    /*background: url(/images/crmservice4600130.png) center no-repeat;*/
    background: url(/images/crmservice4600278.png) center no-repeat;
}

.vboxaguardafaturamento {
    background: url(/images/crmservice4600133.png) center no-repeat;
}


.hboficinaprodutivos,
.hboficinacliente, 
.hboficinagarantia, 
.hboficinainterno,
.hboficinadiversas {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboficinaprodutivos:hover,
.hboficinacliente:hover,
.hboficinagarantia:hover,
.hboficinainterno:hover,
.hboficinadiversas:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/* Menu */

.tfaccordionmenu, .z-tree {
    background: inherit !important;
}

.tfaccordionmenuitem-cell.z-treecell>.z-treecell-content>.z-treecell-text  {
    font-size: 11pt !important;
}

.tfaccordionmenu .z-treerow .z-treecell {
    border-top: none;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    border-radius:.4em;
}

.tfaccordionmenu .z-treerow .z-treecell:hover {
    background-color: rgba(238,238,238,.13);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
}

.tfaccordionmenu .z-treerow.z-treerow-selected>.z-treecell {
    background-color: #4581B3;    
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;
}

.pnlwest {
   background-color: #002c6c; 
   opacity: 0.8;
}

.tfaccordionmenu .z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell {
    background-color: #4581B3;    
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;    
}

.tfaccordionmenu .z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell:hover {
    background-color: #4581B3;    
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;    
}

.tfaccordionmenu .z-treerow.z-treerow-selected>.z-treecell:hover {
    background-color: #4581B3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;
}

/*
.tfaccordionmenuitem .z-treecol-content, .z-treecell-content, .z-treefooter-content {
    color: #ffffff !important;
}
*/

/* PAINEL - RECEPCAO */

.vboxagendaontem {
    background: url(/images/crmservice7000241.png) center no-repeat;
}

.vboxagendahojeatrasado {
    background: url(/images/crmservice7000242.png) center no-repeat;
}

.vboxagendanohorario {
    background: url(/images/crmservice7000243.png) center no-repeat;
}

.vboxagendaentrouhoje {
    background: url(/images/crmservice7000238.png) center no-repeat;
}

.vboxclientediscorda {
    background: url(/images/crmservice4600143.png) center no-repeat;
}

.vboxleadzapaprovouorca {
    background: url(/images/crmservice7000232.png) center no-repeat;
}

.vboxleadzapnaoaprovou {
    background: url(/images/crmservice4600142.png) center no-repeat;
}

.vboxleadzappagoufatura {
    background: url(/images/crmservice7000234.png) center no-repeat;
}

.vboxagendaamanha {
    background: url(/images/crmservice7000244.png) center no-repeat;
}

.vboxaguardaconfirmacao {
    background: url(/images/crmservice440021.png) center no-repeat;
}

.vboxclienterespondeu {
    background: url(/images/crmservice430097.png) center no-repeat;
}

.vboxagendaatrasados {
    background: url(/images/crmservice7000237.png) center no-repeat;
}

.vboxagendaperiodo {
    background: url(/images/crmservice7000244.png) center no-repeat;
}

.vboxborderpainel {
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);   
}

.vboxbadgeainterno {
   text-align: left;
   margin-left: auto; 
   margin-right: auto;   
}

.imageleadzap {
    background: url(/images/crmservice7000240.png) center no-repeat;
}

.hbtodos,
.hbconfirmados,
.hbconfirmar {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbtodos:hover,
.hbconfirmados:hover,
.hbconfirmar:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/* PAINEL -> FLUXO OFICINA */

.badgepainel {
/*    position:absolute;
    top: -84px;    */
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;   
    min-width: 36px;
}

.vboxbadgeentregaliberada {
    background-color: #00A65A !important;
    position:absolute;
    left: 97px;        
}

.vboxbadgeaguardafaturar {
    background-color: #00A65A !important;
/*    left: 112px;    */
}

.vboxbadgeaguardaservico {
    background-color: #00A65A !important;
/*    position:absolute;
    left: 110px;    */
}

.vboxbadgeemservico {
    background-color: #00A65A !important;
    position:absolute;
/*    left: 80px;       
    top: -89px !important;*/
}

.vboxbadgeparadomotivo {
    background-color: #00A65A !important;
/*    position:absolute;
    left: 115px;        */
}

.vboxbadgeaguardaqualidade {
    background-color: #00A65A !important;
/*    position:absolute;
    left: 110px;        */
}

.vboxbadgeaguardaliberacao {
    background-color: #00A65A !important;
/*    position:absolute;
    left: 112px;        */
}

.vboxbadgetestando {
    background-color: #00A65A !important;
/*    position:absolute;
    left: 107px;    */
}

.vboxbadgecompendencias {
    background-color: #00A65A !important;
/*    left: 112px;    */
}

.hbfluxooficomaprodutivos,
.hbfluxooficinacliente, 
.hbfluxooficinagarantia, 
.hbfluxooficinaretorno,
.hboxcheckprometidohoje {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbfluxooficomaprodutivos:hover,
.hbfluxooficinacliente:hover,
.hbfluxooficinagarantia:hover,
.hbfluxooficinaretorno:hover,
.hboxcheckprometidohoje:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/* CSS make*/
.speech-bubble {
    position:relative;
    background:#fffcdc;
    border-radius:.4em;
    border:1px solid #e5e5e5;
} 
.speech-bubble:after {
    content: '';
    position: absolute;
    left: -6px;
    top: 20px;
    width: 12px;
    height: 12px;
    background-color: #fffcdc;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 6;
    transform: rotate(45deg);    
}

.timelineBar {
    position: absolute;
    left: 28px;
    top: 0px;
    bottom: 30px;
    width: 2px;
    background-color: #e5e5e5;
}

.timelineBarPontilhado {
    position: absolute;
    left: 28px;
    top: 0px;
    width: 2px;
    bottom: -130px;
    background-size: 2px 14px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOCAYAAAAFdM1fAAAAAXNSR0IArs4c6QAAABxJREFUCB1jYCAMGO/evfsfpIwJppYYBkwtPhoAPO8DonoGqJ0AAAAASUVORK5CYII=");
}

.hboxempromocao, .hboxsempromocao{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxempromocao, hboxsempromocao:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

/* AGENDAMENTO */

.vboxagendamentotodas {
    background: url(/images/crmservice43001.png) center no-repeat;
}

.vboxagendamentonaocomp {
    background: url(/images/crmservice43002.png) center no-repeat;
}

.vboxagendclienterespondeu {
    background: url(/images/crmservice430097.png) center no-repeat;    
}

.vboxagendamentoclienterecusou {
    background: url(/images/crmservice4600138.png) center no-repeat;
}

.vboxclienteagendou {
    background: url(/images/crmservice4600137.png) center no-repeat;
}

.vboxagendamentopediuligar {
    background: url(/images/crmservice4600141.png) center no-repeat;
}

.vboxclientenaorespondeu {
    background: url(/images/crmservice4600144.png) center no-repeat;
}

/*AGENDA PREMIUM*/
.vboxagendapremiumtodos{
    background: url(/images/crmservice430042.png) center no-repeat;
}

.vboxagendapremiumconfirmado{
    background: url(/images/crmservice4600198.png) center no-repeat;
}

.vboxagendapremiumaconfirmar{
    background: url(/images/crmservice4600197.png) center no-repeat;
}

.vboxagendapremiumentregue{
    background: url(/images/crmservice4600204.png) center no-repeat;
}

.vboxagendapremiumnaocompareceu{
    background: url(/images/crmservice44307.png) center no-repeat;
}

.vboxagendapremiumterceiro{
    background: url(/images/crmservice310049.png) center no-repeat;
}

.vboxagendapremiumaguardaprodutivo{
    background: url(/images/crmservice4600199.png) center no-repeat;
}

.vboxagendapremiumemservico{
    background: url(/images/crmservice4600200.png) center no-repeat;
}

.vboxagendapremiumparado{
    background: url(/images/crmservice4600201.png) center no-repeat;
}

.vboxagendapremiumfinalizado{
    background: url(/images/crmservice4600202.png) center no-repeat;
}

.vboxagendapremiumtestando{
    background: url(/images/crmservice4600203.png) center no-repeat;
}

.vboxagendapremiumliberado{
    background: url(/images/crmservice4600204.png) center no-repeat;
}

.vboxagendapremiumfaturado{
    background: url(/images/crmservice4600196.png) center no-repeat;
}

/*CONSULTA OS*/
.vboxconsultaoschecklist{
    background: url(/images/crmservice4300110.png) center no-repeat;
}

.vboxoficina{
    background: url(/images/crmservice4600237.png) center no-repeat;
}

.vboxrequisicao{
    background: url(/images/crmservice430040.png) center no-repeat;
}

.vboxenviaremail{
    background: url(/images/crmservice4300101.png) center no-repeat;
}

.vboxpesquisasatisfacao{
    background: url(/images/crmservice4600359.png) center no-repeat;
}

.vboximprimir{
    background: url(/images/crmservice4300100.png) center no-repeat;
}

.vboxrelacionados{
    background: url(/images/crmservice430098.png) center no-repeat;
}

.vboxmensagem{
    background: url(/images/crmservice430099.png) center no-repeat;
}
.vboxmensagemred{
    background: url(/images/crmservice440022.png) center no-repeat;
}
.vboxacoes{
    background: url(/images/crmservice4600388.png) center no-repeat;
}
.vboxatualizaros{
    background: url(/images/crmservice4600174.png) center no-repeat;
}
.vboxosadicional{
    background: url(/images/crmservice4600371.png) center no-repeat;
}
/*FIM CONSULTA OS*/


.vboxconfirmado:hover, 
.vboxaconfirmar:hover,
.vboxterceiro:hover,
.vboxaguarda:hover,
.vboxemservico:hover,
.vboxparado:hover,
.vboxfinalizado:hover, 
.vboxtestando:hover, 
.vboxliberado:hover, 
.vboxtodos:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}


/*Evento Agendamento */

.vboxreclamacao {
    position:absolute;
    left: 52px;    
    top: -70px;
}


.e-appointment.e-lib.e-draggable {        
    /*height: -webkit-calc(100% - 100px) !important; */
}
span.e-btn-icon.e-icon-add.e-icons.e-icon-left { 
    /*display: none; */
} 

.e-block-appointment {
    /*margin-top: 1px !important;
    height:59px !important;    
    filter: alpha(opacity=0);-moz-opacity: 0.0;opacity: 0.0 !important; */
}

.hbox5min{
    background: url(/images/crmservice4600266.png) center no-repeat;        
}

.hbox10min{
    background: url(/images/crmservice4600267.png) center no-repeat;        
}

.hbox15min{
    background: url(/images/crmservice430063.png) center no-repeat;        
}

.hbox30min{
    background: url(/images/crmservice430065.png) center no-repeat;    
}

.hbox60min{
    background: url(/images/crmservice430066.png) center no-repeat;    
}

.hbox15min:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbox30min:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbox60min:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

/*Checklist*/
.hbchecklistgrupo,
.hbpertencegrupo,
.hboxvermelho,
.hboxamarelo,
.hboxverde,
.hbtodossemaforo,
.hbchecklistnormal,
.hbchecklistimagem,
.hbchecklistassinatura,
.hboxopcoesi
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxopcoesidisable{
    border-color: rgba(192,192,192,0.5);
    color: rgba(0,0,0,0.5);
}

.hbchecklistgrupo:hover,
.hbpertencegrupo:hover,
.hboxvermelho:hover,
.hboxamarelo:hover,
.hboxverde:hover,
.hbtodossemaforo:hover,
.hbchecklistnormal:hover,
.hbchecklistimagem:hover,
.hbchecklistassinatura:hover,
.hboxopcoesi:hover
{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.vboxclosefotos {
    position:absolute;
    left: 110px;    
    top: -155px;
}


.hbpertencegrupo:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.vboxsegunda:hover, 
.vboxterca:hover,
.vboxquarta:hover,
.vboxquinta:hover,
.vboxsexta:hover,
.vboxsabado:hover,
.vboxdomingo:hover, 
.hboxmanha:hover,
.hboxtarde:hover, 
.hboxdiatodo:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.grpchecklist-header {
    background-color: #f3f2f2 !important;
}

.fhboxiconwhatsapp {
    
}

.ftabsheetstylegroupbox {
    background-color: #ffffff !important;   
    border: 1px solid #d9d9d9;
    border-radius: 4px !important;
    width: 100%;
}

.ftabsheetstylegroupbox .z-tab-content .z-tab-text .z-tab-image {
    width: 20px;
    height: 20px;
}

.hbfaturaostodas,
.hbfaturaosprodutiva,
.hbfaturaoscliente, 
.hbfaturaosgarantia, 
.hbfaturaosdiversos {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbfaturaostodas:hover,
.hbfaturaosprodutiva:hover,
.hbfaturaoscliente:hover,
.hbfaturaosgarantia:hover,
.hbfaturaosdiversos:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/*CONSULTA OS - FATURAR*/
.vboxmainfaturaosliberado{
    background: url(/images/crmservice4300118.png) center no-repeat;
}

.vboxmainfaturaosenvlink{
    background: url(/images/crmservice4300120.png) center no-repeat;
}

.vboxmainfaturaosnaolido{
    background: url(/images/crmservice4300121.png) center no-repeat;
}

.vboxmainfaturaoslidos{
    background: url(/images/crmservice4300122.png) center no-repeat;
}

.vboxmainfaturaosdiscordou{
    background: url(/images/crmservice4300123.png) center no-repeat;
}

.vboxmainfaturaospagou{
    background: url(/images/crmservice4300119.png) center no-repeat;
}

/*.vboxmainfaturaospresencial{ */
.vboxiconfaturaospresencial{
    background: url(/images/crmservice4600293.png) center no-repeat;
}

/*.vboxmainfaturaoscompend{*/
.vboxiconfaturaoscompend{
    background: url(/images/crmservice7000119.png) center no-repeat;
}

/*.vboxmainfaturaossempend{*/
.vboxiconfaturaossempend{
    background: url(/images/crmservice7000118.png) center no-repeat;
}
/*FIM CONSULTA OS - FATURAR*/

/*ChecklistOs Consulta OS*/
.vboximprimirchecklist {
    background: url(/images/crmservice4600125.png) center no-repeat;
}

.vboxenviaremailchecklist {
    background: url(/images/crmservice4600126.png) center no-repeat;    
}

/* CHECKLISTOS ALL */
.hbrecepcaochkall,
.hbofinciachkall,
.hbentregachkall,
.hbpertencechkall
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbrecepcaochkall:hover,
.hbofinciachkall:hover,
.hbentregachkall:hover,
.hbpertencechkall:hover
{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbgeragendaativas,
.hbgeragendaencerrada,
.hbgeragendaall,
.hbgeragendaauto,
.hbgeragendamanual,
.hbgeragendatodos,
.hbgeragendadisparalz
.hbprogestasemana,
.hbprogestemes,
.hbprogmespassado,
.hbprogultimos12meses
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbgeragendaativas:hover,
.hbgeragendaencerrada:hover,
.hbgeragendaall:hover,
.hbgeragendaauto:hover,
.hbgeragendamanual:hover,
.hbgeragendatodos:hover,
.hbgeragendadisparalz:hover,
.hbprogestasemana:hover,
.hbprogestemes:hover,
.hbprogmespassado:hover,
.hbprogultimos12meses:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbanalisecampmensal,
.hbanalisecampdia,
.hboxlbltitagente,
.hboxlbltittiposevento {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbanalisecampmensal:hover,
.hbanalisecampdia:hover,
.hboxlbltitagente:hover,
.hboxlbltittiposevento:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.vboxevrelacionadotodos {
    background: url(/images/crmservice43001.png) center no-repeat;
}

.vboxevrelacionadoperdido {
    background: url(/images/crmservice43002.png) center no-repeat;    
}

.vboxevrelacionadopendente {
    background: url(/images/crmservice7000245.png) center no-repeat;    
}

.vboxevrelacionadopendentef {
    background: url(/images/crmservice4600135.png) center no-repeat;    
}

.vboxevrelacionadosucesso {
    background: url(/images/crmservice4600136.png) center no-repeat;    
}

.hbevrelacionadotodos,
.hbevrelacionadovendas,
.hbevrelacionadoposvendas,
.hbevrelacionadoreclamacao {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbevrelacionadotodos:hover,
.hbevrelacionadovendas:hover,
.hbevrelacionadoposvendas:hover,
.hbevrelacionadoreclamacao:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbagrecultimos30dias,
.hbagrecontem,
.hbagrechoje {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbagrecultimos30dias:hover,
.hbagrecontem:hover,
.hbagrechoje:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbagultimos30dias,
.hbagontem,
.hbaghoje {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbagultimos30dias:hover,
.hbagontem:hover,
.hbaghoje:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbgerdisplzapqtde,
.hbgerdisplzaprespostas,
.hbgerdisplzapmesatual,
.hbgerdisplzapmesanterior,
.hbgerdisplzapultimos12meses {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbgerdisplzapqtde:hover,
.hbgerdisplzaprespostas:hover,
.hbgerdisplzapmesatual:hover,
.hbgerdisplzapmesanterior:hover,
.hbgerdisplzapultimos12meses:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/* AGENDAMENTO ONLINE */

.hbmanhaagend,
.hbtardeagend 
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbmanhaagend:hover,
.hbtardeagend:hover
{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbceponlineaceitarres,
.hbceponlinemanterres,
.hbceponlineaceitarcom,
.hbceponlinemantercom,
.hbceponlineaceitarcob,
.hbceponlinemantercob,
.hbceponlineaceitarie,
.hbceponlinemanterie{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbceponlineaceitarres:hover,
.hbceponlinemanterres:hover,
.hbceponlineaceitarcom:hover,
.hbceponlinemantercom:hover,
.hbceponlineaceitarcob:hover,
.hbceponlinemantercob:hover,
.hbceponlineaceitarie:hover,
.hbceponlinemanterie:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.vboxclirapidologofacebook {
    background: url(/images/crmservice4600159.png) center no-repeat;    
}

.vboxclirapidologotwitter {
    background: url(/images/crmservice4600160.png) center no-repeat;    
}

.vboxclirapidologosite {
    background: url(/images/crmservice4600161.png) center no-repeat;    
}

.hbtipoosfiltrotodos,
.hbtipoosfiltroativo,
.hbtipoosfiltroinativo
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbtipoosfiltrotodos:hover,
.hbtipoosfiltroativo:hover,
.hbtipoosfiltroinativo:hover
{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}


/* Cadastro de Prisma*/
.hbtodosbox,
.hbboxrapido,
.hbboxnormal,
.hbagendapremium,
.hbprisma {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

/* Chip Detalhe*/
.hbtmo {
    position:absolute;
    top: -13px        
}

.hbprodutivosnestserv,
.hbpecasreqestserv{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbprodutivosnestserv:hover,
.hbpecasreqestserv:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.vboxiconsearch,
.vboxiconapagaros,
.vboxiconsearch2,
.vboxmaisfiltros,
.vboxmaisfiltros2,
.vboxmaisfiltros3,
.hboxlblresumofiltros,
.vboxlimparfiltrosservicos,
.vboxmaisfiltrosorc,
.vboxmaisfiltrosoficina,
.vboxiconapagar,
.vboxiconapagar2,
.vboxiconapagar3,
.vboxiconapagar4,
.vboxiconapagar5{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;    
    border-style: solid;
    border-width: 1px;                
    border-right-width: 1px;    
    border-top-width: 1px;    
    border-bottom-width: 1px;    
    border-left-width: 1px;
    border-color: #D3D3D3;
    background-color: #DCDCDC;
}

.hbservicos,
.hbkit {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: #D3D3D3;
}

/*#adadad*/
.hbservicos:hover,
.hbkit:hover {
    color: #333 !important;
    background-color: #DCDCDC !important;
    border-color: #D3D3D3;
}

.hbagendamentotodos,
.hbagendamentoprogramado,
.hbagendamentoavulso
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbagendamentotodos:hover,
.hbagendamentoprogramado:hover,
.hbagendamentoavulso:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.e-resource-cells e-child-node {
    padding-top: 0px !important;    
    padding-bottom: 0px !important;    
}

.hbfichaagentetotaltodos,
.hbfichaagentetotalprog, 
.hbfichaagentetotalcamp, 
.hbfichaagentetotalav {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbfichaagentetotaltodos:hover,
.hbfichaagentetotalprog:hover,
.hbfichaagentetotalcamp:hover,
.hbfichaagentetotalav:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/* Oportunidade de Vendas */
.hboxsimpretvender:hover,
.hboxnaopretvender:hover,
.hBoxsimveicatmarca:hover,
.hBoxnaoveicatmarca:hover,
.hboxsimtrocarmod:hover,
.hboxnaotrocarmod:hover,
.hboxsimavaliacao:hover,
.hboxnaoavaliacao:hover,
.hboxveicnovo:hover,
.hboxveicseminovo:hover{
    color: black !important;
    background-color: rgb(64, 159, 255) !important;
    border-color: #adadad;   
}

.hbcanal,
.hbagentes
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbcanal:hover,
.hbagentes:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbtodos,
.hbprometidohoje,
.hbatrasado
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbtodos:hover,
.hbprometidohoje:hover,
.hbatrasado:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbciclopadnovos,
.hbciclopadusados
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbciclopadnovos:hover,
.hbciclopadusados:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hbdestaos,
.hbosrelacionadas,
.hbosexcluida,
.hboxosterceiros,
.hboxostempos
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbdestaos:hover,
.hbosrelacionadas:hover,
.hbosexcluida:hover,
.hboxosterceiros:hover,
.hboxostempos:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.hborctodos,
.hborccliente,
.hborcgarantia,
.hborcseg
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hborctodos:hover,
.hborccliente:hover,
.hborcgarantia:hover,
.hborcseg:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/*CONSULTA ORC*/
.vboxorcar{
    background: url(/images/crmservice4600237.png) center no-repeat;
}

.vboxorcmarkup{
    background: url(/images/crmservice4600303.png) center no-repeat;
}

.vboxorcexcluir{
    background: url(/images/crmservice4600296.png) center no-repeat;
}

.vboxenviaros{
    background: url(/images/crmservice4600175.png) center no-repeat;
}

.hboxorctodos,
.hboxorcaprovados,
.hboxorcaguardaaprov,
.hboxorcrecusado,
.vboxorcagrupar
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxorctodos:hover,
.hboxorcaprovados:hover,
.hboxorcaguardaaprov:hover,
.hboxorcrecusado:hover
.vboxorcagrupar:hover
{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}    

.hboxpecastodos,
.hboxpecasvalido,
.hboxpecasnaoaprovado
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxpecastodos:hover,
.hboxpecasvalido:hover,
.hboxpecasnaoaprovado:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;    
}

/* ORÇAR */
.vboxnomeorcar{
    background: url(/images/crmservice4600219.png) center no-repeat;
}

.vboxveicorcar{
    background: url(/images/crmservice4600201.png) center no-repeat;
}

.vboxatualizarorcar{
    background: url(/images/crmservice4600174.png) center no-repeat;
}

/* Orçar servicos e kits */
.hboxservicosorcar,
.hboxkitorcar {
    border-left: 0px;
    border-right: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxservicosorcar:hover,
.hboxkitorcar:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/*central de pendencias*/
.hbPendTodos,
.hbPendServicos,
.hbPendPecas
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbPendTodos:hover,
.hbPendServicos:hover,
.hbPendPecas:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

/*Marcador de Combustivel*/

.hboxmarca0,
.hboxmarca1,
.hboxmarca2,
.hboxmarca3,
.hboxmarca4
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;	
	background-color: #e5e5e5;
}

.hboxmarca0:hover,
.hboxmarca1:hover,
.hboxmarca2:hover,
.hboxmarca3:hover,
.hboxmarca4:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.containercenter {
    text-align: center;
    align-items: center;
}

.containerlinedanger {
    background: var(--danger);
}

.containerlinenone {
    background: var(--gray);
}

.containerlinegreen {
    background: var(--lightsea);
}

.containerlinewarning {
    background: #ffc107;
}

.containerlinegreendanger {
    background-image: linear-gradient(to right, var(--lightsea) 70%, var(--danger));
}

.containerlinedangergreen {
    background-image: linear-gradient(to right, var(--danger) 70%, var(--lightsea));
}

.containerlinedangernone {
    background-image: linear-gradient(to right, var(--danger) 70%, var(--gray));
}

.containerlinewarningnone {
    background-image: linear-gradient(to right, #ffc107 70%, var(--gray));
}

.containerlinegreennone {
    background-image: linear-gradient(to right, var(--lightsea) 70%, var(--gray));
}

.containerlinenonegreen {
    background-image: linear-gradient(to right, var(--gray) 70%, var(--lightsea));
}

.containerlinedangerwarning {
    background-image: linear-gradient(to right, var(--danger) 70%, #ffc107);
}

.containerlinenonewarning {
    background-image: linear-gradient(to right, var(--gray) 70%, #ffc107);
}

.containerlinewarningdanger {
    background-image: linear-gradient(to right, #ffc107 70%, var(--danger));
}

.containerlinegreenwarning {
    background-image: linear-gradient(to right, var(--lightsea) 70%, #ffc107);
}

.containerlinewarninggreen {
    background-image: linear-gradient(to right, #ffc107 70%, var(--lightsea));
}

.containerlinenonedanger {
    background-image: linear-gradient(to right, var(--gray) 70%, var(--danger));
}

.circlegreen {
    background: var(--lightsea);
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.circledanger {
    background: var(--danger);
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.circlewarning {
    background: #ffc107;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.circlenone {
    background: var(--gray);
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.hboxtitlegrid,
.hboxtitlegridrec {
    border-bottom: 1px solid #adadad;
}

.hboxfootergrid {
    border-top: 1px solid #adadad;
}

.hboxfootergridrec {
    border-top: 1px solid #adadad;
}

.hboxfootertotalgeral {
    border-top: 1px solid #adadad;
}

.borderradiobuttonsel {
    background: #0CAFAC;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-width: 1px !important;
    border-color: #0CAFAC;
    border-style: solid !important;
}

.borderradiobuttonnotsel {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-width: 1px !important;
    border-color: #D9D9D9;
    border-style: solid !important;
}


.hboxrow {
    border-bottom: 1px solid #adadad;
}


/*Alterar Serviço - Manutenção Oficina - FrmOficinaManutencaoAlterarServA*/

.hboxalterarservtempo,
.hboxalterarservvalor
 {
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;	
	background-color: #e5e5e5;
}

.hboxalterarservtempo:hover,
.hboxalterarservvalor:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.smart-kanban-task {
    grid-row-gap: 0px !important;
}

.smart-kanban-task-cover {
    display: none !important;
}

.smart-scroll-viewer-content-container {
    padding: 0px !important;
}

/*Requisitar Peças*/ 
/*Checklist*/
.hbpecasreq,
.hbkitreq,
.hborcamentoreq,
.hbcampanhareq,
.hbcontratoreq,
.hbestatisticasreq,
.hbreservasreq,
.hbseguradorareq,
.hbcatalogoreq
{
    border-left: 0px;    
    border-right: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hbpecasreq:hover,
.hbkitreq:hover,
.hborcamentoreq:hover,
.hbcampanhareq:hover,
.hbcontratoreq:hover,
.hbestatisticasreq:hover,
.hbreservasreq:hover,
.hbseguradorareq:hover,
.hbcatalogoreq:hover
{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}

.vboxmaisfiltrosred
{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;    
    border-style: solid;
    border-width: 1px;                
    border-right-width: 1px;    
    border-top-width: 1px;    
    border-bottom-width: 1px;    
    border-left-width: 1px;
    border-color: #D3D3D3;
    background-color: #F86749;
}
.vboxselborder {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-style: solid;
    border-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #D3D3D3;
}
.progress-container {
  width: 100%;
  background-color: #dbd5d5;
  height: 20px;
  border-radius: 0px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}

.progress-bar {
  width: calc(var(--percent) * 1%);
  height: 100%;
  background-color: var(--colorbar);
}

.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
}

.imagepromo {
  position: relative! important;
  top: -5px! important;
}

.vboxorcfechamentocliente {
  background-color: #a6e9d5;
}

.vboxorcfechamentogerente {
  background-color: #a6e9d5;
}

.boxMemoExpansivo{
  height: auto! important;
}

.memo-expansivel{
    resize: none;
    overflow: hidden;
    padding-top:4px;
    padding-bottom:4px;
    line-height:25px;
    background-color: #fffcdc;
}

.text-blue {  
  color: blue! important; 
}

.text-red {  
  color: red! important;
}

.text-green {  
  color: green! important;
}

.text-gray {
  color: gray! important;
}

.vboxcolorbutton,
.vboxcolorbutton1,
.vboxcolorbutton2,
.vboxcolorbutton3,
.vboxcolorbutton4{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;    
    border-style: solid;
    border-width: 1px;                
    border-right-width: 1px;    
    border-top-width: 1px;    
    border-bottom-width: 1px;    
    border-left-width: 1px;
    border-color: #0CAFAC;
    background-color: #0CAFAC;
}

.icon-color-green{
    color: #12d109 !important;
}

.icon-color-red{
    color: #FF0000 !important;
}

.icon-color-red{
    color: #FF0000 !important;
}

.icon-color-blue{
    color: #0000FF !important;
}

.icon-color-black{
    color: black !important
}

.icon-24px{
    font-size:24px !important;
    margin-bottom: 2px;
}

.icon-29px-margin{
    font-size:29px !important;
    margin-top: 4px;
    margin-bottom: 4px;
}

.vboximageemservicoprogramacao {
    background: url(/images/crmservice430047.png) center no-repeat;
}

.vboximageatrasadoprogramacao {
    background: url(/images/crmservice4600394.png) center no-repeat;
}

.vboximageparadoprogramacao {
    background: url(/images/crmservice4600256.png) center no-repeat;
}

.vboximagefinalizadoprogramacao {
    background: url(/images/crmservice430049.png) center no-repeat;
}

.vboximagereprogramarprogramacao {
    background: url(/images/crmservice430044.png) center no-repeat;
}

.vboximagetestadoprogramacao {
    background: url(/images/crmservice7000125.png) center no-repeat;
}

.vboximagetestandoprogramacao {
    background: url(/images/crmservice430050.png) center no-repeat;
}

.vboximageretornoprogramacao {
    background: url(/images/crmservice466013.png) center no-repeat;
}

.vboximageliberadoprogramacao {
    background: url(/images/crmservice430051.png) center no-repeat;
}

.vboximagenoshowprogramacao {
    background: url(/images/crmservice4600186.png) center no-repeat;
}

.vboximageemservicogerprodutivo {
    background: url(/images/crmservice430047.png) center no-repeat;
}

.vboximageatrasadogerprodutivo {
    background: url(/images/crmservice4600394.png) center no-repeat;
}

.vboximageparadogerprodutivo {
    background: url(/images/crmservice4600256.png) center no-repeat;
}

.vboximageinativogerprodutivo {
    background: url(/images/crmservice466021.png) center no-repeat;
}

.vboximagesemmotivogerprodutivo {
    background: url(/images/crmservice310053.png) center no-repeat;
}

.vboximagecommotivogerprodutivo {
    background: url(/images/crmservice310055.png) center no-repeat;
}

.vboximagesemservicogerprodutivo {
    background: url(/images/crmservice15404.png) center no-repeat;
}

.vboximageferiasgerprodutivo {
    background: url(/images/crmservice466017.png) center no-repeat;
}

.vboximagecursogerprodutivo {
    background: url(/images/crmservice466018.png) center no-repeat;
}

.vboximageagendadogerprodutivo {
    background: url(/images/crmservice466019.png) center no-repeat;
}

.hboximageforaprometido {
    position: absolute;
    top: -13px;
}

.vboxtotalforaprometido {
    position: absolute;
    left: 40px;
    top: -5px;
}

.vboxforaprometidoalign {
    position: absolute;
    top: -3px;
}

.vboxdisponibilidadeprogalign {
    position: absolute;
    top: -3px;
    left: -5px;
}

.hbox-informativo-yellow{
  box-shadow: 2px 2px 1px #888888;
  background: #FFD58D !important;
  border-style: outset;
  border-width: 1px;
  border-color: #EDEDED;
  padding: 2px;
  margin-left: 4px;
  margin-right: 3px;
  display:block !important;
  word-break:break-word !important;
  height: auto !important;
}

.groupbox-selecionavel:hover .z-groupbox-header {
    filter:brightness(1.05) !important;
  }
  
  .groupbox-como-separador {
    background-color: #ececec !important;
  }

  .groupbox-como-separador .z-caption-label {
    color:#003eff !important;
    font-weight:bold;
  }
  
  .groupbox-como-separador .z-groupbox-content {
    border-color: transparent !important;
  }

  .groupbox-como-separador .z-groupbox-header i {
    color:#003eff !important;
  }

  .notificacao-badge{
    border-radius:10px!important;
    box-sizing:content-box;
    position:absolute !important;
    /* Define o ponto de ancoragem no meio do elemento pai */
    left: 18px;
    transform: translateX(-12%);
    /* transform: translateX(-15%); */
    top:2px;
    padding-left:4px;
    padding-right:4px;
    
    font-size: 12px!important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    /* font-weight: bold; */
      
    /* --- Anima??o de Pulso Brilhante --- */
    animation: pulsoBrilhante 1.2s infinite; /* Aplica a anima??o */

  }

  @keyframes pulsoBrilhante {
      0% {
        box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.7);
      }
    
      70% {
        box-shadow: 0 0 0 8px rgba(255, 71, 87, 0);
      }
    
      100% {
        box-shadow: 0 0 0 0 rgba(255, 71, 87, 0);
      }
    }

 .div-overflow-visible{
    overflow: visible!important;
 }


 .floatButton2{
    background: linear-gradient(140deg, #370000, #000000);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow', sans-serif;
    
}

.whatsapp-count2 {
  position: absolute;
  top: -5px;
  right: 0px;
  background: #fc331c;
  color: white;
  border-radius: 50%;
  min-width: 20px;
  height: 22px;
  padding: 0 6px;
  font-family: 'Barlow';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px!important;
  font-weight: 200!important;
  /* border: 1px solid #ffffff; */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  animation: whatsappPulse 2s infinite;
}

    /* Ajustes para os elementos internos */
.floatButton2 .z-vlayout-inner {
    position: static !important;
}

.floatButton2 .tficonclass {
    display: flex;
    align-items: center;
    justify-content: center;
}


.floatButton{
    background: linear-gradient(140deg, #36e55a, #2db549);
    border-radius: 50%;
    position: fixed;
    bottom: 20px;
    right: 35px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow', sans-serif;
    /* Removido flex-direction: column e gap */
    
    &:hover {
        filter:brightness(1.05) !important;
        /* background: linear-gradient(140deg, #32d052, #188d31); */
        transform: scale(1.08);
        
    }
}

.whatsapp-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #fc331c;
  color: white;
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  font-family: 'Barlow';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 200;
  /* border: 1px solid #ffffff; */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  animation: whatsappPulse 2s infinite;
}

@keyframes whatsappPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.7);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(255, 71, 87, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 71, 87, 0);
  }
}

/* Ajustes para os elementos internos */
.floatButton .z-vlayout-inner {
    position: static !important;
}

.floatButton .tficonclass {
    display: flex;
    align-items: center;
    justify-content: center;
}

.centralizar-coluna {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-item{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.card-item:hover{
    filter:brightness(0.9) !important;
}

.google-popup-container {
    position: absolute;
    background-color: #282c34;
    color: #e8eaed;
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,0.5);
    padding: 1rem;
    width: min(300px, 90vw); /* Adapta à largura da tela */
    max-width: 400px;
    min-width: 250px;
    font-family: 'Roboto', Arial, sans-serif;
    z-index: 9999;
    pointer-events: auto;
    overflow: hidden;
    animation: slideFromLeft 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
    box-sizing: border-box;
}

@keyframes slideFromLeft {
  0% {
    transform: translateX(-1.25rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.google-popup-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0.25rem;
    gap: 0.25rem;
}

.google-popup-action-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    font-size: 1.25rem;
    color: #9aa0a6;
    transition: background-color 0.2s, color 0.2s;
    line-height: 1;
    box-sizing: border-box;
    text-decoration: none;
    flex-shrink: 0;
}

.google-popup-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.google-popup-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.125rem;
    width: 100%;
    gap: 0.5rem;
}

.google-popup-id {
    font-size: 1.25rem;
    font-weight: bold;
    color: #8ab4f8;
    margin-right: 0.5rem;
    flex-shrink: 0;
    white-space: nowrap;
}

.google-popup-title {
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0;
    color: #ffffff;
    line-height: 1.2;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-align: justify;
}

.google-popup-subtitle {
    font-size: 0.8125rem;
    color: #9aa0a6;
    margin-bottom: 1rem;
    display: block;
}

.google-popup-message {
    font-size: 0.875rem;
    color: #e8eaed;
    line-height: 1.6;
    margin-bottom: 1rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 0.25rem;
    border-left: 3px solid #637aef;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    hyphens: auto;
}

.google-popup-row {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    gap: 0.625rem;
}

.google-icon-area {
    width: 1.5rem;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.2125rem;
}

.google-popup-img-icon {
    width: 1.5625rem;
    height: 1.5625rem;
    object-fit: contain;
}

.google-popup-color-marker {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #637aef;
    border-radius: 0.25rem;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.google-popup-title-left {
    display: flex;
    align-items: center;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.js-copy-target {
    cursor: pointer;
    transition: all 0.2s;
}

.js-copy-target:hover {
    opacity: 0.7;
}

.google-text-highlight {
    color: #e8eaed;
    word-break: break-word;
}

.google-copy-toast {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    background-color: #3c4043;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.4);
    opacity: 0;
    transform: translateY(0.625rem);
    transition: all 0.3s ease-out;
    z-index: 10001;
    pointer-events: none;
}

.google-copy-toast.show {
    opacity: 1;
    transform: translateY(0);
}

/* Media Queries para telas pequenas */
@media (max-width: 480px) {
    .google-popup-container {
        width: min(280px, 95vw);
        padding: 0.875rem;
    }

    .google-popup-title {
        font-size: 1rem;
    }

    .google-popup-id {
        font-size: 1.125rem;
    }

    .google-popup-action-btn {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 1.125rem;
    }
}

/* Para telas muito pequenas */
@media (max-width: 320px) {
    .google-popup-container {
        width: 95vw;
        min-width: unset;
    }
}

.hbretornoprog,
.hbaguardaprog,
.hblavagemprog {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*  Controle Oficina */
.container-controle-oficina {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 14px;
}

.card-produtivo-controle-oficina {
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-style: solid !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.card-left-atrasado { border-left: 5px solid #e53935 !important; }
.card-left-trabalhando { border-left: 5px solid #00adef !important; }
.card-left-parado { border-left: 5px solid #4a4d55 !important; }
.card-left-ferias { border-left: 5px solid #ffc107 !important; }
.card-left-ausencia { border-left: 5px solid #ab47bc !important; }
.card-left-curso { border-left: 5px solid #26c6da !important; }

.avatar-controle-oficina {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 20px;
}

.badge-controle-oficina {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge-atrasado {
  background: #e53935;
  animation: pulso-brilhante-atrasado 1.5s infinite;
}

.badge-trabalhando {
  background: #00adef;
  animation: pulso-brilhante-trabalhando 1.5s infinite;
}

.badge-parado {
  background: #4a4d55;
  animation: pulso-brilhante-parado 1.5s infinite;
}

.badge-ferias {
  background: #ffc107;
  animation: pulso-brilhante-ferias 1.5s infinite;
}

.badge-ausencia {
  background: #ab47bc;
  animation: pulso-brilhante-ausencia 1.5s infinite;
}

.badge-curso {
  background: #26c6da;
  animation: pulso-brilhante-curso 1.5s infinite;
}

@keyframes pulso-brilhante-atrasado {
  0%   { box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.7); }
  70%  { box-shadow: 0 0 0 8px rgba(229, 57, 53, 0); }
  100% { box-shadow: 0 0 0 0 rgba(229, 57, 53, 0); }
}

@keyframes pulso-brilhante-trabalhando {
  0%   { box-shadow: 0 0 0 0 rgba(0, 173, 239, 0.7); }
  70%  { box-shadow: 0 0 0 8px rgba(0, 173, 239, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 173, 239, 0); }
}

@keyframes pulso-brilhante-parado {
  0%   { box-shadow: 0 0 0 0 rgba(74, 77, 85, 0.7); }
  70%  { box-shadow: 0 0 0 8px rgba(74, 77, 85, 0); }
  100% { box-shadow: 0 0 0 0 rgba(74, 77, 85, 0); }
}

@keyframes pulso-brilhante-ferias {
  0%   { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7); }
  70%  { box-shadow: 0 0 0 8px rgba(255, 193, 7, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
}

@keyframes pulso-brilhante-ausencia {
  0%   { box-shadow: 0 0 0 0 rgba(171, 71, 188, 0.7); }
  70%  { box-shadow: 0 0 0 8px rgba(171, 71, 188, 0); }
  100% { box-shadow: 0 0 0 0 rgba(171, 71, 188, 0); }
}

@keyframes pulso-brilhante-curso {
  0%   { box-shadow: 0 0 0 0 rgba(38, 198, 218, 0.7); }
  70%  { box-shadow: 0 0 0 8px rgba(38, 198, 218, 0); }
  100% { box-shadow: 0 0 0 0 rgba(38, 198, 218, 0); }
}

.status-tag-controle-oficina {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 2px 7px;
    border-radius: 3px;
    text-transform: uppercase;
}

.tag-atrasado { background: #e53935; }
.tag-trabalhando { background: #00adef; }
.tag-parado { background: #4a4d55; }
.tag-ferias { background: #ffc107; }
.tag-ausencia { background: #ab47bc; }
.tag-curso { background: #26c6da; }

.progress-bar-fill {
    position: relative;
    height: 100%;
    border-radius: 3px;
    transition: width 0.8s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.progress-bar-label {
    position: absolute;
    top: -24px;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-bar-fill span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000;
    position: relative;
    z-index: 1;
}

.progress-bar-wrap {
    position: relative;
    background: #D1D5DB;
    border-radius: 3px;
    overflow: hidden;
}

.progress-bar-fill-atrasado { background: linear-gradient(90deg, #b71c1c, #e53935); color: #fff; }
.progress-bar-fill-trabalhando { background: linear-gradient(90deg, #1b5e20, #1b5e20); color: #fff; }
.progress-bar-fill-finalizando { background: linear-gradient(90deg, #f57f17, #f57f17); color: #fff; }

.vehicle-tag {
    padding: 5px 14px;
    background: #E5E7EB;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.vehicle-tag:hover { background: #898787; }

.ferias-tag {
    padding: 5px 14px;
    background: rgb(255 193 7 / 7%);
    border-top: 1px solid #ffc107;
    border-bottom: 1px solid #ffc107;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.ferias-tag:hover { background: #898787; }

.curso-tag {
    padding: 5px 14px;
    background: rgb(38 198 218 / 20%);
    border-top: 1px solid #26c6da;
    border-bottom: 1px solid #26c6da;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.curso-tag:hover { background: #898787; }

.ausencia-tag {
    padding: 5px 14px;
    background: rgba(171, 71, 188, 0.07);
    border-top: 1px solid #ab47bc;
    border-bottom: 1px solid #ab47bc;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.ausencia-tag:hover { background: #898787; }

.time-box-controle-oficina {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.button-status-controle-oficina {
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-style: solid !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    text-align: center;
    padding-top: 5px;
}

.button-status-controle-oficina:hover {
    background-color: #D1D5DB;
}

.pill-count-controle-oficina {
    border-radius: 50%;
    color: #0a0a0a;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pill-color-todos { border-color: #0a0a0a; }
.pill-color-atrasado { border-color: #e53935; color: #e53935; }
.pill-color-trabalhando { border-color: #00adef; color: #00adef;  }
.pill-color-parado { border-color: #4a4d55; color: #4a4d55; }
.pill-color-ausencia { border-color: #ab47bc; color: #ab47bc; }
.pill-color-ferias { border-color: #ffc107; color: #ffc107; }
.pill-color-curso { border-color: #26c6da; color: #26c6da; }

.card-controle-oficina-imagem {
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-style: solid !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    text-align: center;
}

.container-controle-oficina-imagem {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(85px, 0.1fr));
    gap: 10px;
}
/* Orçar Descontos */
.card-header-orcamento-desconto {
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-style: solid !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.card-percentual-desconto {
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-style: solid !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    text-align: center;
}

.card-valor-desconto {
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-style: solid !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    text-align: center;
}

.card-total-geral-desconto {
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-style: solid !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.blink-piscando {
    animation: piscar 1s step-end infinite;
}

@keyframes piscar {
    0%, 100% {
        color: white;
    }
    50% {
        color: red;
    }
}
}

/* ==============vvv Grid Agendamento Comissão vvv=================*/
/* 1. Estrutura e Bordas Laterais */
[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listbox-body .z-listitem > .z-listcell,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listbox-body .z-listitem > .z-listcell {
    border-left: 1px solid #d0d0d0 !important;
}

[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listbox-body .z-listitem > .z-listcell:first-child,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listbox-body .z-listitem > .z-listcell:first-child {
    border-left: none !important;
}

/* 2. Cabeçalhos */
[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listhead .z-listheader,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listhead .z-listheader {
    border-left: 1px solid #d0d0d0 !important;
}

[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listhead .z-listheader:first-child,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listhead .z-listheader:first-child {
    border-left: none !important;
}

[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listheader-content,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listheader-content {
    font-weight: bold !important;
    color: #000000 !important;
    text-align: center !important;
}

/* 3. Remove o Azul do Clique (Selected) */
[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listitem-selected > .z-listcell,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listitem-selected > .z-listcell {
    background-color: #ffffff;
    background-image: none;
    box-shadow: none;
    color: inherit;
}

/* 4. Remove o Azul do Hover */
[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listitem:hover > .z-listcell,
[idtest="vBoxAgPorMarca"] .z-listbox[idtest="gridAgendamentoMarca"] .z-listitem-selected:hover > .z-listcell,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listitem:hover > .z-listcell,
[idtest="vBoxGeralPrincipal"] .z-listbox[idtest="gridComparecidos"] .z-listitem-selected:hover > .z-listcell {
    background-color: #ffffff;
    background-image: none;
}
/* ==============^^^ Grid Agendamento Comissão ^^^=================*/
@keyframes agenda-alerta-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.55;
    }
}

.agenda-alerta-pulse {
    animation: agenda-alerta-pulse 1.8s ease-in-out infinite;
}

.agenda-alerta-deslocamento {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 11px;
}

.agenda-bloqueio-conteudo {
    white-space: normal;
    line-height: 1.2;
}

.agenda-bloqueio-titulo {
    margin-bottom: 5px;
}

.agenda-bloqueio-alerta {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    font-size: 13px;
}

.agenda-bloqueio-alerta i {
    margin-top: 1px;
    flex: 0 0 auto;
}

.agenda-bloqueio-origem {
    /*margin-top: 2px;*/
    font-size: 11px;
    opacity: 0.95;
}

.e-inner-wrap:has(> img) .agenda-alerta-deslocamento {
    right: 5px;
    bottom: 30px;
}