/*-------------------------------------------------Reset--------------------------------------------------------------*/
*{
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*------------------------------------------------Scrollbar-----------------------------------------------------------*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(51, 117, 238);
}
/*--------------------------------------------------Body--------------------------------------------------------------*/
body{
    /*background-image: url("../imgs/img.f76384a8debd.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;*/
    height: 100vh;
}
/*--------------------------------------------------Filter------------------------------------------------------------*/
#filter{
    max-width: 80px;
}

#filterAno{
    max-width: 80px;
}
/*---------------------------------------------Monitoramento----------------------------------------------------------*/
.monitoramento{
    max-height: 90vh;
    width: 100vw;
    overflow-y: auto;
    padding-bottom: 1rem;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.monitoramento::-webkit-scrollbar {
    display: none;
}

.monitoramento label{
    color: #3498db;
}

.monitoramento .table-scroll {
    max-height: 280px;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
/*--------------------------------------------------Suporte-----------------------------------------------------------*/
.container_suporte textarea{
    height: 50px;
    resize: none;
    overflow-y: auto;
}
/*---------------------------------------------------Login------------------------------------------------------------*/
.login-wrapper {
    display: flex;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #f1f1f1;
}

.left-panel {
    width: 35%;
    background: #0099FF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.left-content {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    z-index: 3;
}

.left-content h1 {
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: 200;
}

.left-content h1 span {
    font-size: 2rem;
    font-weight: 500;
}

.signIn-img {
    width: 620px;
}

.wave-divider-login {
    width: 15%;
    background: #0099FF;
    clip-path: path("M128,0 L122.7,48 C117,96 107,192 90.7,288 C75,384 53,480 37.3,576 C21,672 11,768 42.7,864 C75,960 149,1056 202.7,1152 C256,1248 288,1344 304,1392 L320,1440 L320,0 Z");
    transform: scaleX(-1) scale(1.1);
    z-index: 2;
}

.right-panel {
    width: 50%;
    background: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.form_login {
    width: 60%;
    max-width: 380px;
}

.form_login a {
    text-decoration: none;
}
/*-----------------------------------------------------Login-1024px---------------------------------------------------*/
@media (max-width: 1024px){

    .left-panel {
        width: 40%;
    }

    .wave-divider-login {
        width: 12%;
        transform: scaleX(-1) scale(1.05);
    }

    .right-panel {
        width: 48%;
    }

    .left-content {
        left: 70%;
    }

    .signIn-img {
        width: 480px;
    }

    .left-content h1 {
        font-size: 1.6rem;
    }
}
/*-----------------------------------------------------Login-768px----------------------------------------------------*/
@media (max-width: 768px){

    .left-panel {
        width: 45%;
    }

    .wave-divider-login {
        width: 10%;
    }

    .right-panel {
        width: 45%;
    }

    .left-content {
        left: 65%;
    }

    .signIn-img {
        width: 420px;
    }

    .left-content h1 {
        font-size: 1.4rem;
    }
}
/*-----------------------------------------------------Login-425px----------------------------------------------------*/
@media (max-width: 425px){

    .login-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* some lado azul e wave */
    .left-panel,
    .wave-divider-login {
        display: none;
    }

    /* formulário ocupa tudo */
    .right-panel {
        width: 100%;
        height: 100vh;
        justify-content: center;
    }

    .form_login {
        width: 85%;
        max-width: none;
    }

    .login-messages {
        width: 90%;
        text-align: center;
    }
}
/*-----------------------------------------------------Login-375px----------------------------------------------------*/
@media (max-width: 375px){

    .login-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .left-panel,
    .wave-divider-login {
        display: none;
    }

    .right-panel {
        width: 100%;
        height: 100vh;
        justify-content: center;
    }

    .form_login {
        width: 75%;
    }
}
/*-----------------------------------------------------Login-320px----------------------------------------------------*/
@media (max-width: 320px){

    .login-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .left-panel,
    .wave-divider-login {
        display: none;
    }

    .right-panel {
        width: 100%;
        height: 100vh;
        justify-content: center;
    }

    .form_login {
        width: 90%;
    }
}
/*---------------------------------------------------Login-iPhone SE--------------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px){

    .login-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .left-panel,
    .wave-divider-login {
        display: none;
    }

    .right-panel {
        width: 100%;
        height: auto;
        min-height: 100vh;
        padding-top: 40px;
    }

    .form_login {
        width: 90%;
        margin-top: 20px;
    }
}
/*----------------------------------------------Login-iPhone 14 Pro MAX-----------------------------------------------*/
@media screen and (max-width: 430px) and (max-height: 932px){

    .login-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .left-panel,
    .wave-divider-login {
        display: none;
    }

    .right-panel {
        width: 100%;
        height: auto;
        min-height: 100vh;
        padding-top: 40px;
    }

    .form_login {
        width: 80%;
        margin-top: 20px;
    }
}
/*----------------------------------------------Login-Samsung Galaxy S8+----------------------------------------------*/
@media (max-width: 360px){

    .form_login {
        width: 90%;
        margin-top: 40px;
    }
}
/*---------------------------------------------------Login-iPad Pro---------------------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1366px){

    .left-panel {
        width: 38%;
    }

    .wave-divider-login {
        width: 12%;
    }

    .right-panel {
        width: 50%;
    }

    .form_login {
        width: 45%;
    }

    .left-content {
        left: 75%;
    }

    .signIn-img {
        width: 520px;
    }
}
/*------------------------------------------------Login-Surface Pro 7-------------------------------------------------*/
@media (max-width: 912px){

    .left-panel {
        width: 42%;
    }

    .wave-divider-login {
        width: 12%;
    }

    .right-panel {
        width: 46%;
    }

    .form_login {
        width: 80%;
    }

    .left-content {
        left: 68%;
    }

    .signIn-img {
        width: 460px;
    }
}
/*----------------------------------------------Login-Asus Zenbook Fold-----------------------------------------------*/
@media screen and (max-width: 960px) and (max-height: 640px){

    .login-wrapper {
        flex-direction: column;
        height: auto;
    }

    .left-panel,
    .wave-divider-login {
        display: none;
    }

    .right-panel {
        width: 100%;
        padding-top: 30px;
    }

    .form_login {
        width: 85%;
    }
}
/*--------------------------------------------------Login-Nest Hub----------------------------------------------------*/
@media screen and (max-height: 600px) and (min-width: 800px) {
  .container_login {
    flex-direction: row;
    height: 100vh;
    align-items: center;
    justify-content: space-around;
    padding: 0 20px;
  }

  .container_login .left_side {
    flex-direction: row;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
  }

  .container_login .left_side .login-img {
    width: 40%;
    height: auto;
    margin: 0;
    position: static;
  }

  .container_login .left_side .wave-left {
    width: 100%;
    height: 18em;
    padding: 10px;
    border-radius: 30px 15% 80% 15px;
  }

  .container_login .left_side .signIn-img {
    width: 100%;
    height: auto;
  }

  .container_login .left_side .form_login {
    width: 45%;
    margin: 0;
  }
}
/*-------------------------------------------------------Cadastro-----------------------------------------------------*/
.cadastro-wrapper {
    display: flex;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #f1f1f1;
}

.cadastro-left {
    width: 50%;
    background: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
}

.form-container {
    width: 90%;
    max-width: 900px;
}

.form-container p a{
    text-decoration: none;
}

.wave-divider-cadastro {
    width: 15%;
    height: 100vh;
    background: #0099FF;
    clip-path: path(
      "M128,0 L122.7,48 C117,96 107,192 90.7,288 C75,384 53,480 37.3,576 C21,672 11,768 42.7,864 C75,960 149,1056 202.7,1152 C256,1248 288,1344 304,1392 L320,1440 L320,0 Z"
    );
    transform: scaleX(1) scale(1.1);
}
.cadastro-right {
    width: 35%;
    background: #0099FF;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-content {
    position: relative;
    top: 20%;
    left: 10%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.reparo-img {
    width: 430px;
}
/*-------------------------------------------------Cadastro-free------------------------------------------------------*/
.card-teste-gratuito {
    background-color: #2c2c2c;
    color: white;
    border: 1px solid #444;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 500px;
    transition: transform 0.3s ease;
}

.card-teste-gratuito .card-img-top {
    height: 165px;
    object-fit: cover;
}

.card-teste-gratuito .card-body ul li {
    color: white;
}

.blur-card::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.blur-card .card-overlay {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: bold;
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    border-radius: 8px;
    text-align: center;
    pointer-events: none;
}

.blur-card {
    pointer-events: none;
}

#card-teste-stage1,
#card-teste-stage2 {
    height: 90%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container-assinatura-cadastro .btn,
.container-assinatura-cadastro .btn {
    margin-top: 10px;
}

/*-------------------------------------------------Cadastro-1024px----------------------------------------------------*/
@media (max-width: 1024px) {
  .cadastro-wrapper {
    flex-direction: row; /* mantém lado esquerdo + direito */
    height: auto;
  }

  .cadastro-left {
    width: 50%;
    padding: 40px 20px;
  }

  .cadastro-right {
    width: 50%;
    padding: 40px 0;
  }

  .right-content {
    position: static;
    transform: none;
  }

  .reparo-img {
    width: 350px;
  }

  .wave-divider-cadastro {
    display: block;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {

  #cards-teste-gratuito {
      display: grid;
      grid-template-columns: 1fr; /* 1 card por linha */
      gap: 20px;
  }

  #cards-teste-gratuito .col {
      max-width: 100%;
      flex: none;
  }

  .card-teste-gratuito {
      height: auto;
  }

  #carouselExampleControls {
      max-height: 90vh;
      overflow-y: auto;
  }
}

@media (max-width: 767px) and (min-width: 431px) {

  .cadastro-wrapper {
      height: auto;
      min-height: 100vh;
      overflow-y: auto; /* libera scroll */
  }

  .cadastro-left {
      height: auto;
      padding: 30px 20px;
  }

  #carouselExampleControls .carousel-item:last-child {
      max-height: none;
      overflow-y: visible;
  }
    #carouselExampleControls,
    #carouselExampleControls .carousel-inner,
    #carouselExampleControls .carousel-item {
      height: auto !important;
      min-height: auto !important;
    }

  #carouselExampleControls .carousel-inner {
      overflow: visible !important;
  }

  #carouselExampleControls .carousel-item {
      padding-top: 10px;
  }
}

