@import '_content/NCPC.Blazor/NCPC.Blazor.k1a8tyxlem.bundle.scp.css';

/* _content/WebOS.Blazor/App.razor.rz.scp.css */
/* _content/WebOS.Blazor/Components/ApontadorHorasEditor.razor.rz.scp.css */
.footer-container[b-s9u8sgju7a] {
   background-color: transparent;
   padding-top: 20px;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
   color: white;

}



@media (max-width:1399px) {

   [b-s9u8sgju7a] .descricao-textarea,
   [b-s9u8sgju7a] .descricao-textarea > textarea {
      height: 228px;
   }
}

.respostapadrao-item[b-s9u8sgju7a]{
   border-top: 1px solid #e5e5e5;   
   padding-right: 20px;
}

/* _content/WebOS.Blazor/Components/CardOS.razor.rz.scp.css */

@font-face {
    font-family: "Ag-Regular";
    src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
    font-family: "Ag-Medium";
    src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
    font-family: "Ag-Bold";
    src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-qjudz6rmcc] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.card-os[b-qjudz6rmcc] {
    max-width: 180px;
    min-width: 120px;
    box-sizing: border-box !important;
    transform: scale(0.85);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 8px;
    border: 4px solid transparent;
    padding: 8px;
    border-color: rgb(var(--color1));
    background-color: rgba(var(--color1),0.6);
    transition: 0.2s ease;
}

    .card-os :hover[b-qjudz6rmcc] {
        cursor: pointer;
    }

    .card-os p[b-qjudz6rmcc] {
        margin-bottom: 0px !important;
        color: #2D2D2D;
    }

.card-os-title[b-qjudz6rmcc] {
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    font-family: "Ag-Medium";
}

.card-os-details[b-qjudz6rmcc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.card-os-details-desc p[b-qjudz6rmcc] {
    font-family: "Ag-Bold";
    font-size: 32px;
}

.Status-Analise[b-qjudz6rmcc] {
    color: #ff8c22;
    --color1: 255,140,34;
    border-color: #ff8c22;
}

.Status-AguarAuth[b-qjudz6rmcc] {
    color: rgb(9, 206, 193);
    --color1: 9, 206, 193;
    border-color: rgb(9, 206, 193);
}

.Status-TesteSistema[b-qjudz6rmcc] {
    color: #4265bd;
    --color1: 66, 101, 189;
    border-color: #4265bd;
}

.Status-Homolog[b-qjudz6rmcc] {
    color: #8a5bae;
    --color1: 138, 91, 174;
    border-color: #8a5bae;
}

.Status-AuthHelpDesk[b-qjudz6rmcc] {
    color: rgb(253, 119, 239);
    --color1: 253, 119, 239;
    border-color: rgb(253, 119, 239);
}

.Status-Encerrada[b-qjudz6rmcc] {
    color: #37a04e;
    --color1: 55,160,78;
    border-color: #37a04e;
}

.Status-Distribuicao[b-qjudz6rmcc] {
    color: rgb(230, 255, 50);
    --color1: 230, 255, 50;
    border-color: rgb(230, 255, 50);
}

.Status-Cancelada[b-qjudz6rmcc] {
    color: #fc5151;
    --color1: 252,81,81;
    border-color: #fc5151;
}

.card-os.selected[b-qjudz6rmcc] {
    background-color: rgba(var(--color1), 1);
    transform: scale(1.1) !important;
}


@media (max-width: 1280px) {
    .card-os-container[b-qjudz6rmcc] {
        flex-wrap: wrap !important;
    }

    .card-os[b-qjudz6rmcc] {
        width: 140px !important;
        flex: initial;
    }
}
/* _content/WebOS.Blazor/Components/Footer.razor.rz.scp.css */
.footer-container[b-rf4mzr9bpr]{
   background-color: transparent;
   padding-top: 20px;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
   color: white;
}
/* _content/WebOS.Blazor/Components/GraficoBarras.razor.rz.scp.css */
.chart-label[b-zak9cf4w06]{
    color: white;
    font-weight: 900;

}
/* _content/WebOS.Blazor/Components/GridDinamicoParaDataTable.razor.rz.scp.css */
.pagina-cabecalho[b-ro3aaspm66] {   
   padding: 5px 30px;
   margin-left: -30px;
   margin-right: -24px;
   margin-bottom: 10px;   
}

.pagina-cabecalho>h3[b-ro3aaspm66] {
   font-weight: 100;
   font-size: 24px;
   line-height: 1.5;
}

.pagina-cabecalho .breadcrumb-item[b-ro3aaspm66] {
   font-size: 0.85em;
}

[b-ro3aaspm66] .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text,
[b-ro3aaspm66] .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text,
[b-ro3aaspm66] .e-breadcrumb.e-disabled .e-breadcrumb-separator,
[b-ro3aaspm66] .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
[b-ro3aaspm66] .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
[b-ro3aaspm66] .e-breadcrumb.e-disabled .e-breadcrumb-separator .e-breadcrumb-icon,
[b-ro3aaspm66] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
[b-ro3aaspm66] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
[b-ro3aaspm66] .e-breadcrumb .e-breadcrumb-separator,
[b-ro3aaspm66] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover,
[b-ro3aaspm66] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus
{
   color: white;
}

[b-ro3aaspm66] .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text
{
   font-weight: 600;   
}

[b-ro3aaspm66] .e-breadcrumb .e-breadcrumb-item:not([data-active-item]):not(.e-breadcrumb-separator):hover {
   background-color: inherit;
}


/* _content/WebOS.Blazor/Components/MapeadorItemAreaServicoPrestado.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-jdofwkiksm] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-jdofwkiksm] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-jdofwkiksm] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-jdofwkiksm] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-jdofwkiksm] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-jdofwkiksm] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-jdofwkiksm] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-jdofwkiksm] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-jdofwkiksm] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-jdofwkiksm] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-jdofwkiksm] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-jdofwkiksm] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-jdofwkiksm] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-jdofwkiksm] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-jdofwkiksm] {
    flex-wrap: wrap !important;
  }

  .card-os[b-jdofwkiksm] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/MapeadorItemAreaServicoPrestadoBasico.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-svodf6onw1] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-svodf6onw1] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-svodf6onw1] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-svodf6onw1] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-svodf6onw1] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-svodf6onw1] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-svodf6onw1] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-svodf6onw1] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-svodf6onw1] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-svodf6onw1] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-svodf6onw1] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-svodf6onw1] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-svodf6onw1] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-svodf6onw1] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-svodf6onw1] {
    flex-wrap: wrap !important;
  }

  .card-os[b-svodf6onw1] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/NavMenu.razor.rz.scp.css */
.appbar-control-section .regular[b-kb2gy4dz2o],
[b-kb2gy4dz2o] .appbar-control-section .prominent,
.appbar-control-section .dense[b-kb2gy4dz2o] {
  margin: 0 5px;
}
[b-kb2gy4dz2o] .appbar-control-section .prominent {
  align-self: center;
  white-space: break-spaces;
  text-align: inherit;
  font-size: 35px;
  line-height: 50px;
}
[b-kb2gy4dz2o] .e-appbar.prominent-appbar {
  background-color: transparent;
  color: #ffffff;
  background-repeat: no-repeat;    
}

[b-kb2gy4dz2o] .appbar-control-section .prominent-appbar .e-inherit.e-btn {
  background: transparent;
}

[b-kb2gy4dz2o] .appbar-control-section .e-appbar .e-appbar-separator {
  margin: 0 10px;
}
[b-kb2gy4dz2o] .appbar-control-section .e-appbar-icon-menu {
  display: none;
}
@media screen and (max-width: 480px) {
  [b-kb2gy4dz2o] .appbar-control-section .e-appbar-icon-menu {
    display: block;
  }
  .appbar-control-section .login[b-kb2gy4dz2o],
  .appbar-control-section .e-appbar-separator[b-kb2gy4dz2o],
  .appbar-control-section .e-dropdown-btn.e-inherit.e-appbar-menu[b-kb2gy4dz2o],
  .appbar-control-section .e-menu-container.e-inherit.e-appbar-menu[b-kb2gy4dz2o],
  .appbar-control-section .e-menu-container.e-inherit.e-appbar-icon-menu .e-menu .e-menu-item .e-caret[b-kb2gy4dz2o],
  .appbar-control-section .e-btn.e-inherit.e-appbar-menu[b-kb2gy4dz2o] {
    display: none;
  }
  .appbar-control-section .e-menu-container.e-inherit.e-appbar-icon-menu ul .e-menu-item.e-menu-caret-icon[b-kb2gy4dz2o] {
    padding: 0 8px;
  }
  .appbar-control-section .e-menu-container.e-inherit ul .e-menu-item .e-menu-icon[b-kb2gy4dz2o] {
    margin-right: 0;
  }
  .appbar-control-section .e-menu-container.e-inherit[b-kb2gy4dz2o] {
    margin: 0 10px;
  }
  .fabric .appbar-control-section .e-menu-container.e-inherit ul.e-menu:not(.e-vertical)[b-kb2gy4dz2o],
  .fabric-dark .appbar-control-section .e-menu-container.e-inherit ul.e-menu:not(.e-vertical)[b-kb2gy4dz2o] {
    padding: 0;
  }
  .appbar-control-section .e-input-group.e-control-wrapper.e-inherit[b-kb2gy4dz2o] {
    margin-left: 10px;
  }
  .appbar-control-section .menu[b-kb2gy4dz2o] {
    margin-bottom: 3px;
  }
}
/* _content/WebOS.Blazor/Components/OSAnalise.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-arbyug9ipv] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-arbyug9ipv] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-arbyug9ipv] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-arbyug9ipv] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-arbyug9ipv] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-arbyug9ipv] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-arbyug9ipv] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-arbyug9ipv] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-arbyug9ipv] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-arbyug9ipv] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-arbyug9ipv] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-arbyug9ipv] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-arbyug9ipv] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-arbyug9ipv] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-arbyug9ipv] {
    flex-wrap: wrap !important;
  }

  .card-os[b-arbyug9ipv] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSAutorizacaoOutSourcing.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-6bb2ay85fg] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-6bb2ay85fg] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-6bb2ay85fg] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-6bb2ay85fg] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-6bb2ay85fg] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-6bb2ay85fg] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-6bb2ay85fg] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-6bb2ay85fg] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-6bb2ay85fg] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-6bb2ay85fg] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-6bb2ay85fg] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-6bb2ay85fg] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-6bb2ay85fg] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-6bb2ay85fg] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-6bb2ay85fg] {
    flex-wrap: wrap !important;
  }

  .card-os[b-6bb2ay85fg] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSAutorizacaoSistema.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-gkrpamnw0q] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-gkrpamnw0q] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-gkrpamnw0q] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-gkrpamnw0q] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-gkrpamnw0q] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-gkrpamnw0q] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-gkrpamnw0q] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-gkrpamnw0q] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-gkrpamnw0q] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-gkrpamnw0q] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-gkrpamnw0q] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-gkrpamnw0q] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-gkrpamnw0q] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-gkrpamnw0q] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-gkrpamnw0q] {
    flex-wrap: wrap !important;
  }

  .card-os[b-gkrpamnw0q] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSDescritor - Copy.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-46s74p5432] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-46s74p5432] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-46s74p5432] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-46s74p5432] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-46s74p5432] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-46s74p5432] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-46s74p5432] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-46s74p5432] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-46s74p5432] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-46s74p5432] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-46s74p5432] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-46s74p5432] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-46s74p5432] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-46s74p5432] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-46s74p5432] {
    flex-wrap: wrap !important;
  }

  .card-os[b-46s74p5432] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSDescritor.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-pmx9tdsw2s] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-pmx9tdsw2s] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-pmx9tdsw2s] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-pmx9tdsw2s] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-pmx9tdsw2s] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-pmx9tdsw2s] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-pmx9tdsw2s] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-pmx9tdsw2s] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-pmx9tdsw2s] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-pmx9tdsw2s] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-pmx9tdsw2s] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-pmx9tdsw2s] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-pmx9tdsw2s] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-pmx9tdsw2s] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-pmx9tdsw2s] {
    flex-wrap: wrap !important;
  }

  .card-os[b-pmx9tdsw2s] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSDescritorApontamentos.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-11wpessqsn] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-11wpessqsn] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-11wpessqsn] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-11wpessqsn] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-11wpessqsn] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-11wpessqsn] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-11wpessqsn] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-11wpessqsn] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-11wpessqsn] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-11wpessqsn] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-11wpessqsn] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-11wpessqsn] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-11wpessqsn] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-11wpessqsn] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-11wpessqsn] {
    flex-wrap: wrap !important;
  }

  .card-os[b-11wpessqsn] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSDistribuicao.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-8f3pvt7bvv] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-8f3pvt7bvv] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-8f3pvt7bvv] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-8f3pvt7bvv] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-8f3pvt7bvv] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-8f3pvt7bvv] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-8f3pvt7bvv] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-8f3pvt7bvv] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-8f3pvt7bvv] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-8f3pvt7bvv] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-8f3pvt7bvv] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-8f3pvt7bvv] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-8f3pvt7bvv] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-8f3pvt7bvv] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-8f3pvt7bvv] {
    flex-wrap: wrap !important;
  }

  .card-os[b-8f3pvt7bvv] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSHomologacao.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-9tkllqw8f2] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-9tkllqw8f2] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-9tkllqw8f2] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-9tkllqw8f2] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-9tkllqw8f2] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-9tkllqw8f2] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-9tkllqw8f2] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-9tkllqw8f2] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-9tkllqw8f2] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-9tkllqw8f2] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-9tkllqw8f2] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-9tkllqw8f2] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-9tkllqw8f2] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-9tkllqw8f2] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-9tkllqw8f2] {
    flex-wrap: wrap !important;
  }

  .card-os[b-9tkllqw8f2] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSResumoPorData.razor.rz.scp.css */
.btnBuscar[b-chdmbyvyqa]{
    margin-top: 20px !important;
}
/* _content/WebOS.Blazor/Components/OSTeste.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-65j97pfwh3] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-65j97pfwh3] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-65j97pfwh3] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-65j97pfwh3] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-65j97pfwh3] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-65j97pfwh3] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-65j97pfwh3] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-65j97pfwh3] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-65j97pfwh3] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-65j97pfwh3] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-65j97pfwh3] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-65j97pfwh3] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-65j97pfwh3] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-65j97pfwh3] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-65j97pfwh3] {
    flex-wrap: wrap !important;
  }

  .card-os[b-65j97pfwh3] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSToolbar.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-pbupt63i45] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-pbupt63i45] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-pbupt63i45] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-pbupt63i45] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-pbupt63i45] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-pbupt63i45] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-pbupt63i45] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-pbupt63i45] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-pbupt63i45] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-pbupt63i45] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-pbupt63i45] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-pbupt63i45] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-pbupt63i45] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-pbupt63i45] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-pbupt63i45] {
    flex-wrap: wrap !important;
  }

  .card-os[b-pbupt63i45] {
    width: 140px !important;
    flex: initial;
  }
}
/* _content/WebOS.Blazor/Components/OSToolbarSomenteAnexos.razor.rz.scp.css */

@font-face {
  font-family: "Ag-Regular";
  src: url("fonts/Inter/Inter-Regular.ttf");
}

@font-face {
  font-family: "Ag-Medium";
  src: url("fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Ag-Bold";
  src: url("fonts/Inter/Inter-Bold.ttf");
}

.card-os-container[b-y1r822tljc] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.card-os[b-y1r822tljc] {
   max-width: 180px;
   min-width: 120px;
   box-sizing: border-box !important;
 
   display: flex;
   flex: 1;
   flex-direction: column;
   justify-content: space-around;
 
   border-radius: 8px;
   border: 4px solid transparent;
   padding: 8px;   
   border-color: rgb(var(--color1));
   background-color: rgba(var(--color1),0.6);
   transition: 0.2s ease;
 
 }
 
.card-os p[b-y1r822tljc] {
  margin-bottom: 0px !important;
  color: #2D2D2D;
}

.card-os-title[b-y1r822tljc] {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  font-size: 16px;
  font-family: "Ag-Medium";
}

.card-os-details[b-y1r822tljc] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.card-os-details-desc p[b-y1r822tljc] {
  font-family: "Ag-Bold";
  font-size: 32px;
}


:nth-child(1).card-os[b-y1r822tljc] {   
   --color1: 9, 206, 193;
}

:nth-child(2).card-os[b-y1r822tljc] {
    
   --color1: 253, 119, 239;
}

:nth-child(3).card-os[b-y1r822tljc] {
   --color1: 230, 255, 50;  
}

:nth-child(4).card-os[b-y1r822tljc] {
   --color1: 255, 140, 34;
}

:nth-child(5).card-os[b-y1r822tljc] {
   
   --color1: 55, 160, 78;
}

:nth-child(6).card-os[b-y1r822tljc] {
   --color1:138, 91, 174;   
}

:nth-child(7).card-os[b-y1r822tljc] {
   --color1: 252, 81, 81;
}
 
.card-os.selected[b-y1r822tljc] {
   /* border-color: #007bff;  */
   background-color: rgba(var(--color1), 1);
   /* Change border color when selected */
   /* backdrop-filter: opacity(1); */
   /* box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(var(--color1)), 0 0 0.8rem rgb(var(--color1)), 0 0 2.8rem rgb(var(--color1)), inset 0 0 1.3rem rgb(var(--color1)); */
   transform: scale(1.1) ;
 }


@media (max-width: 1280px) {
  .card-os-container[b-y1r822tljc] {
    flex-wrap: wrap !important;
  }

  .card-os[b-y1r822tljc] {
    width: 140px !important;
    flex: initial;
  }
}


/* #drop-area {
    border: 2px dashed #ccc;
    padding: 40px;
    text-align: center;
    transition: background-color 0.3s ease;
}

::deep #drop-area.highlight {
    background-color: #f0f8ff;
    border-color: #0078d4;
}

::deep .e-upload.highlight {
    background-color: #f0f8ff;
    border-color: #0078d4;
} */
/* _content/WebOS.Blazor/Components/WebOSPageTitle.razor.rz.scp.css */
.pagina-cabecalho[b-4ojhvqakef] {   
   padding: 5px 30px;
   margin-left: -30px;
   margin-right: -24px;
   margin-bottom: 10px;   
}

.pagina-cabecalho>h3[b-4ojhvqakef] {
   font-weight: 100;
   font-size: 24px;
   line-height: 1.5;
}

.pagina-cabecalho .breadcrumb-item[b-4ojhvqakef] {
   font-size: 0.85em;
}

[b-4ojhvqakef] .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text,
[b-4ojhvqakef] .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text,
[b-4ojhvqakef] .e-breadcrumb.e-disabled .e-breadcrumb-separator,
[b-4ojhvqakef] .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
[b-4ojhvqakef] .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
[b-4ojhvqakef] .e-breadcrumb.e-disabled .e-breadcrumb-separator .e-breadcrumb-icon,
[b-4ojhvqakef] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
[b-4ojhvqakef] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
[b-4ojhvqakef] .e-breadcrumb .e-breadcrumb-separator,
[b-4ojhvqakef] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover,
[b-4ojhvqakef] .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus
{
   color: white;
}

[b-4ojhvqakef] .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text
{
   font-weight: 600;   
}

[b-4ojhvqakef] .e-breadcrumb .e-breadcrumb-item:not([data-active-item]):not(.e-breadcrumb-separator):hover {
   background-color: inherit;
}


/* _content/WebOS.Blazor/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.btnBuscar[b-hknqcyy901] {
    margin-top: 20px !important;
}

.status-padrao[b-hknqcyy901] {
    padding: 2px;
    border-radius: 4px;
    text-align: center;
    border: 2px solid;
    background-color: #fff;
    line-height: 21px;
    white-space: normal;
    word-wrap: break-word;
    width: 33px;
    height: 29px;
    display: flex;
    justify-self: center;
    justify-content: center;
}

    .status-padrao > p[b-hknqcyy901] {
        margin: 0;
        padding: 0;
    }

.Status-Analise[b-hknqcyy901] {
    color: #ff8c22;
    border-color: #ff8c22;
    background-color: #FF8C2299 !important;
}

.Status-AguarAuth[b-hknqcyy901] {
    color: rgb(9, 206, 193);
    border-color: rgb(9, 206, 193);
    background-color: #09CEC199 !important;
}

.Status-TesteSistema[b-hknqcyy901] {
    color: #4265bd;
    border-color: #4265bd;
    background-color: #4265BD99 !important;
}

.Status-Homolog[b-hknqcyy901] {
    color: #8a5bae;
    border-color: #8a5bae;
    background-color: #8A5BAE99 !important;
}

.Status-AuthHelpDesk[b-hknqcyy901] {
    color: rgb(253, 119, 239);
    border-color: rgb(253, 119, 239);
    background-color: #FD77EF99 !important;
}

.Status-Encerrada[b-hknqcyy901] {
    color: #37a04e;
    border-color: #37a04e;
    background-color: #37A04E99 !important;

}

.Status-Distribuicao[b-hknqcyy901] {
    color: rgb(230, 255, 50);
    border-color: rgb(230, 255, 50);
    background-color: #E6FF3299 !important;
}

.Status-Cancelada[b-hknqcyy901] {
    color: #fc5151;
    border-color: #fc5151;
    background-color: #FC515199 !important;

}

@media screen and (max-width: 933px) {
}

@media screen and (max-width: 600px) {
}


.custom-icon[b-hknqcyy901] {
    position: relative;
    display: inline-block;
    width: 1.5em;
}

    .custom-icon i[b-hknqcyy901] {
        position: absolute;
        top: 0;
        font-size: 1.5em;
    }

    .custom-icon .fa-thumbs-up[b-hknqcyy901] {
        left: 0;
    }

    .custom-icon .fa-thumbs-down[b-hknqcyy901] {
        right: 0;
    }

/* _content/WebOS.Blazor/Pages/Dashboard/DashboardOsDetail.razor.rz.scp.css */
[b-o19i69cfdm] .card-observacoes {
    background-color: rgb(235 235 235);
}

[b-o19i69cfdm] .subcard i {
    margin-right: 3px;
}
/* _content/WebOS.Blazor/Pages/Dashboard/DashboardOsObservacao.razor.rz.scp.css */


[b-cil3lz5kvt] .row {
    width: 80%;
    margin: auto;
    padding-top: 5%;
}

[b-cil3lz5kvt] .e-card-header {
    justify-content: left !important;
}

[b-cil3lz5kvt] .e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-family: Helvetica-Bold;
    color: #007BFF;
    font-weight: bold;
    font-size: 16px;
}

[b-cil3lz5kvt] .e-card .e-card-header .e-card-header-image {
    height: 48px;
    width: 48px;
}

[b-cil3lz5kvt] .highcontrast .e-card .e-card-header .e-card-header-image {
    border-color: transparent;
}

[b-cil3lz5kvt] .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    padding-top: 0px;
    font-family: Helvetica;
    color: #878787;
    font-size: 12px;
}