/*-------------------------------------------------Cadastro-768px-----------------------------------------------------*/
@media (max-width: 768px) {

  .cadastro-right,
  .wave-divider-cadastro {
      display: none;
  }

  .cadastro-left {
      width: 100%;
      height: 100vh;
      padding: 30px 20px;
  }
}
/*-------------------------------------------------Cadastro-430px-----------------------------------------------------*/
@media (max-width: 430px) {

    .cadastro-wrapper {
        height: auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }

    .cadastro-left {
        width: 100%;
        padding: 20px;
        display: flex;
        justify-content: center;
    }

    .form-container {
        width: 95%;
    }

    .wave-divider-cadastro {
        display: none;
    }

  .cadastro-right,
  .wave-divider-cadastro {
      display: none;
  }

    #carouselExampleControls {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    #carouselExampleControls .carousel-item:last-child {
        max-height: 90vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #carouselExampleControls .carousel-item:last-child::-webkit-scrollbar {
        display: none;
    }

    #carouselExampleControls .carousel-item {
        height: auto;
    }

    #carouselExampleControls .container-assinatura-cadastro,
    #carouselExampleControls .card-body {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
}
/*-------------------------------------------------Cadastro-375px-----------------------------------------------------*/
@media (max-width: 375px) {

    .form-container {
        width: 100%;
    }

    .switch-plan-toggle {
        flex-direction: column;
        gap: 10px;
    }

    .btn-switch {
        width: 100%;
        padding: 10px 0;
    }

    .stage-label {
        font-size: 16px;
        top: 5px;
    }

    h1, h2 {
        font-size: 22px;
        text-align: center;
    }

    .btn {
        font-size: 14px;
    }
}
/*-------------------------------------------------Cadastro-320px-----------------------------------------------------*/
@media (max-width: 320px) {

    .form-container {
        width: 100%;
    }

    .stage-label {
        font-size: 14px;
        padding: 3px 6px;
    }

    .card-body ul li {
        font-size: 14px;
    }

    .card-body {
        padding: 1rem 0.5rem;
    }

    .btn {
        padding: 8px 14px;
        font-size: 13px;
    }

    form .row .col-md-4,
    form .row .col-md-6 {
        width: 100%;
    }
}
/*-----------------------------------------------Cadastro-Iphone SE---------------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {

    .form-container {
        width: 95%;
    }

    .switch-plan-toggle {
        flex-direction: column;
        gap: 10px;
    }

    .btn-switch {
        width: 100%;
        padding: 10px 0;
    }

    .stage-label {
        font-size: 14px;
        top: 5px;
    }

    h1, h2 {
        font-size: 22px;
    }

    .btn {
        font-size: 14px;
    }

    #carouselExampleControls .carousel-item {
        max-height: 90vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #carouselExampleControls .carousel-item::-webkit-scrollbar {
        display: none;
    }
}
/*----------------------------------------------Cadastro-Iphone 12 Pro------------------------------------------------*/
@media (max-width: 390px) and (max-height: 884px) {

    .form-container {
        width: 90%;
    }

    .switch-plan-toggle {
        flex-direction: column;
        gap: 10px;
    }

    .btn-switch {
        width: 100%;
        padding: 10px 0;
    }

    .stage-label {
        font-size: 14px;
        top: 5px;
    }

    h1, h2 {
        font-size: 22px;
    }

    .btn {
        font-size: 14px;
    }
}
/*--------------------------------------------------Cadastro-S8+------------------------------------------------------*/
@media (max-width: 360px) and (max-height: 740px) {

    .form-container {
        width: 95%;
    }

    .switch-plan-toggle {
        flex-direction: column;
        gap: 10px;
    }

    .btn-switch {
        width: 100%;
        padding: 10px 0;
    }

    .stage-label {
        font-size: 14px;
        top: 5px;
    }

    h1, h2 {
        font-size: 22px;
    }

    .btn {
        font-size: 14px;
    }

    #carouselExampleControls .carousel-item {
        max-height: 90vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #carouselExampleControls .carousel-item::-webkit-scrollbar {
        display: none;
    }
}
/*-----------------------------------------------Cadastro-Surface Duo-------------------------------------------------*/
@media (max-width: 600px) and (min-width: 500px) {

    .form-container {
        width: 80%;
    }

    .switch-plan-toggle {
        justify-content: space-between;
        gap: 30px;
    }

    #carouselExampleControls .carousel-item {
        max-height: 90vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #carouselExampleControls .carousel-item::-webkit-scrollbar {
        display: none;
    }
}
/*---------------------------------------Cadastro-Surface Duo (dobrado)-----------------------------------------------*/
@media (max-width: 720px) and (min-width: 540px) {

    .form-container {
        width: 80%;
    }

    .card,
    .card-equal-height {
        height: auto;
        flex-direction: column;
    }

    .switch-plan-toggle {
        justify-content: space-between;
        gap: 30px;
    }

    #carouselExampleControls .carousel-item {
        max-height: 90vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #carouselExampleControls .carousel-item::-webkit-scrollbar {
        display: none;
    }
}
/*----------------------------------------Cadastro-NestHub e NestHubMax--------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1280px) {

    .form-container {
        width: 60%;
    }

    .card {
        min-height: 300px;
    }

    .card-equal-height {
        height: 100%;
        min-height: 500px;
    }

    .switch-plan-toggle {
        flex-direction: row;
        gap: 40px;
    }

    #carouselExampleControls .carousel-item:last-child {
        max-height: 90vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #carouselExampleControls .carousel-item:last-child::-webkit-scrollbar {
        display: none;
    }
}
/*----------------------------------------------Alterar Assinatura----------------------------------------------------*/
.container_assinatura .switch-plan-toggle {
    display: flex;
    border-radius: 25px;
    padding: 4px;
    gap: 50px;
}