[b-cil3lz5kvt] .e-card-header-image {
    height: 48px;
    width: 48px;
}

[b-cil3lz5kvt] .e-card {
    margin-top: 10px;
    margin-bottom: 10px;
}

[b-cil3lz5kvt] .e-card-content {
    font-family: Helvetica, 'Segoe UI'
}

.marcador-data[b-cil3lz5kvt] {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .marcador-data[b-cil3lz5kvt]  span {
        font-weight: bold;
        background-color: darkgrey;
        color: whitesmoke;
        padding: 3px;
        border-radius: 8%;
    }

.card-obs-analista[b-cil3lz5kvt]  .p-3 {
    border-color: slateblue;
    border-width: 2.5px;
    border-style: dashed;
    font-weight: bold;
}

.containerSelf[b-cil3lz5kvt] {
    text-align: right;
    padding-left: 20%;
}

    .containerSelf[b-cil3lz5kvt]  .p-3 {
        background-color: #c5f2ff;
        margin-bottom: 5px;
    }

    .containerSelf[b-cil3lz5kvt]  .e-card-header-image {
        order: 1;
        margin-left: 10px;
    }

.containerCliente[b-cil3lz5kvt] {
    text-align: left;
    padding-right: 20%;
}

    .containerCliente[b-cil3lz5kvt]  .p-3 {
        background-color: white;
        margin-bottom: 5px;
    }

.containerTerceiro[b-cil3lz5kvt] {
    text-align: right;
    padding-left: 20%;
}


.chat-history[b-cil3lz5kvt] {
    overflow: auto;
    max-height: 350px;
}

.container-file[b-cil3lz5kvt] {
    padding: 20px 30px 10px 30px;
    margin: 0px -20px 0px -20px;
    position: relative;
    top: -11px;
    backdrop-filter: brightness(0.5);
    color: white;
}

    .container-file i[b-cil3lz5kvt] {
        margin-right: 6px;
        font-size: 1.3em;
        vertical-align: middle;
    }

.container-file-img[b-cil3lz5kvt] {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    min-height: 300px !important;
}

.divPreIframeAnexo[b-cil3lz5kvt] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 40%; /* 4:3 Aspect Ratio */
}

.iframeAnexo[b-cil3lz5kvt] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

    .iframeAnexo[b-cil3lz5kvt]  body {
        overflow: hidden !important;
    }

.user-name-chat[b-cil3lz5kvt] {
    font-weight: 500;
    color: darkblue;
}

.date-chat[b-cil3lz5kvt] {
    font-size: smaller;
    color: darkgray;
}

/* _content/WebOS.Blazor/Pages/Dashboard/_HistoricoChat.razor.rz.scp.css */


[b-irsxxyhzq0] .row {
    width: 80%;
    margin: auto;
    padding-top: 5%;
}

[b-irsxxyhzq0] .e-card-header {
    justify-content: left !important;
}

[b-irsxxyhzq0] .e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-family: Helvetica-Bold;
    color: #007BFF;
    font-weight: bold;
    font-size: 16px;
}

[b-irsxxyhzq0] .e-card .e-card-header .e-card-header-image {
    height: 48px;
    width: 48px;
}

[b-irsxxyhzq0] .highcontrast .e-card .e-card-header .e-card-header-image {
    border-color: transparent;
}

[b-irsxxyhzq0] .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    padding-top: 0px;
    font-family: Helvetica;
    color: #878787;
    font-size: 12px;
}

[b-irsxxyhzq0] .e-card-header-image {
    height: 48px;
    width: 48px;
}

[b-irsxxyhzq0] .e-card {
    margin-top: 10px;
    margin-bottom: 10px;
}

[b-irsxxyhzq0] .e-card-content {
    font-family: Helvetica, 'Segoe UI'
}

.marcador-data[b-irsxxyhzq0] {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .marcador-data[b-irsxxyhzq0]  span {
        font-weight: bold;
        background-color: darkgrey;
        color: whitesmoke;
        padding: 3px;
        border-radius: 8%;
    }

.card-obs-analista[b-irsxxyhzq0]  .p-3 {
    border-color: slateblue;
    border-width: 2.5px;
    border-style: dashed;
    font-weight: bold;
}

.containerSelf[b-irsxxyhzq0] {
    text-align: right;
    padding-left: 20%;
}

    .containerSelf[b-irsxxyhzq0]  .p-3 {
        background-color: #c5f2ff;
        margin-bottom: 5px;
    }

    .containerSelf[b-irsxxyhzq0]  .e-card-header-image {
        order: 1;
        margin-left: 10px;
    }

.containerCliente[b-irsxxyhzq0] {
    text-align: left;
    padding-right: 20%;
}

    .containerCliente[b-irsxxyhzq0]  .p-3 {
        background-color: white;
        margin-bottom: 5px;
    }

.containerTerceiro[b-irsxxyhzq0] {
    text-align: right;
    padding-left: 20%;
}


.chat-history[b-irsxxyhzq0] {
    overflow: auto;
    max-height: 350px;
}

.container-file[b-irsxxyhzq0] {
    padding: 20px 30px 10px 30px;
    margin: 0px -20px 0px -20px;
    position: relative;
    top: -11px;
    backdrop-filter: brightness(0.5);
    color: white;
}

    .container-file i[b-irsxxyhzq0] {
        margin-right: 6px;
        font-size: 1.3em;
        vertical-align: middle;
    }

.container-file-img[b-irsxxyhzq0] {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    min-height: 300px !important;
}

.divPreIframeAnexo[b-irsxxyhzq0] {
    position: relative;
    width: 100%;
    overflow: hidden;
    
}

.iframeAnexo[b-irsxxyhzq0] {
    
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    
    border: none;
}

    .iframeAnexo[b-irsxxyhzq0]  body {
        overflow: hidden !important;
    }

.user-name-chat[b-irsxxyhzq0] {
    font-weight: 500;
    color: darkblue;
}

.date-chat[b-irsxxyhzq0] {
    font-size: smaller;
    color: darkgray;
}

/* _content/WebOS.Blazor/Pages/DashboardTV/DashboardTV.razor.rz.scp.css */
/* Global Reset and Base Styles */
*[b-rbj990rce1] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html[b-rbj990rce1],
body[b-rbj990rce1] {
  height: 100%;
  overflow: hidden;
}
/* Ensure no scrollbars */
[b-rbj990rce1]::-webkit-scrollbar {
  display: none;
}

html[b-rbj990rce1] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.dashboard-body[b-rbj990rce1] {
  background: #0f172a;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  height: 100vh;
  overflow: hidden;
}

/* Dashboard Viewport - Full Screen Layout */
.dashboard-viewport[b-rbj990rce1] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: #0f172a;
}