.container_assinatura .btn-switch {
    border: none;
    padding: 10px 25px;
    border-radius: 25px;
    background-color: gray;
    color: white;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
}

.container_assinatura .btn-switch.active {
    background-color: #3498db;
}

.container_assinatura .card ul li {
    color: white;
}

.container_assinatura .card-img-top {
    height: 220px;
    object-fit: cover;
}

.container_assinatura .desconto-text {
    color: #3498db;
}

.container_assinatura .card {
    background-color: #2c2c2c;
    color: white;
    border: 1px solid #444;
    position: relative;
    height: 100%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container_assinatura .card .stage-label {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #3498db;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
}

.container_assinatura .card-img-top {
    height: 220px;
    object-fit: cover;
}

#descontoAnualInfo {
    min-width: 60px;
    display: inline-block;
    text-align: center;
    visibility: hidden;
}

#descontoAnualInfo.visible {
    visibility: visible;
}

.container_assinatura .assinatura-info {
    height: 1.5rem;
    overflow: hidden;
}
/*----------------------------------------------Alterar Assinatura-1024px---------------------------------------------*/
@media (max-width: 1024px) {
    .container_assinatura .switch-plan-toggle {
        display: flex;
        border-radius: 25px;
        padding: 4px;
        gap: 50px;
    }

    .container_assinatura .btn-switch {
        border: none;
        padding: 10px 25px;
        border-radius: 25px;
        background-color: gray;
        color: white;
        cursor: pointer;
        font-weight: bold;
        transition: 0.3s;
    }

    .container_assinatura .btn-switch.active {
        background-color: #3498db;
    }

    .container_assinatura .card ul li {
        color: white;
    }

    .container_assinatura .card-img-top {
        height: 220px;
        object-fit: cover;
    }

    .container_assinatura .desconto-text {
        color: #3498db;
    }

    .container_assinatura .card {
        background-color: #2c2c2c;
        color: white;
        border: 1px solid #444;
        position: relative;
        height: 100%;
        min-height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .container_assinatura .card .stage-label {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #3498db;
        color: white;
        padding: 5px 10px;
        border-radius: 5px;
        font-weight: bold;
        font-size: 18px;
    }

    .container_assinatura .card-img-top {
        height: 190px;
        object-fit: cover;
    }

    .container_assinatura .assinatura-info {
        height: 1.5rem;
        overflow: hidden;
    }
}
/*----------------------------------------------Alterar Assinatura-768px----------------------------------------------*/
@media (max-width: 768px) {
    .container_assinatura .row-cols-md-3 > .col {
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container_assinatura .card {
        width: 50%;
    }

    .container_assinatura .switch-plan-toggle {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
    }

    .container_assinatura .btn-switch {
        width: auto;
        padding: 12px 24px;
    }

    .container_assinatura .form_alterarAssinatura {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_assinatura .form_alterarAssinatura ::-webkit-scrollbar {
        display: none;
    }

    .container_assinatura .card-img-top {
        height: 200px;
    }

    .container_assinatura .assinatura-info {
        height: 1.5rem;
        overflow: hidden;
    }
}
/*----------------------------------------------Alterar Assinatura-425px----------------------------------------------*/
@media (max-width: 425px) {
    .container_assinatura .row-cols-md-3 > .col {
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container_assinatura .card {
        width: 70%;
    }

    .container_assinatura .switch-plan-toggle {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
    }

    .container_assinatura .btn-switch {
        width: auto;
        padding: 12px 24px;
    }

    .container_assinatura .form_alterarAssinatura {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_assinatura .form_alterarAssinatura ::-webkit-scrollbar {
        display: none;
    }

    .container_assinatura .card-img-top {
        height: 200px;
    }

    .container_assinatura .assinatura-info {
        height: 1.5rem;
        overflow: hidden;
    }
}
/*----------------------------------------------Alterar Assinatura-375px----------------------------------------------*/
@media (max-width: 375px) {
    .container_assinatura .row-cols-md-3 > .col {
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container_assinatura .card {
        width: 80%;
    }

    .container_assinatura .switch-plan-toggle {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
    }

    .container_assinatura .btn-switch {
        width: auto;
        padding: 12px 24px;
    }

    .container_assinatura .form_alterarAssinatura {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_assinatura .form_alterarAssinatura ::-webkit-scrollbar {
        display: none;
    }

    .container_assinatura .card-img-top {
        height: 200px;
    }

    .container_assinatura .assinatura-info {
        height: 1.5rem;
        overflow: hidden;
    }
}
/*----------------------------------------------Alterar Assinatura-320px----------------------------------------------*/
@media (max-width: 320px) {
    .container_assinatura .row-cols-md-3 > .col {
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container_assinatura .card {
        width: 90%;
    }

    .container_assinatura .switch-plan-toggle {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
    }

    .container_assinatura .btn-switch {
        font-size: 0.9rem;
        width: auto;
        padding: 12px 24px;
    }

    .container_assinatura .form_alterarAssinatura {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_assinatura .form_alterarAssinatura ::-webkit-scrollbar {
        display: none;
    }

    .container_assinatura .card-img-top {
        height: 200px;
    }

    .container_assinatura .assinatura-info {
        height: 1.5rem;
        overflow: hidden;
    }
}
/*-------------------------------------------------Alterar Conta------------------------------------------------------*/
.container_conta .form_conta {
    max-height: 65vh;
    padding-bottom: 1rem;
}

.container_conta .form_conta ::-webkit-scrollbar{
   display: none;
}
/*-------------------------------------------------Alterar Conta-425px------------------------------------------------*/
@media (max-width: 425px) {
    .container_conta .form_conta {
        max-height: 65vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta ::-webkit-scrollbar{
       display: none;
    }

    .container_conta .form_conta .btn{
        margin-bottom: 25px;
    }
}
/*----------------------------------------------Alterar Conta- Iphone SE----------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_conta .form_conta {
        max-height: 65vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta ::-webkit-scrollbar{
       display: none;
    }

    .container_conta .form_conta .btn{
        margin-bottom: 60px;
    }
}
/*-------------------------------------------------Alterar Conta-Iphone-14ProMax--------------------------------------*/
@media (max-width: 430px) and (max-height: 932px) {
    .container_conta .form_conta {
        max-height: 65vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta ::-webkit-scrollbar{
       display: none;
    }

    .container_conta .form_conta .btn{
        margin-bottom: 25px;
    }
}
/*-------------------------------------------------------Alterar Conta-S8+--------------------------------------------*/
@media (max-width: 430px) and (max-height: 932px) {
    .container_conta .form_conta {
        max-height: 62vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta ::-webkit-scrollbar{
       display: none;
    }

    .container_conta .form_conta .btn{
        margin-bottom: 25px;
    }
}
/*-------------------------------------------------Alterar Conta-Iphone 4---------------------------------------------*/
@media (max-width: 320px) and (max-height: 480px) {
    .container_conta .form_conta {
        max-height: 60vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta::-webkit-scrollbar {
        display: none;
    }

    .container_conta .form_conta .btn {
        margin-bottom: 200px;
    }
}
/*-------------------------------------------------------Alterar Conta-Ipad-------------------------------------------*/
@media (min-width: 768px) and (max-width: 1080px) {
    .container_conta .form_conta {
        max-height: 75vh;
        overflow-y: auto;
        padding: 1.5rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta::-webkit-scrollbar {
        display: none;
    }

    .container_conta .form_conta .btn {
        margin-bottom: 30px;
    }
}
/*--------------------------------------------------Alterar Conta-NestHub---------------------------------------------*/
@media (max-width: 1024px) and (max-height: 600px) {
    .container_conta .form_conta {
        max-height: 70vh;
        overflow-y: auto;
        padding: 1rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta::-webkit-scrollbar {
        display: none;
    }

    .container_conta .form_conta .btn {
        margin-bottom: 50px;
    }
}
/*---------------------------------------------------Alterar Conta-NestHubMax-----------------------------------------*/
@media (max-width: 1280px) and (max-height: 800px) {
    .container_conta .form_conta {
        max-height: 62vh;
        overflow-y: auto;
        padding: 1rem;
    }

    .container_conta .form_conta .btn {
        margin-bottom: 25px;
    }
}
/*-----------------------------------------------------Alterar Conta-ZFold5-------------------------------------------*/
@media (max-width: 904px) and (max-height: 1080px) {
    .container_conta .form_conta {
        max-height: 68vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_conta .form_conta::-webkit-scrollbar {
        display: none;
    }

    .container_conta .form_conta .btn {
        margin-bottom: 25px;
    }
}
/*----------------------------------------------Alterar Oficina- 425px------------------------------------------------*/
@media (max-width: 425px) {
    .container_oficina .form_alterarOficina {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_oficina .form_alterarOficina ::-webkit-scrollbar{
       display: none;
    }

    .container_oficina .form_alterarOficina .btn{
        margin-bottom: 60px;
    }

    .container_oficina .form_alterarOficina .input-group {
        flex-direction: row;
    }

    .container_oficina .form_alterarOficina .input-group input,
    .container_oficina .form_alterarOficina .input-group .btn {
        width: 50%;
        margin: 0;
    }
}
/*-------------------------------------------------Alterar Conta-Iphone-14ProMax--------------------------------------*/
@media (max-width: 430px) and (max-height: 932px) {
    .container_oficina .form_alterarOficina {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_oficina .form_alterarOficina ::-webkit-scrollbar{
       display: none;
    }

    .container_oficina .form_alterarOficina .btn{
        margin-bottom: 60px;
    }

    .container_oficina .form_alterarOficina .input-group {
        flex-direction: row;
    }

    .container_oficina .form_alterarOficina .input-group input,
    .container_oficina .form_alterarOficina .input-group .btn {
        width: 50%;
        margin: 0;
    }
}
/*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-----Tabelas-----*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*/


/*------------------------------------------------------HomePage------------------------------------------------------*/
.ordem_table .button-custom-status{
    width: 70%;
    border-radius: 25px;
}

.container_ordem .custom-cliente{
    width: 10%;
}

.container_ordem .custom-documento{
    width: 14%;
}

.container_ordem .custom-status{
    width: 27%;
}

.container_ordem .custom-modelo{
    width: 20%;
}

.container_ordem tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_ordem {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_ordem ::-webkit-scrollbar{
   display: none;
}

.container_ordem .status-Agendado {
    background-color: #1ecbeb;
    color: #000;
    border-radius: 25px;
    padding: 5px;
}

.container_ordem  .status-Orcamento {
    background-color: #fcd35b;
    color: #000;
    border-radius: 25px;
    padding: 5px;
}

.container_ordem  .status-Aguardando {
    background-color: #f3e305;
    color: #000;
    border-radius: 25px;
    padding: 5px;
}

.container_ordem  .status-Pagamento {
    background-color: #f11a2c;
    color: #000;
    border-radius: 25px;
    padding: 5px;
}

.container_ordem  .status-Finalizado {
    background-color: #14dd43;
    color: #000;
    border-radius: 25px;
    padding: 5px;
}

.container_ordem .status-Validado {
    background-color: #ADD8E6;
    color: #000;
    border-radius: 25px;
    padding: 5px;
    border: 1px solid #000;
    width: 71%;
}
/*------------------------------------------------HomePage-IphoneSE---------------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_ordem article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_ordem article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*--------------------------------------------------Tabela Cliente----------------------------------------------------*/
.container_clientes .custom-buttom-excluir{
    background-color: #fff;
    padding: 5px;
    border-radius: 20px;
}

.container_clientes .custom-buttom-excluir:hover{
    color: #333;
}

.container_clientes tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_clientes {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_clientes ::-webkit-scrollbar{
   display: none;
}
/*--------------------------------------------Tabela Clientes-IphoneSE------------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_clientes article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_clientes article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*--------------------------------------------------Tabela Serviço----------------------------------------------------*/
.container_servico .custom-item{
    width: 50%;
}

.container_servico .custom-item-delete{
    width: 1%;
}

.container_servico .custom-buttom-excluir{
    background-color: #fff;
    padding: 5px;
    border-radius: 25px;
    width: 38px;
}

.container_servico .custom-buttom-excluir:hover{
    color: #333;
}

.container_servico tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_servico {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_servico ::-webkit-scrollbar{
   display: none;
}
/*--------------------------------------------Tabela Serviço-IphoneSE-------------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_servico article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_servico article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*----------------------------------------------------Tabela Peça-----------------------------------------------------*/
.container_peca .custom-item{
    width: 50%;
}

.container_peca .custom-item-delete{
    width: 1%;
}

.container_peca .custom-buttom-excluir{
    background-color: #fff;
    padding: 5px;
    width: 38px;
    border-radius: 20px;
}

.container_peca .custom-buttom-excluir:hover{
    color: #333;
}

.container_peca tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_peca {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_peca ::-webkit-scrollbar{
   display: none;
}
/*-----------------------------------------------Tabela Peça-IphoneSE-------------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_peca article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_peca article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*----------------------------------------------------Tabela Veiculos-------------------------------------------------*/
.container_carro .custom-item{
    width: 30%;
}

.container_carro .custom-item-delete{
    width: 5%;
}

.container_carro .custom-buttom-excluir{
    background-color: #fff;
    padding: 5px;
    width: 38px;
    border-radius: 20px;
}

.container_carro .custom-buttom-excluir:hover{
    color: #333;
}

.container_carro tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_carro {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_carro ::-webkit-scrollbar{
   display: none;
}
/*---------------------------------------------Tabela Veiculos-IphoneSE-----------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_carro article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_carro article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*------------------------------------------------Tabela Funcionarios-------------------------------------------------*/
.container_funcionario .custom-item{
    width: 20%;
}

.container_funcionario .custom-item-delete{
    width: 6%;
}

.container_funcionario .custom-buttom-excluir{
    background-color: #fff;
    padding: 5px;
    width: 38px;
    border-radius: 20px;
}

.container_funcionario .custom-buttom-excluir:hover{
    color: #333;
}

.container_funcionario tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_funcionario {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_funcionario ::-webkit-scrollbar{
   display: none;
}
/*---------------------------------------------Tabela Funcionario-IphoneSE--------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_funcionario article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_funcionario article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*----------------------------------------------------Tabela Estoque--------------------------------------------------*/
.container_estoque .custom-item{
    width: 20%;
}

.container_estoque .custom-item-quantidade{
    width: 3%;
}

.container_estoque tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_estoque {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_estoque ::-webkit-scrollbar{
   display: none;
}
/*----------------------------------------------------Tabela Estoque-430px--------------------------------------------*/
@media (max-width: 430px) {
    .container_estoque .text-center.mt-3 a.btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}
/*---------------------------------------------------Tabela Estoque-IphoneSE------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_estoque article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_estoque article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*-----------------------------------------------Tabela Estoque Entrada-----------------------------------------------*/
.container_estoqueEntrada .custom-item{
    width: 20%;
}

.container_estoqueEntrada tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}

.container_estoqueEntrada {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_estoqueEntrada ::-webkit-scrollbar{
   display: none;
}
/*---------------------------------------------Tabela Estoque Entrada-IphoneSE----------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_estoqueEntrada article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_estoqueEntrada article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*------------------------------------------------Tabela Estoque Saida------------------------------------------------*/
.container_estoqueSaida .custom-item{
    width: 30%;
}

.container_estoqueSaida .custom-item-peca{
    width: 15%;
}

.container_estoqueSaida .custom-item-quantidade{
    width: 15%;
}

.container_estoqueSaida .custom-item-ordem{
    width: 15%;
}

.container_estoqueSaida tbody tr:last-of-type {
    border-bottom: 2px solid #000;
}
.container_estoqueSaida {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_estoqueSaida ::-webkit-scrollbar{
   display: none;
}
/*-----------------------------------------------Tabela Estoque Saida-IphoneSE----------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_estoqueSaida article {
        max-height: 50vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_estoqueSaida article::-webkit-scrollbar {
        display: none;
    }

    a.btn-primary {
        width: 100%;
        font-size: 1rem;
    }
}
/*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*----Cadastros----*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*/

/*-------------------------------------------------Cadastrar Ordem----------------------------------------------------*/
.form_ordem {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
    position: relative;
}

 .form_ordem form select{
    width: 80%;
 }

.translate-button-cliente-ordem,
.translate-button-carro-ordem {
    position: absolute;
    top: -18.9rem;
    right: 1rem;
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    z-index: 10;
    padding: 0.3rem 0.6rem;
}

.translate-button-carro-ordem {
    top: -14.5rem;
}

.translate-button-cliente-ordem:hover,
.translate-button-carro-ordem:hover {
    background-color: #222;
    color: #fff;
}
/*-----------------------------------------------Cadastrar Ordem-768px------------------------------------------------*/
@media (max-width: 768px) {
    .form_ordem {
        width: 90%;
    }

}
/*-----------------------------------------------Cadastrar Ordem-576px------------------------------------------------*/
@media (max-width: 576px) {
    .form_ordem {
        width: 100%;
    }

}
/*-----------------------------------------------Cadastrar Ordem-425px------------------------------------------------*/

/*-----------------------------------------------Cadastrar Ordem-375px------------------------------------------------*/
@media (max-width: 375px) {
    .translate-button-cliente-ordem,
    .translate-button-carro-ordem {
        position: absolute;
        top: -18.9rem;
        right: 0.5rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }

    .translate-button-carro-ordem {
        top: -14.5rem;
    }
}
/*-----------------------------------------------Cadastrar Ordem-320px------------------------------------------------*/
@media (max-width: 320px) {
    .translate-button-cliente-ordem,
    .translate-button-carro-ordem {
        position: absolute;
        top: -18.9rem;
        right: -0.5rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }

    .translate-button-carro-ordem {
        top: -14.5rem;
    }
}
/*-----------------------------------------------Cadastrar Ordem-IphoneSE---------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .form_ordem{
        max-height: 74vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .form_ordem::-webkit-scrollbar {
        display: none;
    }

    .translate-button-cliente-ordem,
    .translate-button-carro-ordem {
        position: absolute;
        top: 1.5rem;
        right: 8.5rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }

    .translate-button-carro-ordem {
        top: 1.5rem;
    }
}
/*-----------------------------------------------Cadastrar Ordem-Ipad(deitado)----------------------------------------*/
@media (max-width: 1024px) and (min-width: 768px) {
    .form_ordem {
        max-height: 78vh;
    }
}
/*-----------------------------------------------Cadastrar Ordem-S8---------------------------------------------------*/
@media (max-width: 360px) and (max-height: 740px) {
    .form_ordem {
        max-height: 78vh;
    }

    .translate-button-cliente-ordem,
    .translate-button-carro-ordem {
        position: absolute;
        top: 1.5rem;
        right: 8rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }

    .translate-button-carro-ordem {
        top: 1.5rem;
    }
}
/*-----------------------------------------------Cadastrar Ordem-Nest Hub---------------------------------------------*/
@media (min-width: 1020px) and (max-width: 1080px) and (max-height: 650px) {
    .form_ordem{
        max-height: 70vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .form_ordem::-webkit-scrollbar {
        display: none;
    }

    .translate-button-cliente-ordem,
    .translate-button-carro-ordem {
        position: absolute;
        top: -18.8rem;
        right: 0.7rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }

    .translate-button-carro-ordem {
        top: -14.6rem;
    }
}
/*-----------------------------------------------Cadastrar Ordem-Nest Hub Max-----------------------------------------*/
@media (min-width: 1200px) and (max-width: 1300px) and (max-height: 820px) {
    .form_ordem {
        max-width: 34rem;
    }

    .translate-button-cliente-ordem,
    .translate-button-carro-ordem {
        position: absolute;
        top: -18.9rem;
        right: 2rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }

    .translate-button-carro-ordem {
        top: -14.6rem;
    }
}
/*-----------------------------------------------Cadastrar Ordem-Surface Duo------------------------------------------*/
@media (max-width: 560px) and (max-height: 750px) {
    .form_ordem {
        width: 95%;
        max-height: 79vh;
    }

    .translate-button-cliente-ordem,
    .translate-button-carro-ordem {
        position: absolute;
        top: -18.9rem;
        right: 0.7rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }

    .translate-button-carro-ordem {
        top: -14.6rem;
    }
}
/*------------------------------------------------------Ordem---------------------------------------------------------*/

.ordem_global .form_updateOrdem h2,
.ordem_global .form_updateServico h2,
.ordem_global .form_updatePeca h2 {
    color: #0b88fd;
}

.ordem_global .form_updateServico h5,
.ordem_global .form_updatePeca h5 {
    text-decoration: underline;
}

.ordem_global {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-top: 7rem;
}

.ordem_global::-webkit-scrollbar {
    display: none;
}

.info-ordem-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}
/*-------------------------------------------------------Ordem-767px--------------------------------------------------*/
@media (max-width: 767px) {
    .ordem_global{
        width: 100vw;
        max-height: 94vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .ordem_global::-webkit-scrollbar {
        display: none;
    }
}
/*-------------------------------------------------------Ordem-Nest Hub-----------------------------------------------*/
@media (min-width: 1024px) and (max-height: 601px) {
    .ordem_global{
        width: 100vw;
        max-height: 94vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .ordem_global::-webkit-scrollbar {
        display: none;
    }
}
/*---------------------------------------------------Ordem Serviço----------------------------------------------------*/
.container_ordemServico .form_ordemServico{
    width: 100%;
    max-width: 20rem;
    padding: 1rem;
}

.translate-button-addOrdemServico {
    position: absolute;
    top: -22.6rem;
    right: -0.4rem;
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    padding: 0.3rem 0.6rem;
    font-size: 0.85rem;
    z-index: 10;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.translate-button-addOrdemServico:hover {
    color: #fff;
    background-color: #222;
}

.translate-button-addOrdemServico:hover {
    color: #fff;
    background-color: #222;
}

.form_ordemServico select#servico {
    width: 80%;
}
/*----------------------------------------------------Ordem Serviço-425px---------------------------------------------*/
@media (max-width: 425px) {
    .container_ordemServico .form_ordemServico{
        width: 18rem;
    }

    .form_ordemServico form select#servico{
        width: 80%
    }
}
/*----------------------------------------------------Ordem Serviço-320px---------------------------------------------*/
@media (max-width: 320px) {
    .form_ordemServico form select#servico{
        width: 80%
    }

    .form_ordemServico form input{
        width: 80%
    }

    .translate-button-addOrdemServico {
        position: absolute;
        top: -22.6rem;
        right: 0.3rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        padding: 0.3rem 0.6rem;
        font-size: 0.85rem;
        z-index: 10;
        transition: background-color 0.3s ease;
        text-decoration: none;
    }
}
/*----------------------------------------------------Ordem Serviço-IphoneSe------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .form_ordemServico{
        max-height: 68vh;
    }
}
/*-----------------------------------------------------Ordem peça-----------------------------------------------------*/
.container_ordemPeca .form_ordemPeca .custom-switch{
    text-decoration: none;
}

.container_ordemPeca .form_ordemPeca .custom_block{
    color: #000;
}

.container_ordemPeca .form_ordemPeca{
    width: 100%;
    max-width: 20rem;
    padding: 1rem;
}

.form_ordemPeca .translate-button-addOrdemPeca {
    position: absolute;
    top: -21.7rem;
    right: -0.4rem;
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    padding: 0.3rem 0.6rem;
    font-size: 0.85rem;
    z-index: 10;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.form_ordemPeca select#peca {
    width: 80%;
}
/*-----------------------------------------------------Ordem peça-425px-----------------------------------------------*/
@media (max-width: 425px) {
    .container_ordemPeca .form_ordemPeca{
        width: 18rem;
    }

    .form_ordemPeca form select#peca{
        width: 80%
    }
}
/*-----------------------------------------------------Ordem peça-320px-----------------------------------------------*/
@media (max-width: 320px) {
    .form_ordemPeca form select#peca{
        width: 80%
    }

    .form_ordemPeca form input{
        width: 80%
    }

.form_ordemPeca .translate-button-addOrdemPeca {
        position: absolute;
        top: -21.8rem;
        right: 0.3rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        padding: 0.3rem 0.6rem;
        font-size: 0.85rem;
        z-index: 10;
        transition: background-color 0.3s ease;
        text-decoration: none;
    }
}
/*----------------------------------------------------Ordem peça-IphoneSe---------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .form_ordemPeca{
        max-height: 68vh;
    }
}
/*------------------------------------------------------Validar Ordem-------------------------------------------------*/
.container_validar {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 2rem;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .container_validar ::-webkit-scrollbar {
        display: none;
    }

.container_validar .form_validar{
    width: 40vw;
}

.container_validar .form_validar h1,
.container_validar .form_validar h2{
    color: #0b88fd;
}

.container_validar .form_validar form h3{
    text-decoration: underline;
}

.container_validar .card-body {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
}

.container_validar h6{
    color: #3498db;
}

.container_validar .card h6.card-title {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.container_validar .scroll-box {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*-------------------------------------------------Cadastrar Cliente--------------------------------------------------*/
.container_cadastrarCliente .form_cadastrarCliente{
    width: 100%;
    max-height: 74vh;
    overflow-y: auto;
    padding-bottom: 1rem;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container_cadastrarCliente .form_cadastrarCliente::-webkit-scrollbar {
    display: none;
}
/*-------------------------------------------------Cadastrar Serviço--------------------------------------------------*/

/*--------------------------------------------------Cadastrar Peça----------------------------------------------------*/

/*-------------------------------------------------Cadastrar Veiculo--------------------------------------------------*/
.form_carro{
    width: 100%;
    max-width: 30rem;
}

.form_carro .translate-button-carro {
    position: absolute;
    top: -22.8rem;
    right: 1.5rem;
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    z-index: 10;
    padding: 0.3rem 0.6rem;
}

.form_carro select#cliente {
    width: 80%;
}

.translate-button-carro:hover {
    color: #fff;
    background-color: #222;
}
/*-------------------------------------------------Cadastrar Veiculo-426px-767px--------------------------------------*/
@media (min-width: 426px) and (max-width: 767px){
     .form_carro{
        width: 100%;
        max-width: 20rem;
     }

    .form_carro .translate-button-carro {
        position: absolute;
        top: -31.4rem;
        right: -0.3rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }
}
/*-------------------------------------------------Cadastrar Veiculo-425px--------------------------------------------*/
@media (max-width: 425px) {
    .form_carro{
        width: 100%;
        max-width: 22rem;
    }

    .form_carro form select#cliente{
    width: 80%
    }

    .form_carro .translate-button-carro {
        position: absolute;
        top: -31.4rem;
        right: -0.3rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }
}
/*-------------------------------------------------Cadastrar Veiculo-320px--------------------------------------------*/
@media (max-width: 320px) {
    .form_carro{
        width:100%;
        max-width: 18rem;
    }

    .form_carro form select#cliente{
    width: 80%
    }

    .form_carro .translate-button-carro {
        position: absolute;
        top: -31.4rem;
        right: -0.3rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        z-index: 10;
        padding: 0.3rem 0.6rem;
    }
}
/*-------------------------------------------------Cadastrar Veiculo-Iphone Se----------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .form_carro {
        max-height: 60vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .form_carro::-webkit-scrollbar {
        display: none;
    }
}
/*-------------------------------------------------Cadastrar Funcionario-Iphone Se------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_addConta  {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_addConta::-webkit-scrollbar {
        display: none;
    }
}
/*---------------------------------------------------Cadastrar Compra-------------------------------------------------*/
.form_compra{
    width: 100%;
    max-width: 20rem;
}

.form_compra .translate-button-compra{
    position: absolute;
    top: -28rem;
    right: -0.1rem;
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    padding: 0.3rem 0.6rem;
    font-size: 0.85rem;
    z-index: 10;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.translate-button-compra:hover {
    color: #fff;
    background-color: #222;
}

.form_compra select#peca {
    width: 80%;
}

/*-------------------------------------------------Cadastrar Compra-425px---------------------------------------------*/
@media (max-width: 425px) {
    .form_compra form select#peca{
        width: 80%
    }

    .form_compra .translate-button-compra{
        position: absolute;
        top: -28rem;
        right: -0.1rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        padding: 0.3rem 0.6rem;
        font-size: 0.85rem;
        z-index: 10;
        transition: background-color 0.3s ease;
        text-decoration: none;
    }
}
/*-------------------------------------------------Cadastrar Compra-320px---------------------------------------------*/
@media (max-width: 320px) {
    .form_compra form select#peca{
        width: 80%
    }

    .form_compra .translate-button-compra{
        position: absolute;
        top: -28rem;
        right: -0.1rem;
        background-color: #000;
        color: #fff;
        border-radius: 25px;
        padding: 0.3rem 0.6rem;
        font-size: 0.85rem;
        z-index: 10;
        transition: background-color 0.3s ease;
        text-decoration: none;
    }
}
/*----------------------------------------------------Cadastrar Compra-IphoneSe---------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .form_compra {
        max-height: 70vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .form_compra::-webkit-scrollbar {
        display: none;
    }
}
/*---------------------------------------------------Update Cliente---------------------------------------------------*/
.container_attCliente .form_attCliente span{
    color: #0b88fd;
}
/*---------------------------------------------------Update Cliente-Iphone Se-----------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_attCliente .form_attCliente{
        max-height: 70vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_attCliente .form_attCliente::-webkit-scrollbar {
        display: none;
    }
}
/*-----------------------------------------------------Update Serviço-------------------------------------------------*/

/*-----------------------------------------------------Update Peça----------------------------------------------------*/

/*-----------------------------------------------------Update Veiculo-------------------------------------------------*/
@media (max-width: 375px) and (max-height: 667px) {
    .container_attVeiculo .form_attVeiculo{
        max-height: 70vh;
        overflow-y: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .container_attVeiculo .form_attVeiculo::-webkit-scrollbar {
        display: none;
    }
}
/*--------------------------------------------------Mensagem De Erro--------------------------------------------------*/
.fade-message {
    animation: fadeOut 3s forwards;
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 10px;
}

@keyframes fadeOut {
    0% { opacity: 1; }
    70% { opacity: 1; }
    100% { opacity: 0; display: none; }
}
/*--------------------------------------------------------Login-------------------------------------------------------*/
.login-messages {
    position: absolute;
    left: 80.8rem;
    top: 14rem;
    width 20rem;
}
                                                      /*1024px*/
@media (max-width: 1024px){
    .login-messages {
        position: absolute;
        left: 35rem;
        top: 11rem;
        width 20rem;
    }
}
                                                        /*768px*/
@media (max-width: 768px){
    .login-messages {
        position: absolute;
        left: 16.5rem;
        top: 25rem;
        width 20rem;
    }
}
                                                        /*425px*/
@media (max-width: 425px){
    .login-messages {
        position: absolute;
        left: 5.5rem;
        top: 19rem;
        width 20rem;
    }
}
                                                        /*375px*/
@media (max-width: 375px){
    .login-messages {
        position: absolute;
        left: 3.5rem;
        top: 50rem;
        width 20rem;
    }
}
                                                        /*320px*/
@media (max-width: 320px){
    .login-messages {
        position: absolute;
        left: 1.6rem;
        top: 50rem;
        width 20rem;
    }
}
/*------------------------------------------------------Cadastro------------------------------------------------------*/
.cadastro-messages {
    position: absolute;
    left: 80rem;
    top: 14rem;
    width 20rem;
}

.cadastro-error {
    position: absolute;
    left: 20rem;
    top: 14rem;
    width 20rem;
}
                                                      /*1024px*/
@media (max-width: 1024px){
    .cadastro-messages,
    .cadastro-error{
        position: absolute;
        left: 35rem;
        top: 11rem;
        width 20rem;
    }
}
                                                        /*768px*/
@media (max-width: 768px){
    .cadastro-messages,
     .cadastro-error{
        position: absolute;
        left: 16.5rem;
        top: 25rem;
        width 20rem;
    }
}
                                                        /*425px*/
@media (max-width: 425px){
    .cadastro-messages,
     .cadastro-error{
        position: absolute;
        left: 5.5rem;
        top: 19rem;
        width 20rem;
    }
}
                                                        /*375px*/
@media (max-width: 375px){
    .cadastro-messages,
     .cadastro-error{
        position: absolute;
        left: 3.5rem;
        top: 50rem;
        width 20rem;
    }
}
                                                        /*320px*/
@media (max-width: 320px){
    .cadastro-messages,
     .cadastro-error{
        position: absolute;
        left: 1.6rem;
        top: 50rem;
        width 20rem;
    }
}
/*-------------------------------------------------Alterar Assinatura-------------------------------------------------*/
.assinatura-messages {
    position: absolute;
    left: 67.5rem;
    top: 14rem;
    width 20rem;
}
                                                        /*1024px*/
@media (max-width: 1024px){
    .assinatura-messages {
        position: absolute;
        left: 35rem;
        top: 11rem;
        width 20rem;
    }
}
                                                        /*768px*/
@media (max-width: 768px){
    .assinatura-messages {
        position: absolute;
        left: 16.5rem;
        top: 25rem;
        width 20rem;
    }
}
                                                        /*425px*/
@media (max-width: 425px){
    .assinatura-messages {
        position: absolute;
        left: 5.5rem;
        top: 19rem;
        width 20rem;
    }
}
                                                        /*375px*/
@media (max-width: 375px){
    .assinatura-messages {
        position: absolute;
        left: 3.5rem;
        top: 50rem;
        width 20rem;
    }
}
                                                        /*320px*/
@media (max-width: 320px){
    .assinatura-messages {
        position: absolute;
        left: 1.6rem;
        top: 50rem;
        width 20rem;
    }
}
/*----------------------------------------------------Alterar Conta---------------------------------------------------*/
.conta-messages {
    position: absolute;
    left: 65.5rem;
    top: 43.5rem;
    width 20rem;
}
                                                        /*1024px*/
@media (max-width: 1024px){
    .conta-messages {
        position: absolute;
        left: 37.5rem;
        top: 39.5rem;
        width 20rem;
    }
}
                                                        /*768px*/
@media (max-width: 768px){
    .conta-messages {
        position: absolute;
        left: 25.5rem;
        top: 41.5rem;
        width 20rem;
    }
}
                                                        /*425px*/
@media (max-width: 425px){
    .conta-messages {
        position: absolute;
        left: 4.5rem;
        top: 18rem;
        width 20rem;
    }
}
                                                        /*375px*/
@media (max-width: 375px){
    .conta-messages {
        position: absolute;
        left: 3rem;
        top: 17.7rem;
        width 20rem;
    }
}
                                                        /*320px*/
@media (max-width: 320px){
    .conta-messages {
        position: absolute;
        left: 1rem;
        top: 17.5rem;
        width 20rem;
    }
}