/* Header Section - Fixed Height */
.dashboard-header[b-rbj990rce1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 2rem;
  background: linear-gradient(90deg, #1e293b 0%, #334155 100%);
  border-bottom: 2px solid #475569;
  height: 80px;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
  z-index: 10;
}

.header-left[b-rbj990rce1] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header-left .logo-container[b-rbj990rce1] {
  flex: 1;
  width: 100px;
}
.header-left .logo[b-rbj990rce1] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-left .dashboard-info[b-rbj990rce1] {
  display: flex;
  flex-direction: column;
}

.header-right[b-rbj990rce1] {
  display: flex;
  gap: 1rem;
}

.app-name[b-rbj990rce1] {
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}

.dashboard-title[b-rbj990rce1] {
  font-size: 2.2rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
}

.dashboard-subtitle[b-rbj990rce1] {
  font-size: 1rem;
  color: #94a3b8;
  margin: 0.25rem 0 0 0;
}

.update-info[b-rbj990rce1],
.countdown-info[b-rbj990rce1] {
  text-align: right;
  margin-bottom: 0.5rem;
}

.update-label[b-rbj990rce1],
.countdown-label[b-rbj990rce1] {
  display: block;
  font-size: 0.85rem;
  color: #94a3b8;
  margin-bottom: 0.125rem;
}

.update-time[b-rbj990rce1],
.countdown-timer[b-rbj990rce1] {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  color: #e2e8f0;
}

/* Dashboard Content Area - Flexible Height */
.dashboard-content[b-rbj990rce1] {
  flex: 1;
  overflow: hidden;
  position: relative;
  padding: 1rem;
}

[b-rbj990rce1] .screen-panel {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

[b-rbj990rce1] .screen-content {
  height: 100%;
}

/* KPI Card Base Styles */
[b-rbj990rce1] .kpi-card {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border: 1px solid #475569;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  height: 100%;
}

[b-rbj990rce1] .kpi-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.25rem;
  background: var(--accent-color, #3b82f6);
}

/* KPI Card Variants */
[b-rbj990rce1] .kpi-card-primary {
  background: linear-gradient(135deg, #065f46 0%, #047857 100%);
  border-color: #10b981;
  --accent-color: #10b981;
}

[b-rbj990rce1] .kpi-card-yellow {
  --accent-color: #f59e0b;
}

[b-rbj990rce1] .kpi-card-orange {
  --accent-color: #f97316;
}

[b-rbj990rce1] .kpi-card-blue {
  --accent-color: #3b82f6;
}

[b-rbj990rce1] .kpi-card-green-light {
  --accent-color: #10b981;
}

[b-rbj990rce1] .kpi-card-red {
  --accent-color: #ef4444;
}

/* KPI Content Layouts */
[b-rbj990rce1] .kpi-content {
  padding: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

[b-rbj990rce1] .kpi-content-small {
  padding: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

[b-rbj990rce1] .kpi-content-compact {
  padding: 0.75rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

/* KPI Values and Labels */
[b-rbj990rce1] .kpi-value,
[b-rbj990rce1] .primary-value {
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

[b-rbj990rce1] .primary-value {
  font-size: 3.5rem;
}

[b-rbj990rce1] .kpi-value {
  font-size: 2.2rem;
}

[b-rbj990rce1] .kpi-value-small {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.25rem;
}

[b-rbj990rce1] .kpi-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #cbd5e1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.25rem;
}

[b-rbj990rce1] .kpi-label-small {
  font-size: 0.8rem;
  font-weight: 500;
  color: #cbd5e1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

[b-rbj990rce1] .kpi-subtitle {
  font-size: 0.8rem;
  color: #94a3b8;
  margin-top: 4px;
}

[b-rbj990rce1] .kpi-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  opacity: 0.2;
  font-size: 2rem;
  color: #ffffff;
}

/* Chart Card Styles */
[b-rbj990rce1] .chart-card {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border: 1px solid #475569;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
  height: 100%;
  display: flex;
  flex-direction: column;
}

[b-rbj990rce1] .chart-card .e-card-header {
  background: transparent;
  border-bottom: 1px solid #475569;
  padding: 0.5rem 1rem;
  flex-shrink: 0;
}

[b-rbj990rce1] .chart-card .e-card-header .e-card-header-title {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
}

[b-rbj990rce1] .chart-card .e-card-header .e-card-sub-title {
  color: #94a3b8;
  font-size: 0.75rem !important;
  margin-top: 2px;
  padding: 0 !important;
}

[b-rbj990rce1] .chart-card .e-card-content {
  padding: 0.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

[b-rbj990rce1] .chart-font {
  font-size: 0.825rem !important;
  color: #ef4444 !important;
}

/* Syncfusion Component Overrides */
[b-rbj990rce1] .e-dashboardlayout.e-control {
  background: transparent;
  height: 100%;
}

[b-rbj990rce1] .e-panel .e-panel-container {
  background: transparent;
  border: none;
  height: 100%;
}

[b-rbj990rce1] .e-panel {
  height: 100%;
  border-radius: 0.75rem !important;
}

/* Chart Height Fixes */
/* ::deep .chart-card .e-card-content > div {
  height: 100% !important;
} */

/* Responsive Design */
@media (min-width: 1920px) {
  .dashboard-title[b-rbj990rce1] {
    font-size: 2.8rem;
  }

  [b-rbj990rce1] .primary-value {
    font-size: 4.5rem;
  }

  [b-rbj990rce1] .kpi-value {
    font-size: 2.8rem;
  }

  [b-rbj990rce1] .kpi-content {
    padding: 1.5rem;
  }
}

@media (min-width: 3840px) {
  .dashboard-title[b-rbj990rce1] {
    font-size: 3.2rem;
  }

  [b-rbj990rce1] .primary-value {
    font-size: 5.5rem;
  }

  [b-rbj990rce1] .kpi-value {
    font-size: 3.2rem;
  }

  [b-rbj990rce1] .kpi-content {
    padding: 2rem;
  }
}

/* Animation Effects */
@keyframes slideInUp-b-rbj990rce1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

[b-rbj990rce1] .kpi-card {
  animation: slideInUp-b-rbj990rce1 1.5s ease-out;
}

[b-rbj990rce1] .kpi-card:nth-child(2) {
  animation-delay: 0.3s;
}

[b-rbj990rce1] .kpi-card:nth-child(3) {
  animation-delay: 0.6s;
}

[b-rbj990rce1] .kpi-card:nth-child(4) {
  animation-delay: 0.9s;
}

/* Error UI Styles */
#blazor-error-ui[b-rbj990rce1] {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss[b-rbj990rce1] {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}
/* _content/WebOS.Blazor/Pages/Login/Login.razor.rz.scp.css */
.login-bg[b-d23f7m9myw] {
   background: linear-gradient(135deg, #172a74, #21a9af);
   background-color: #184e8e;  

   /* background-image: url(images/back1.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed; */

    width: 100vw;
    height: 100vh;
}

.login-grid[b-d23f7m9myw] {
    display: grid;
    grid-template-columns: 3.5fr 2.5fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100vw;
    height: 100vh;
}

.login-logo[b-d23f7m9myw] {
    grid-column: 1 / 2;
    /* align-self: center;
    justify-self: center; */
    padding: 70px;
}

    .login-logo img[b-d23f7m9myw] {
        max-width: 500px;
    }

.login-titulo[b-d23f7m9myw] {
    grid-column: 1 / 2;
    align-self: start;
    justify-self: end;
}

    .login-titulo h1[b-d23f7m9myw] {
        color: #a6a6a6;
        font-size: 5rem;
        font-weight: bold;
        margin-right: 60px;
        width: 365px;
        word-break: break-all;
    }

.login-titulo-custom h1[b-d23f7m9myw] {
    color: #2a2a2a;
    font-size: 2.5rem;
    font-weight: bold;
    /*margin-right: 60px;*/
    width: 365px;
    word-break: break-all;
    text-align: center;
}

.login-form[b-d23f7m9myw] {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: center;
}

.formBox h2[b-d23f7m9myw] {
    font-size: 2rem;
    color: #111;
}

#set-language[b-d23f7m9myw] {
    width: 335px;
    margin-bottom: 35px;
}

.separator[b-d23f7m9myw] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-top: 10px;
}

    .separator span[b-d23f7m9myw] {
        width: 100%;
        height: 1px;
        background-color: #9a9a9b;
    }

        .separator span:first-child[b-d23f7m9myw] {
            margin-right: 5px;
        }

        .separator span:last-child[b-d23f7m9myw] {
            margin-left: 5px;
        }

.msg-exclusivo[b-d23f7m9myw] {
    max-width: 90%;
    margin: 0 auto;
}

    .msg-exclusivo p[b-d23f7m9myw] {
        font-weight: 700;
        color: #222;
        font-size: 0.9rem;
    }

.custom-login[b-d23f7m9myw] {
    border: 1px solid #8f8f8f;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 15px;
}

.pSenha a[b-d23f7m9myw] {
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
}

/* .pSenha {
    margin-top: -10px;
    margin-bottom: 15px;
} */

.formBox[b-d23f7m9myw] {
    width: 335px;
    background: #fff;
    padding: 16px 24px;
    border-radius: 8px;
    opacity: 0.9;
    margin-bottom: 18%;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2), -1px -1px 6px 0px rgba(0, 0, 0, 0.2);
}

.btn-padrao[b-d23f7m9myw] {
    background-color: #0b66c3;
    width: 100%;
    
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
    touch-action: manipulation;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid transparent;
    margin-bottom: 0.8rem;
    padding: 0.7rem 1.5rem;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    transition: 0.2s;
}

    .btn-padrao:hover[b-d23f7m9myw] {
        background: #d9d9d9;
        color: #231f20;
    }

.btn-mazars[b-d23f7m9myw] {
    font-weight: 500;
    font-size: 0.9rem;    
    display: block;
}

.input-senha[b-d23f7m9myw] {
    position: relative;
}

    .input-senha button[b-d23f7m9myw] {
        position: absolute;
        top: 11px;
        right: 9px;
        border: none;
        background: none;
        outline: none;
    }

        .input-senha button:focus[b-d23f7m9myw] {
            border: none;
            outline: none;
        }

@media (max-width: 1400px) {
    .login-logo img[b-d23f7m9myw] {
        max-width: 400px;
    }

    .login-titulo h1[b-d23f7m9myw] {
        font-size: 4.5rem;
        margin-right: 0px;
    }

    .formBox h2[b-d23f7m9myw] {
        font-size: 1.3rem;
    }

    .formBox[b-d23f7m9myw] {
        width: 300px;
    }

    #set-language[b-d23f7m9myw] {
        width: 300px;
        margin-bottom: 10px;
    }

    .msg-exclusivo p[b-d23f7m9myw] {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }

    .btn-mazars[b-d23f7m9myw] {
        font-size: 0.9rem;
    }
}

@media (max-width: 1075px) {
    .login-titulo h1[b-d23f7m9myw] {
        margin-right: -30px;
        font-size: 3rem;
        width: 260px;
    }
}

@media (max-width: 850px) {
    .login-bg[b-d23f7m9myw] {
        background-image: url(images/TelaLoginVelariLG.jpg);
    }

    .login-grid[b-d23f7m9myw] {
        grid-template-columns: 1fr;
    }

    .login-logo[b-d23f7m9myw],
    .login-titulo[b-d23f7m9myw] {
        display: none;
    }

    .login-form[b-d23f7m9myw] {
        grid-column: initial;
        grid-row: initial;
    }

    .formBox[b-d23f7m9myw] {
        width: 350px;
        opacity: 1;
    }

    #set-language[b-d23f7m9myw] {
        width: 350px;
    }
}
/* _content/WebOS.Blazor/Pages/Login/RedefinirSenha.razor.rz.scp.css */
.login-bg[b-42hp8xo21k] {
   background: linear-gradient(135deg, #172a74, #21a9af);
   background-color: #184e8e;  

   /* background-image: url(images/back1.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed; */

    width: 100vw;
    height: 100vh;
}

.login-grid[b-42hp8xo21k] {
    display: grid;
    grid-template-columns: 3.5fr 2.5fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100vw;
    height: 100vh;
}

.login-logo[b-42hp8xo21k] {
    grid-column: 1 / 2;
    /* align-self: center;
    justify-self: center; */
    padding: 70px;
}

    .login-logo img[b-42hp8xo21k] {
        max-width: 500px;
    }

.login-titulo[b-42hp8xo21k] {
    grid-column: 1 / 2;
    align-self: start;
    justify-self: end;
}

    .login-titulo h1[b-42hp8xo21k] {
        color: #a6a6a6;
        font-size: 5rem;
        font-weight: bold;
        margin-right: 60px;
        width: 365px;
        word-break: break-all;
    }

.login-titulo-custom h1[b-42hp8xo21k] {
    color: #a6a6a6;
    font-size: 2.5rem;
    font-weight: bold;
    /*margin-right: 60px;*/
    width: 365px;
    word-break: break-all;
    text-align: center;
}

.login-form[b-42hp8xo21k] {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: center;
}

.formBox h2[b-42hp8xo21k] {
    font-size: 2rem;
    color: #111;
}

#set-language[b-42hp8xo21k] {
    width: 335px;
    margin-bottom: 35px;
}

.separator[b-42hp8xo21k] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-top: 10px;
}

    .separator span[b-42hp8xo21k] {
        width: 100%;
        height: 1px;
        background-color: #9a9a9b;
    }

        .separator span:first-child[b-42hp8xo21k] {
            margin-right: 5px;
        }

        .separator span:last-child[b-42hp8xo21k] {
            margin-left: 5px;
        }

.msg-exclusivo[b-42hp8xo21k] {
    max-width: 90%;
    margin: 0 auto;
}

    .msg-exclusivo p[b-42hp8xo21k] {
        font-weight: 700;
        color: #222;
        font-size: 0.9rem;
    }

.custom-login[b-42hp8xo21k] {
    border: 1px solid #8f8f8f;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 15px;
}

.pSenha a[b-42hp8xo21k] {
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
}

.pSenha[b-42hp8xo21k] {
    margin-top: -10px;
    margin-bottom: 15px;
}

.formBox[b-42hp8xo21k] {
    width: 335px;
    background: #fff;
    padding: 16px 24px;
    border-radius: 8px;
    opacity: 0.9;
    margin-bottom: 18%;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2), -1px -1px 6px 0px rgba(0, 0, 0, 0.2);
}

.btn-padrao[b-42hp8xo21k] {
    background-color: #0b66c3;
    width: 100%;
    
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
    touch-action: manipulation;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid transparent;
    margin-bottom: 0.8rem;
    padding: 0.7rem 1.5rem;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    transition: 0.2s;
}

    .btn-padrao:hover[b-42hp8xo21k] {
        background: #d9d9d9;
        color: #231f20;
    }

.btn-mazars[b-42hp8xo21k] {
    font-weight: 500;
    font-size: 1.1rem;
}

.input-senha[b-42hp8xo21k] {
    position: relative;
}

    .input-senha button[b-42hp8xo21k] {
        position: absolute;
        top: 33px;
        right: 9px;
        border: none;
        background: none;
        outline: none;
    }

        .input-senha button:focus[b-42hp8xo21k] {
            border: none;
            outline: none;
        }

@media (max-width: 1400px) {
    .login-logo img[b-42hp8xo21k] {
        max-width: 400px;
    }

    .login-titulo h1[b-42hp8xo21k] {
        font-size: 4.5rem;
        margin-right: 0px;
    }

    .formBox h2[b-42hp8xo21k] {
        font-size: 1.3rem;
    }

    .formBox[b-42hp8xo21k] {
        width: 300px;
    }

    #set-language[b-42hp8xo21k] {
        width: 300px;
        margin-bottom: 10px;
    }

    .msg-exclusivo p[b-42hp8xo21k] {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }

    .btn-mazars[b-42hp8xo21k] {
        font-size: 1rem;
    }
}

@media (max-width: 1075px) {
    .login-titulo h1[b-42hp8xo21k] {
        margin-right: -30px;
        font-size: 3rem;
        width: 260px;
    }
}

@media (max-width: 850px) {
    .login-bg[b-42hp8xo21k] {
        background-image: url(images/TelaLoginVelariLG.jpg);
    }

    .login-grid[b-42hp8xo21k] {
        grid-template-columns: 1fr;
    }

    .login-logo[b-42hp8xo21k],
    .login-titulo[b-42hp8xo21k] {
        display: none;
    }

    .login-form[b-42hp8xo21k] {
        grid-column: initial;
        grid-row: initial;
    }

    .formBox[b-42hp8xo21k] {
        width: 350px;
        opacity: 1;
    }

    #set-language[b-42hp8xo21k] {
        width: 350px;
    }
}
/* _content/WebOS.Blazor/Pages/NotAuthorized.razor.rz.scp.css */
.container-notauthorized[b-ieai5hsu6k]{
   width: 100%;
   text-align: center;
   
   display:flex;
   flex-direction: column;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   min-height: calc(100vh - 199px);
   color: white;

}

.container-notauthorized > h1[b-ieai5hsu6k]{
   font-size: 7em;
   font-weight: bold;
}
.container-notauthorized > h4[b-ieai5hsu6k]{
}
/* _content/WebOS.Blazor/Pages/NotFound.razor.rz.scp.css */
.container-notauthorized[b-c7grfsvtm4]{
   width: 100%;
   text-align: center;
   
   display:flex;
   flex-direction: column;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   min-height: calc(100vh - 116px);
   color: white;

}

.container-notauthorized > h1[b-c7grfsvtm4]{
   font-size: 7em;
   font-weight: bold;
}
.container-notauthorized > h4[b-c7grfsvtm4]{
}
/* _content/WebOS.Blazor/Pages/OrdemServico/OrdemServicoCadastro.razor.rz.scp.css */
.ordem-formflex[b-pak3tspjxf] {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
}

.ordem-width[b-pak3tspjxf] {
  width: 30%;
}

.multiline>span[b-pak3tspjxf] {
  border-width: 1px;
}

textarea.e-input[b-pak3tspjxf],
.e-float-input textarea[b-pak3tspjxf],
.e-float-input.e-control-wrapper textarea[b-pak3tspjxf],
.e-input-group textarea[b-pak3tspjxf],
.e-input-group.e-control-wrapper textarea[b-pak3tspjxf] {
  resize: none !important;
  border: 2px solid #272727 !important;
}


[b-pak3tspjxf] .readonly-field input {
    background-color: #e7e7e7 !important; /* cor de fundo cinza claro */
    border: 1px dotted #ccc !important; /* borda pontilhada */
    color: #6c757d !important; /* cor da fonte cinza */
    cursor: not-allowed !important; /* cursor de 'n�o permitido' */
}

[b-pak3tspjxf] .readonly-field .e-input-group-icon {
    background-color: #e7e7e7 !important; /* cor de fundo cinza claro */
    border: 1px dotted #ccc !important; /* borda pontilhada */
    color: #6c757d !important; /* cor da fonte cinza */
    cursor: not-allowed !important; /* cursor de 'n�o permitido' */
}
/* _content/WebOS.Blazor/Pages/OrdemServico/OrdemServicoEdicaoAnalista.razor.rz.scp.css */
.ordem-formflex[b-90fxmc5oxf] {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
}

.ordem-width[b-90fxmc5oxf] {
  width: 30%;
}

.multiline>span[b-90fxmc5oxf] {
  border-width: 1px;
}

textarea.e-input[b-90fxmc5oxf],
.e-float-input textarea[b-90fxmc5oxf],
.e-float-input.e-control-wrapper textarea[b-90fxmc5oxf],
.e-input-group textarea[b-90fxmc5oxf],
.e-input-group.e-control-wrapper textarea[b-90fxmc5oxf] {
  resize: none !important;
  border: 2px solid #272727 !important;
}

[b-90fxmc5oxf] button.e-control[disabled] {
  display: none;
}
/* _content/WebOS.Blazor/Pages/OrdemServico/OrdemServicoPrevisaoEntrega.razor.rz.scp.css */
.ordem-formflex[b-mp8yd26v2t] {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
}

.ordem-width[b-mp8yd26v2t] {
  width: 30%;
}

.multiline>span[b-mp8yd26v2t] {
  border-width: 1px;
}

textarea.e-input[b-mp8yd26v2t],
.e-float-input textarea[b-mp8yd26v2t],
.e-float-input.e-control-wrapper textarea[b-mp8yd26v2t],
.e-input-group textarea[b-mp8yd26v2t],
.e-input-group.e-control-wrapper textarea[b-mp8yd26v2t] {
  resize: none !important;
  border: 2px solid #272727 !important;
}



[b-mp8yd26v2t] .formPrevisao button.e-control[disabled] {
  display: none;
}
/* _content/WebOS.Blazor/Pages/Unauthorized.razor.rz.scp.css */
.container-unauthorized[b-3ag5iqljzq]{
   width: 100%;
   text-align: center;
   
   display:flex;
   flex-direction: column;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   min-height: calc(100vh - 116px);
   color: white;

}

.container-unauthorized > h1[b-3ag5iqljzq]{
   font-size: 7em;
   font-weight: bold;
}
.container-unauthorized > h4[b-3ag5iqljzq]{
}
/* _content/WebOS.Blazor/Pages/Usuario/PapelCadastro.razor.rz.scp.css */
[b-ymuohwhihp] .e-list-item{
   margin-left: 20px;
}
/* _content/WebOS.Blazor/Pages/Usuario/TrocarSenha.razor.rz.scp.css */
.login-bg[b-uanx4autni] {
    background: linear-gradient(135deg, #172a74, #21a9af);
    background-color: #184e8e;
    /* background-image: url(images/back1.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed; */

    width: 100vw;
    height: 100vh;
}

.login-grid[b-uanx4autni] {
    display: grid;
    grid-template-columns: 3.5fr 2.5fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100vw;
    height: 100vh;
}

.login-logo[b-uanx4autni] {
    grid-column: 1 / 2;
    /* align-self: center;
    justify-self: center; */
    padding: 70px;
}

    .login-logo img[b-uanx4autni] {
        max-width: 500px;
    }

.login-titulo[b-uanx4autni] {
    grid-column: 1 / 2;
    align-self: start;
    justify-self: end;
}

    .login-titulo h1[b-uanx4autni] {
        color: #a6a6a6;
        font-size: 5rem;
        font-weight: bold;
        margin-right: 60px;
        width: 365px;
        word-break: break-all;
    }

.login-titulo-custom h1[b-uanx4autni] {
    color: #a6a6a6;
    font-size: 2.5rem;
    font-weight: bold;
    /*margin-right: 60px;*/
    width: 365px;
    word-break: break-all;
    text-align: center;
}

.login-form[b-uanx4autni] {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: center;
}

.formBox h2[b-uanx4autni] {
    font-size: 2rem;
    color: #111;
}

#set-language[b-uanx4autni] {
    width: 335px;
    margin-bottom: 35px;
}

.separator[b-uanx4autni] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-top: 10px;
}

    .separator span[b-uanx4autni] {
        width: 100%;
        height: 1px;
        background-color: #9a9a9b;
    }

        .separator span:first-child[b-uanx4autni] {
            margin-right: 5px;
        }

        .separator span:last-child[b-uanx4autni] {
            margin-left: 5px;
        }

.msg-exclusivo[b-uanx4autni] {
    max-width: 90%;
    margin: 0 auto;
}

    .msg-exclusivo p[b-uanx4autni] {
        font-weight: 700;
        color: #222;
        font-size: 0.9rem;
    }

.custom-login[b-uanx4autni] {
    border: 1px solid #8f8f8f;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 15px;
}

.pSenha a[b-uanx4autni] {
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
}

.pSenha[b-uanx4autni] {
    margin-top: -10px;
    margin-bottom: 15px;
}

.formBox[b-uanx4autni] {
    width: 335px;
    background: #fff;
    padding: 16px 24px;
    border-radius: 8px;
    opacity: 0.9;
    margin-bottom: 18%;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2), -1px -1px 6px 0px rgba(0, 0, 0, 0.2);
}

.btn-padrao[b-uanx4autni] {
    background-color: #0b66c3;
    width: 100%;
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
    touch-action: manipulation;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid transparent;
    margin-bottom: 0.8rem;
    padding: 0.7rem 1.5rem;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    transition: 0.2s;
}

    .btn-padrao:hover[b-uanx4autni] {
        background: #d9d9d9;
        color: #231f20;
    }

.btn-mazars[b-uanx4autni] {
    font-weight: 500;
    font-size: 1.1rem;
}

.input-senha[b-uanx4autni] {
    position: relative;
}

    .input-senha button[b-uanx4autni] {
        position: absolute;
        top: 33px;
        right: 9px;
        border: none;
        background: none;
        outline: none;
    }

        .input-senha button:focus[b-uanx4autni] {
            border: none;
            outline: none;
        }

@media (max-width: 1400px) {
    .login-logo img[b-uanx4autni] {
        max-width: 400px;
    }

    .login-titulo h1[b-uanx4autni] {
        font-size: 4.5rem;
        margin-right: 0px;
    }

    .formBox h2[b-uanx4autni] {
        font-size: 1.3rem;
    }

    .formBox[b-uanx4autni] {
        width: 300px;
    }

    #set-language[b-uanx4autni] {
        width: 300px;
        margin-bottom: 10px;
    }

    .msg-exclusivo p[b-uanx4autni] {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }

    .btn-mazars[b-uanx4autni] {
        font-size: 1rem;
    }
}

@media (max-width: 1075px) {
    .login-titulo h1[b-uanx4autni] {
        margin-right: -30px;
        font-size: 3rem;
        width: 260px;
    }
}

@media (max-width: 850px) {
    .login-bg[b-uanx4autni] {
        background-image: url(images/TelaLoginVelariLG.jpg);
    }

    .login-grid[b-uanx4autni] {
        grid-template-columns: 1fr;
    }

    .login-logo[b-uanx4autni],
    .login-titulo[b-uanx4autni] {
        display: none;
    }

    .login-form[b-uanx4autni] {
        grid-column: initial;
        grid-row: initial;
    }

    .formBox[b-uanx4autni] {
        width: 350px;
        opacity: 1;
    }

    #set-language[b-uanx4autni] {
        width: 350px;
    }
}
/* _content/WebOS.Blazor/Pages/Usuario/UsuarioClientes.razor.rz.scp.css */
[b-lmgowgpk1i] .botoesLado{
   height: 520px;
   
   display: flex;
   align-items: center;
   
   
}
/* _content/WebOS.Blazor/Shared/MainLayout.razor.rz.scp.css */
.page[b-8k1zquxpqa] {
  position: relative;
  display: flex;
  flex-direction: column;

  background: linear-gradient(135deg, #172a74, #21a9af);
  background-color: #184e8e;  
  font-family: "Source Sans Pro", sans-serif;
  min-height: 100vh;
}

main[b-8k1zquxpqa]{
   width:100%;
}

.topbar-menu[b-8k1zquxpqa]{
   padding-bottom: 5px;
}
article.content[b-8k1zquxpqa]{
   min-height: calc(100vh - 222px);
}

@media (min-width: 992px) {
  .page[b-8k1zquxpqa] {
    flex-direction: row;
  }

}


.footer[b-8k1zquxpqa]{
   margin-top: 80px;
}
