body {
    font-family:Verdana, Tahoma, sans-serif;
    color:#404040;
    
  }
  .all {
      width: 100%;
      min-height: 505px;
      padding: 5px;
      text-align: left;
      padding-top: 10px;
  }
  .lado {
      display:flex; 
      display: inline-block;
      vertical-align: top;
  }
  .logo {
    height: 42px;
    margin-top: 0px;
    margin-right: 10px;
  }
  .title_home {
    font-size: 12px;
    font-weight: 200;
    /*font-family:Arial Narrow, Verdana, Geneva, Tahoma, sans-serif;*/
    color: #919191;
    margin-right: 20px;
    margin-top:10px;
    width: 200px;
  }
  .div-2 {
    width: 49%;
    padding: 10px;
    border: none;
    /*font-family:DM Sans, Tahoma;*/
  }
  .d-3 {
    padding: 8px;
    border: solid 1px #c1c1c1;
    border-radius: 8px;
    box-shadow: 2px 2px #c1c1c1;
    min-height: 1000px;
    background-color: white;
  }
  .div-3 {
    width: 31%;
    padding: 10px;
    border: solid 1px #c1c1c1;
    border-radius: 8px;
    margin:10px;
    /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/
    box-shadow: 2px 2px #c1c1c1;
  }
  .line {
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .text-left {
    position: absolute;
    bottom: 8px;
    left: 20px;
    font-size: 45px;
    color: white;
    font-family: Arial Black;
    text-shadow: 2px 2px 2px black;
    width: 80%;
  }
  .home-img img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 2px 2px 2px #c1c1c1;
  }
  .title_home_2 {
    font-size: 22px;
    font-weight: 500;
    color: #313131;
    margin-bottom: 10px;
    /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/
    text-align: center;
  }
  .title_home_3 {
    
    margin-bottom: 20px;
    margin-top: 30px;

  }
  .title_home_4 {
    margin-top: 50px;
    font-size: 28px;
    color: #2F1C6A;
    margin-bottom: 10px;
    /*font-family:DM Sans, Tahoma;*/
    text-align: center;
  }
  .title_home_6 {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: justify;
    padding: 4px;
   
  }
  .ac {
    text-align: center;
  }
  .div-error {
    background-color: #FF6100;
    padding: 5px;

  }
  .invalid {
    margin:15px;
    font-size: 12px;
    font-style: italic;
  }

  .my-card-small {
    max-width: 30%;
    transition: max-width 0.2s ease;
  }
  .my-card-large {
    max-width: 70%;
    transition: max-width 0.2s ease;
  }
  .my-card-large.redux {
    max-width: 55%;
    transition: max-width 0.2s ease;
  }
  .my-card-medium {
    max-width: 45%;
    transition: max-width 0.2s ease;
  }

  .my-card-4 {
    border-radius: 15px;
    color: #515151;
    border: solid 1px;
    background-color: white;
  }
  .my-card-4 img {
    width: 32px;
    margin-top: -5px;
    margin-right: 5px;
  }
  .my-card-3 {
    background-color: white;
    border: solid 1px #C3C8D8;
    border-radius: 15px;
  }
  .my-card-5 {
    background-color: white;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    box-shadow: 0.5px 0.5px 0.5px 0.5px #e1e1e1;
  }
  .my-card-11 {
    border-radius: 15px;
    color: white;
  }
  .my-card-11 img {
    width: 90%
  }
  .home-bar-link a {
    color:black;
  }
  .home-bar-top {
    font-size: 11px;
    padding-top: 1px; 
    padding-bottom:1px;
    border-radius: 1px 1px 1px 1px;
    background-color: white;
    border-left: solid 10px #f5f5f5;
  }
  .home-bar-top a {
    color: black;
  }
  .home-bar-top:hover {
    background-color: #f5f5f5;
  }
  .help-form img {
    width: 22px;
    margin-top: -4px;
  }
  .help-form input {
    width: 70%;
    margin-left: 5px;
    margin-right: 5px
  }
  .help-form button {
    height: 22px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px;
    margin-top: -4px;
  }

  .home-bar-second {
    background-color: #000000;
    background-image: linear-gradient(to bottom right, #000000, #a1a1a1);
    color: white;
    border-radius: 5px;
    
    
  }
  .title-google {
    font-family: Arial;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
  }
  .title-3 {
    font-family: Arial Black;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: left;
  }
  .title-4 {
    font-family: Arial Black;
    font-weight: 300;
    font-size: 36px;
    letter-spacing: -1px;
    color: #919191;
  }
  .my-circle {
    background-color:black;
    color:white;
    padding-left:8px;
    padding-right:8px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:25px;
    margin-right: 5px;
    font-weight: 500;
    box-shadow: 1px 1px #d1d1d1;
  }
  .my-circle2 {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
    box-shadow: 1px 1px #d1d1d1;
  }
  .login-link a {
    font-size: 12px;
    color: #b1b1b1;
  }
  .piechart {

    max-height: 200px;
  }
  .piechart svg {
    vertical-align: top !important;
  }
  .see-more-home {
    font-size: 14px;
    background-color: #e1e1e1;
  }
  .see-more-home a {
    color: #101010;
    font-size: 12px;
  }
  .customers-menu-active {
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 10px;
    border-radius: 5px;
    border: solid 1px #e1e1e1;
    background-color: white;

  }
  .customers-menu-inactive {
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 10px;
    border-radius: 5px;
    border: solid 1px #e1e1e1;
    color:#a1a1a1;
  }
  .customers-menu-inactive a {
    color:#919191;
  }
  .table-order a {
    color: black;
  }
  .c-vert {
    min-height: 215px;
  }
  .c-c-l {
    text-align: left;
  }
  .color-1 {
    background-color: #d9dbdf;
    color: #6F727C;
  }
  .color-11 {
    background-color: #E8E9ED;
    color: #212529;
    border: solid 1px #d1d1d1
  }
  .border-3 {
    border-color: #FFDE7C;
  }

  .date-box {
    border: solid 1px #d1d1d1;
    border-radius: 3px;
  }
  .date-box input {
    font-size: 14px;
    border: solid 1px #e1e1e1;
    border-radius: 2px;
    background-color: #f1f1f1;
  }
  .date-filter {
    text-align: center;
    background-color: #d1d1d1;
    margin-top: 5px;
    margin-bottom: 3px;
    padding: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    border-radius: 3px;
    font-style: italic;
  }
  .date-filter button {
    font-size: 12px;
    max-height: 25px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    margin-left: 5px;
    background-color: #437c48;
    color: white;
    border-radius: 4px;
  }
  .date-filter input {
    margin-right: 5px;
  }


  .button_big {
    width: 80%;
    background-color: #377F9E;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 50px;
    border: none;
    border-radius: 8px;
    color: white;
  }
  .button_big_buy {
    width: 100%;
    background-color: #318E57;
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 50px;
    border: none;
    border-radius: 8px;
    color: white;
  }
  .btn-disable {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .youtube-video-container4 {
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 90%;
    margin: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    min-height: 310px;
    border: solid 2px #c1c1c1;
  }
  
  .youtube-video-container4 iframe {
    position: absolute;
    top: 10;
    left: 0;
    width: 100%;
    height: 100%;
   
  }

  .youtube-video-container5 {
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    min-height: 220px;
    border: solid 2px #c1c1c1;
  }
  
  .youtube-video-container5 iframe {
    position: absolute;
    top: 10;
    left: 0;
    width: 100%;
    height: 100%;
   
  }

  .youtube-video-container6 {
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 50%;
    margin: auto;
    margin-bottom: 10px;
    padding-top: 0px;
    min-height: 300px;
    border: solid 2px #c1c1c1;
  }
  
  .youtube-video-container6 iframe {
    position: absolute;
    top: 10;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .youtube-video-container7 {
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    min-height: 330px;
    border: solid 2px #c1c1c1;
  }
  
  .youtube-video-container7 iframe {
    position: absolute;
    top: 10;
    left: 0;
    width: 100%;
    height: 100%;
   
  }

  .img-sm2 {
    max-width: 12px;
  }
  .t_plan_1 {
    width: 100%;
    text-align: center;
    color: white;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 200;
    /*font-family:Tahoma;*/
    background-color: #435DEF;
  }

  .t_plan_2 {
    width: 100%;
    text-align: center;
    color: white;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 200;
    /*font-family:Tahoma;*/
    background-color: #318E57;
  }

  .t_plan_3 {
    width: 100%;
    text-align: center;
    color: white;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 200;
    /*font-family:Tahoma;*/
    background-color: #FF6100;
  }
  
  .plan_2 {
    width: 100%;
    text-align: center;
    color: #414141;
    padding: 5px;
    margin-bottom: 15px;
    border-bottom: double 2px #d1d1d1;
    font-size: 16px;
    font-weight: 200;
    /*font-family:Tahoma;*/
    min-height: 110px;
    
  }
  .plan_price {
    width: 100%;
    text-align: center;
    color: #414141;
    padding: 5px;
    margin-bottom: 0px;
    font-size: 36px;
    font-weight: 200;
    
  }
  .plan_price_2 {
    width: 100%;
    text-align: center;
    color: #414141;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 200px;
    
  }

  .plan_iten {
    width: 100%;
    text-align: center;
    color: #414141;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 200px;
    /*font-family:Tahoma;*/
    min-width: 40px;
  }
  .plan_iten img {
    width: 28px;
    margin-top: -3px;
  }

  .card-title-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .card-title-wrapper .material-icons {
    font-size: 1.5rem;
    opacity: 0.15; 
  }

  .home-card-option a {
      text-decoration: none;
      color: black;
      font-size: 14px;
  }
  .home-card-option:hover {
    background-color: #b1b1b1;
    color: white;
  }
  .home-card-option:hover a {
    color: white;
  }
  
  .my-card {
    margin: 10px;
  }
  .my-select {
    max-width: 300px;
  }
  .my-nav {
    font-size: 12px;
    margin-left: 10px;
  }
  .my-nav li {
    margin-top: 5px;
  }

  .strategy-box {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      font-size: 13px;
      font-family: calibri light;
      max-height: 75px;
      background: #444444;
      color: white;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 15px;
      border-radius: 8px 8px 0 0;
      box-shadow: 0 -2px 6px rgba(0,0,0,0.3);
      z-index: 1000;
  }
  .strategy-box img {
      width: 25px;
  }
  .strategy-box a {
      color: white;
      text-decoration: none;
  }
  .strategy-box button {
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
  }
  
  .d-c {
    width: 100%;
    text-align: center;
  }
  .my-footer {
    color: black;
    background-color: #e5e5e5;
    font-size: 12px;
    padding: 20px;
    margin-top: 20px;
    border-top: solid 1px #c1c1c1;
  }
  
  .top_input {
    width: 100px;
    height: 25px;
    font-size: 12px;
    border: solid 1px #c1c1c1;
    border-radius: 3px;
    /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/
    color:#404040;
  }
  .top_form {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    color:#404040;
    
  }
  .top-form a:visited {
    color: white;
  }
  .top_form button {
    border: none;
    background-color:#a1a1a1 ;
    font-size: 11px;
    /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/
    color:white;
    border-radius: 3px;
    margin-left: 10px;
  }
  .top_form span {
    font-size: 12px;
    /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/
    color:white;
    margin-right: 5px;
  }
  .my-inactive {
    background-color: #818181;
  }

  .my-nav1 {
    background-color: black;
  }

  .btn-upgrade {
    font-size: 11px;
    padding: 3px;
    color:white;
    width: 100%;
    min-width: 10px;
    background-color: green;
    border: none;
    border-radius: 3px;
    height: 25px;
  }
  .btn-upgrade2 {
    font-size: 12px;
    padding: 3px;
    color:white;
    width: 80px;
    background-color: green;
    border: none;
    border-radius: 3px;
    margin-top: 10px;
    margin-right: 10px;
  }
  .c-simbol img {
    width:18px;
    margin:3px;
    margin-top: -3px;
  }

  .ff {
    width: 15px;
    margin-top: -1px;
  }

  .my-card {
    width: 99%;
    color: #515151;
    padding: 0px;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #c1c1c1;
    margin: 6px;
    
  }
  .my-card-v {
    width: 100%;
    color: #515151;
    padding: 0px;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #c1c1c1;
    margin: 0px;  
  }

  .my-card-body {
    width: 100%;
    min-height: 183px;
    margin: 0px;
    padding: 10px;
    background-color: white;
  }
  .f-sm {
    font-size: 12px;
    width: 90%;
    overflow-wrap: break-word;
  }
  .div-65 {
    width: 64%;
  }  
  .div-35 {
    width: 33%;
  }
  .act-d {
    max-height: 270px; 
    overflow: auto;
    font-size: 14px;
  }
  .counter {
    background-color: #a1a1a1;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: 300;
    font-size: medium;
    border-radius: 5px;
    margin-left: -3px;
  }
  .div-np {
    font-size: 12px;
  }
  .div-np-prom {
    background-color: #74D374;
  }
  .div-np-det {
    background-color: #FFAE00;
  }
  .div-np-score {
    background-color: #B3CADB;
  }
  .tip-title {
    font-size: 24px;
    margin-bottom: 0px;
    width: 100%;
    border-bottom: solid 1px #c1c1c1;
    text-align: center;
    font-weight: 600;
  }
  .tip-title img {
    width: 28px;
    margin-right: 2px;
    margin-top: -10px;
  }
  .tip-item {
    margin-left: 20px;
    font-size: 18px;
    margin-bottom: 10px;
  }
  .tip-item img {
    width: 20px;
  }
  .my-col-7 {
    width: 24%;
    padding: 2px;
    
  }


  /* Container do switch */
    .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 21px;
    margin-left: 5px;
    margin-right: 5px;
    }

    /* Esconde o checkbox */
    .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    }

    /* Fundo do switch */
    .slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 20px;
    }

    /* Botão interno (círculo) */
    .slider:before {
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
    box-shadow: 1px 1px 2px #555555;
    }

    /* Quando ativado */
    .switch input:checked + .slider {
    background-color: #69B7EF;
    }

    .switch input:checked + .slider:before {
    transform: translateX(20px);
    }


    .c-target {
        margin-left:4px;
        padding-top:3px;
        font-size:13px; 
        font-weight:500;
    }
    .title-elm {
        font-family: Calibri Light;
        font-weight: 600; 
        font-size:17px; 
        color: #333333;
    }
    .btn-extra-small {
      background-color: #a1a1a1;
      font-size: 12px;
      color:white;
      height: 22px;
      padding: 2px;
      padding-bottom: 4px;
      padding-left: 10px;
      padding-right: 10px;
      border: 0px;
      border-radius: 3px;
      margin-left: 5px;
    }
    .btn-my-sm {
      font-size: 12px;
        color:white;
        height: 25px;
        padding: 2px;
        padding-bottom: 4px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .new-report-bar {
        font-size: 12px;
        min-height: 12px;
        height: 12px;
        border-radius: 0px 5px 5px 0px;
        margin:0px;
        padding:0px;
        max-width: 80%;
    }
    .d-edit-filter-text {
      font-size: 12px;
      margin-bottom: 10px;
    }

    .home-box {
        position: relative;
        width: 100%;
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 0px;
        background-color: #889EAD;
        box-shadow: 0.5px 0.5px 3px #c1c1c1;
        font-size: 14px;
    }
    .inactive {
        background-color: #FFA700;
    }
    .home-box-p {
        margin-bottom: 8px;
    }
    .home-help {
        position: absolute;
        top:3px;
        right: 5px;
    }
    .home-help img {
        width: 18px;
    }
    .home-box-text {
        padding: 10px;
        color: white;
    }
    .home-box-data {
        padding: 5px;
        margin-bottom: 5px;
    }
    .home-box-data a {
        text-decoration: none;
        color: black;
    }
    .home-box-data:hover {
        background-color: #e5e5e5;
    }
    .home-box-data img {
        width: 22px;
        margin-top: 10px;
    }
    .home-box-center-active {
        background-color: white;
        border-radius: 5px 5px 0px 0px;
        padding: 10px;
        padding-bottom: 3px;
        margin-bottom: 0px;
    }
    
    
    .home-box-center-inactive {
        background-color: #f2f2f2;
        border-radius: 5px 5px 0px 0px;
        padding: 10px;
        padding-bottom: 3px;
        margin-bottom: 0px;
    }
    .home-box-top {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        border-bottom: solid 1px #e1e1e1;
    }
    
    .home-box-bottom {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-top: 3px;
        color: white;
        font-size: 14px;
        text-align: center;
    }
    .home-box-bottom-null {
        margin: 0px;
        min-height: 10px;
        background-color: #f7f7f7;
        border-radius: 0px 0px 5px 5px;
        
    }
    .home-box-bottom-null-w {
        margin: 0px;
        min-height: 5px;
        background-color: white;
        border-radius: 0px 0px 5px 5px;
        
    }
    .home-box-bottom img {
        width: 15px;
        margin-top: -3px;
        margin-right: 3px;
    }
    .home-box-bottom a {
        text-decoration: none;
        color: white;
    }
    .home-box-bottom a:hover {
        color: #c1c1c1;
    }
    .home-eco-panel {
      background-size: 45px 45px;
      background-image: url('/img/images/eco_alt_back.png');
      background-position-x: calc(100% - 10px);
      background-position-y: 10px;
      background-repeat: no-repeat;
    }


    .Ongoing {
      color: blue;
    }
    .Finished {
      color: green;
    }
    .Overdue {
      color: red;
    }
    
    .bar-y {
        background-image: linear-gradient(to bottom,#FFD800,#F9D000);
    }
    .bar-lg {
        background-image: linear-gradient(to bottom,#E5E5E5,#B7B7B7);
    }
    .bar-g {
        background-image: linear-gradient(to bottom,#71C49F,#60A383);
    }
    .bar-r {
        background-image: linear-gradient(to bottom,#FFB800,#FC9B00);
    }
    .bar-target {
        /*background-image: linear-gradient(to bottom,#B7B7B7,#808080);*/
        background: repeating-linear-gradient(
            315deg,
            #b1b1b1,
            #eeeeee 6px
        );
    }
    
    .t-title-border {
      border-bottom: solid 1px #d1d1d1;
    }
    .t-title-sm {
      font-size: 14px; 
      font-weight:500;
    }
    .new-report-bar-label {
        font-size: 10px;
        min-height: 12px;
        height: 12px;
        margin:0px;
        padding:0px;
        width: 40px;
    }
    .home-w-box {
        border-radius: 3px;
        background-color: white;
        box-shadow: 0.5px 0.5px 3px #c1c1c1;
        font-size: 14px;
       
    }
   

  .down-up {
    width: 20px;
    margin-top: -3px;
    margin-right: 3px;
  }
  .my-btn-int {
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 5px;
    
    font-size: 12px;
    border: none;
    border-radius: 3px;
  }
  .my-btn-int img {
    width: 16px;
    margin-top: -5px; 
    margin-right:0px;
  }
  .my-btn-disable {
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 5px;
    height: 25px;
    font-size: 12px;
    border: none;
    border-radius: 3px;
    background-color: #c1c1c1;
    color: #e1e1e1;
    margin-top: 2px;
  }
  .my-sp1 {
    background-color: #c1c1c1;
    padding: 3px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    color: white;
  }
  .md-link {
    margin-top: 10px;
    font-size: 14px;
  }
  .md-warn {
    padding: 5px;
    margin-top: 10px;
    font-size: 14px;
    background-color: #404040;
    color: white;
  }
  .employee-error {
    background-color: #FF4200;
    font-size: 15px;
    padding:3px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 7px;
    color:white;
    border-radius: 3px;
  }
  .my-spinner{
    position: absolute;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background: url(/link/to/your/image);
    background-size: 100%;
}

  .div-grad {
    background-image: linear-gradient(white, #e8e8e8);
    padding: 5px;
    padding-top: 10px;
  }
  .div-question {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .div-answers {
    margin: 3px;
    margin-top: -2px;
    margin-bottom: 10px;
    padding: 5px;
    padding-right: 10px;
    font-size: 14px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 1px 1px 1px #d1d1d1;
  }
  .div-answers img {
    width: 20px;
    margin-top: -3px;
  }
  .div-all-answers {
    padding-bottom: 5px;
    margin-bottom: 10px;
  }

  .an-card {
    width: 30%; 
    border:solid 1px #c1c1c1;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #c1c1c1;
    padding:0px; 
    padding-bottom: 3px;
    margin: 3px;
    margin-bottom: 10px;
    text-align:center;
    min-height: 193px;
    
  }
  .an-card-title {
    padding: 3px;
    padding-top: 2px;
    margin-bottom: 5px;
    background-color: #42647C;
    color: white;
    font-size: 17px;
    text-align: center;
    border-radius: 4px 4px 1px 1px;
  }
  .an-card-subtitle {
    padding: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    min-height: 96px;
  }
  .an-b-item {
    font-size: 12px;
  }
  .an-b-item div {
    padding-top: 0px;
    
  }
  .an-b-item-2 {
    font-size: 12px;
  }
  .an-b-item-2 div {
    padding-top: 3px;
  }

  .an-progress-r {
    width: 100%;
    height: 30px;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    padding: 3px;
    background-color: #d5d5d5;
  }
  .an-bar-r {
    width: 0%;
    height: 24px;
    background-color: green;
    float: left;
    color: white;
    text-align: left;
    padding-left: 3px;
    border-radius: 1px 5px 5px 1px;
    box-shadow: 1px 1px 1px black;
  }
  .an-progress-l {
    width: 100%;
    height: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    padding: 3px;
    background-color: #b1b1b1;
  }
  .an-bar-l {
    width: 0%;
    height: 24px;
    background-color: red;
    float: right;
    color: white;
    text-align: right;
    padding-right: 3px;
    border-radius: 5px 1px 1px 5px;
    box-shadow: 1px 1px 1px black;
  }
  .an-div-2 {
    width:48%;
    margin: 0px;
    font-size: 18px;
  }
  .an-div-2-b {
    width:48%;
    margin: 0px;
    margin-top: -3px;
    margin-bottom: -10px;
  }
  .trace {
    width: 2px;
    font-size: 1px;
    background-color: black;
    color:black;
    height: 30px;
    margin: 0px;
    margin-left: -3px;
    margin-right: -3px;
  }
  .trace-b {
    width: 2px;
    font-size: 1px;
    background-color: black;
    color:black;
    height: 18px;
    margin: 0px;
    margin-left: -3px;
    margin-right: -3px;
  }
  .an-subtitle {
    font-size: 16px;
    margin-top: 13px;
    margin-left: 10px;
  }
  .an-round {
    font-size: 16px;
    background-color: #7EBCBC;
    padding: 1px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 15px;
    border: solid 1px White;
  }
.an-disc {
  margin-top: -12px;
  margin-bottom: 5px;
  margin-left: 12px;
  margin-right: 10px;
  padding: 5px;
  background-color: #1D6824;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 15px 15px 1px 1px;
}
.an-div-2-le {
  width: 48%;
  font-size: 14px;
  padding: 5px;
  background-color: white;
  min-height: 132px;
}
.d-m-1 {
  width: 2px;
  min-height: 140px;
  background-color: #c1c1c1;
}
.an-div-2-ld {
  width: 48%;
  font-size: 14px;
  padding: 5px;
  height: 100%;
  background-color: white;
  min-height: 132px;
}
.an-div-2-le-2 {
  width: 48%;
  font-size: 14px;
  padding: 5px;
  background-color: #CC0000;
  color: white;
  margin: 0px;
  margin-left: 3px;
}
.d-m-2 {
  width: 2px;
  min-height: 52px;
  background-color: #c1c1c1;
}
.an-div-2-ld-2 {
  width: 48%;
  font-size: 14px;
  padding: 5px;
  height: 100%;
  background-color: #3F7F47;
  color: white;
  margin: 0px;
  margin-right: 3px;
}
.d-other {
  width: 30%;
  text-align: center;
  margin-top: 20px;
}
.d-other img {
  width: 160px;
}
.d-other a {
  text-decoration: none;
  font-size: 19px;
  color: black;
  font-weight: 500;
}
.d-next {
  width: 54%; 
  margin:auto;
  
}
.d-next img {
  width: 140px; 
  margin-top:30px;
}
.d-full-internal {
  width: 97.5%;
  padding: 3px;
  text-align: center;
  background-image: linear-gradient(#ffffff, #e5e5e5);
  background-color: #4D7C7C;
  color: black;
  margin-left: 4px;
  margin-right: 6px;
  font-size: 14px;
  border-radius: 1px 1px 5px 5px;
  border: solid 1px #c1c1c1;
  border-top: none;
}
.d-full-external {
  width: 97.5%;
  padding: 3px;
  text-align: center;
  background-image: linear-gradient(#959595, #000000);
  color: white;
  margin-left: 4px;
  margin-right: 6px;
  font-size: 14px;
  border-radius: 5px 5px 1px 1px;
}
.d-distort-sub {
  font-size: 12px;
  width: 100%;
  text-align: center;
  padding: 25px;
  padding-top: 1px;
  padding-bottom: 5px;
  font-style: italic;
}


.t-max {
  max-height: 300px;
}
.tr-inter {
  background-color: #f1f1f1;
  border-bottom: solid 1px #e1e1e1;
}
.back-e1 {
  background-color: #e1e1e1;
}
.accordion {
  margin-bottom: 5px;
}
.accordion-item2 {
  border-radius: 0px;
}
.accordion-button {
  background-color: transparent; 
  border-bottom: solid 1px #e1e1e1;
  padding: 10px;
  color: black;
}
.accordion-button:not(.collapsed) { 
  background-color: #e1e1e1;
  border: none;
  color: #919191;
}
.accordion-item3 {
  border-radius: 0px;
  margin-bottom: 7px;
}
.accordion-first {
  background-color: #f7f7f7;
}
.accordion-detail {
  padding: 10px;
  margin-left: 7px;
  margin-bottom: 20px;
}




.rep-see-more {
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.rep-see-more img {
  width: 25px;
}
.rep-det-title-pos {
  width: 100%;
  padding: 5px;
  font-size: 18px;
  background-color: #008000;
  color: white;
  border-bottom: solid 1px #c1c1c1;
  margin-bottom: 10px;
  margin-top: 10px;
}
.rep-det-title-a {
  width: 29%;
  margin-bottom: 2px;
  font-size: 15px;
  padding: 2px;
  padding-bottom: 0px;
  background-color: #e1e1e1;
  text-align: left;
}
.rep-det-title-a2 {
  width: 37%;
  margin-bottom: 2px;
  font-size: 15px;
  padding: 2px;
  padding-bottom: 0px;
  background-color: #e1e1e1;
  text-align: left;
}
.rep-det-item {
  width: 29%;
  padding: 3px;
  font-size: 14px;
  margin-bottom: 3px;
  text-align: left;
}
.rep-det-item-a {
  width: 37%;
  padding: 3px;
  font-size: 14px;
  margin-bottom: 3px;
  text-align: left;
}
.rep-det-percent {
  padding: 2px;
  font-size: 12px;
  font-style: italic;
}
.rep-det-bar-int {
  background-color: #00A8A2;
  color: #00A8A2;
}
.rep-det-bar-ext {
  background-color: #A86882;
  color: #A86882;
}
.div-next {
  position: absolute;
  top: 235px;
  right: -50px;
  width: 60px;
}
.div-next img {
  width: 100%;
}
.next-img {
  width: 100%;
  border: solid 2px #c1c1c1;
  border-radius: 30px;
  box-shadow: 1px 1px 1px #c1c1c1;
  z-index: 1;
}
.next-text {
  background-color: #47A0F3;
  padding: 2px;
  font-size: 13px;
  border-radius: 5px;
  color: white;
  margin-top: -7px;
  padding-top: 3px;
  z-index: 0;
  border: solid 1px #a1a1a1;
  box-shadow: 1px 1px 1px #c1c1c1;
  font-style: italic;
}
.just-num {
  position: absolute;
  left: 38%;
  
}
.just-num-r {
  position: absolute;
  left: 53%; 
}
.my-card-100 {
  position: relative;
  width: 80%;
  text-align: center;
  margin: auto;
  margin-top: -10px;
  border: solid 1px #c1c1c1;
  border-radius: 10px;
  min-height: 50px;
  box-shadow: 1px 1px 1px #c1c1c1;
}
.my-card-100-title {
  color: white;
  background-color: black;
  border-radius: 10px 10px 0px 0px;
  font-size: 19px;
  padding: 10px;
  margin-bottom: 10px;
}
.my-card-100-body {
  min-height: 20px;
  text-align: center;
}
.my-card-100-footer {
  border-top: solid 1px #d1d1d1;
  padding: 10px;
  font-size: 19px;
  background-color: white;
  border-radius: 0px 0px 10px 10px;
}
.my-card-100-footer button {
  font-size: 19px;
  height: 32px;
  padding-top: 0px;
  margin-top: -5px;
}
.card-all {
  width: 99%;
  margin: 10px;
  margin-top: 0px;
  margin-bottom: 15px;
  padding: 10px;
  border: solid 1px #d1d1d1;
  box-shadow: 1px 1px 1px #c1c1c1;
  background-color: white;
  border-radius: 3px;
}
.card-all-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.pos-a {
  position: absolute;
  left: 5px;
  z-index: 100;
}
.prev-l {
  width: 65%;
  margin-right: 10px;
}
.prev-r {

  background-color: #93A2AD;
  color: white;
  border-radius: 3px;
}
.card-all-w1 {
  width: 74%;
  
}
.card-all-w1-b {
  width: 99%;
}

.card-all-w2 {
  width: 24%;
  padding-left: 3px;
}
.card-all-d1 {
  width: 27%;
  font-size: 13px;
}
.d-scrl {
  background-color: #f1f1f1;
  height: 100px;
  overflow-y: auto;
}
.action-input {
  font-size: 14px;
}
.action-input input {
  border: solid 1px #c1c1c1;
  margin-top: 5px;
  font-size: 14px;
  border-radius: 3px;
  padding: 2px;
  padding-left: 4px;
}
.action-input select {
  border: solid 1px #c1c1c1;
  margin-top: 5px;
  font-size: 14px;
  border-radius: 3px;
  padding: 2px;
  padding-left: 4px;
}
.cl1 {
  width:37%; 
  border-bottom:solid 1px #d1d1d1;
}
.card-all-d2 {
  width: 69%;
}
.card-all-scale {
  width: 50%;
  margin-top: 3px;
  padding: 1px;
  padding-top: 7px;
  font-size: 5px;
  color: #177C10;
  border: none;
  border-radius: 0px 8px 8px 0px;
  background-color: #177C10;
}
.card-all-scale2 {
  width: 70%;
  margin-top: 3px;
  padding: 1px;
  padding-top: 7px;
  font-size: 5px;
  color: #177C10;
  border: none;
  border-radius: 0px 8px 8px 0px;
  background-color: #177C10;
}
.d-percent {
  font-style: italic;
  text-align: left;
  font-size: 13px;
  margin-right: 5px;
}
.card-all-subtitle {
  margin: 10px;
  margin-top: 0px;
  margin-left: 0px;
}
.carousel-item {
  text-align: center;
  font-style: italic;
  margin: 10px;
  background-color: #e1e1e1;
  padding-bottom: 2px;
}
.b-prev {
  width: 5%;
}
.b-prev button {
  margin-top: 6px;
  border: none;
  background-color: transparent;
}
.dc-1 {
  background-color: #CC0000;
  color: white;
  font-size: 14px;
  text-align: center;
}
.dc-2 {
  background-color: #3F7F47;
  color: white;
  font-size: 14px;
  text-align: center;
}
.dc-3 {
  font-size: 14px;
  padding: 5px;
  padding-left: 30px;
}

.dc-4 {
  font-size: 14px;
  padding: 5px;
  padding-left: 40px;
}
.comment-title {
  padding: 5px;
  font-size: 16px;
  font-weight: 600;
  background-color: #e1e1e1;
  margin-bottom: 10px;
}
.comment-sub {
  margin-left: 20px;
}

.nivel {
  text-align: center;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.nivel img {
  display: block;
  margin: 0 auto 5px;
}
/* Tamanhos diferentes por nível */
.nivel-1 {font-size: 18px;font-weight: 600}
.nivel-2 {font-size: 16px;font-weight: 500}
.nivel-3 {font-size: 13px;font-weight: 400}
.nivel-4 {font-size: 11px;font-weight: 300}
.nivel-1 img { width: 80px; }
.nivel-2 img { width: 60px; }
.nivel-3 img { width: 50px; }
.nivel-4 img { width: 45px; }

/* Badge nos cargos */
  .cargo {
  display: inline-block;
  margin: 5px;
  text-align: center;
}

.cargo-img-wrapper {
    position: relative;
    display: inline-block;
  }

  .cargo-img-wrapper img {
    display: block;
  }

  .departments {

  }
  .report-icons {
    font-size:12px;
  }
  .departments img {
    width: 60px;
  }
  .badge-num {
    position: absolute;
    bottom: 5px;
    left: -15px;
    z-index: 2;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 11px;
    text-align: center;
    padding: 0;
    padding-top: 0px;
    box-shadow: 1px 1px 2px;
  }

.my-label2 {
  font-size: 13px;

 }
 .my-label2 input {
  margin-top: -5px;
 }
 .my-label2b {
  padding-top:2px;
 }
.acp-img img{
  width: 100px;
  margin-top: -5px;
}
.acp-text {
  position: relative;
  height: 40px; 
  padding-top:70px;
  min-width: 150px;
  max-width: 390px;
  margin-top: -5px;
 
}
.acp-text img {
  width: 25px;
  margin-left: -5px;
  margin-top: -1px;
}
.acp-text-2 {
  position: relative;
  height: 40px; 
  padding-top:42px;
  min-width: 150px;
  max-width: 350px;
  margin-top: -5px;
}
.acp-text-2 a {
  color:#404040;
  font-size: 22px;
}
.acp-text-2 img {
  width: 25px;
  margin-left: -5px;
  margin-top: -1px;
}
.acp-text a {
  color:#404040;
  font-size: 22px;
}
.acp-2 {
  margin-top: -40px;
  width: 100%;
}
.t11 {
  padding: 5px;
  font-size: 14px;
}
.action-top-img {
  margin: 10px;
}
.action-top-img img {
  width: 50px;
  margin-top: 10px;
}
.action-top-text {
  width: 65%;
  padding: 5px;
  font-size: 18px;
}
.action-text-up {
  font-size: 22px;
  font-weight: 600;
}
.action-upgrade {
  width: 25%;
  margin: 10px;
  background-color: #FF9700;
  padding: 8px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #c1c1c1;
  text-align: center;
}
.action-upgrade img {
  width: 45px;
  margin-left: -5px;
}
.action-upgrade a {
  font-size: 14px;
  color: white;
  text-decoration: none;
}
.action-div-3 {
  position: relative;
  width: 32%;
  margin: 5px;
  margin-top: 15px;
  padding: 0px;
  border: solid 1px #c1c1c1;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #c1c1c1;
}
.action-3-title {
  padding: 7px;
  margin-bottom: 0px;
  font-size: 18px;
  text-align: center;
  border-radius: 3px 3px 0px 0px;
}
.action-3-second {
  background-color: #404040;
  color: white;
  text-align: left;
  font-size: 12px;
  padding: 3px;
  padding-left: 10px;
}
.action-3-disclaim {
  padding: 5px;
  margin-bottom: 10px;
  font-size: 15px;
  font-style: italic;
  text-align: center;
}
.action-3-second img {
  width: 18px;
  margin-top: -2px;
}
.action-3-50 {
  width: 49%;
  text-align: left;
  padding: 5px;
  font-size: 15px;
  font-weight: 700;
}
.action-3-25 {
  width: 24%;
  text-align: center;
  padding: 5px;
  font-size: 19px;
}
.action-3-50-b {
  width: 49%;
  text-align: left;
  padding: 5px;
  font-size: 15px;
  font-weight: 700;
}
.action-3-25-b {
  width: 24%;
  text-align: center;
  padding: 5px;
  font-size: 15px;
}
.action-3-float {
  position: absolute;
  width: 320px;
  height: 209px;
  top:-180px;
  left: -10px;
  background-image: url("/img/images/balloon3.png");
  background-repeat: no-repeat;
  padding: 20px;
  padding-right: 12px;
  font-size: 14px;
}
.action-full {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  margin-left: 18px;
  margin-right: 7px;
  padding: 7px;
}
.d-50 {
  width: 48%;
  margin: 5px;
}
.step-8 {
  position: relative;
  width: 10%;
  padding: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.step-8 img {
  width: 80%;
}
.toast-header {
  margin-bottom: 0px;
}
.toast-header img {
  width: 15px;
}
.toast-body {
  margin-top: -10px;
  
}
.step-100 {
  position: relative;
  width: 100%;
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  font-size: 12px;
  text-align: center;
  color: white;
}
.step-100 img {
  width: 30%;
}
.my-toast {
  width:170px; 
  text-align:center;
  color: white;
}

.step-text {
  color: #b1b1b1;
  font-size: 14px;
  text-align: center;
  border-top: solid 5px #c1c1c1;
  padding-top: 3px;
  margin-top: 2px;
  font-weight: 500;
}
.step-text a {
  color: #282828;
}
.step-check {
  position: absolute;
  top:0px;
  left: 0px;
}
.step-check img {
  width: 25px;
}
.box1 {
  border:solid 1px #c1c1c1; 
  border-radius:5px; 
  box-shadow: 1px 1px 1px;
  margin-left: 5px;
  background-color: white;
  margin-bottom: 15px;
}
.mob-form {
  margin-left: 0px; 
  background-color:white; 
  border: solid 1px #d1d1d1;
  padding:5px;
  border-radius: 8px;
  width: 99%;
}
.mob-form div {
  margin-bottom: 5px;
}
.install-c1 {
  width: 60%;
  text-align: center;
  margin-bottom: 15px;
  margin-right: 20px;
}
.install-c2 {
  text-align: center;
  padding: 10px;
  background-color: white;
}
.msg-blue {
  width: 40%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  font-size: 12px;
  text-align: center;
}
.cbt{
  height: 300px;
}
.b11 {
  margin-left: 30px;
  margin-top: -3px;
}
.my-line {
  margin-top: 10px;
  font-weight: 600;
}
.c-footer {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
.c-footer-b {
  padding-left: 10px;
  margin-top: 15px;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  
}
.f-up {
  font-size: 22px;
  font-weight:600;
}
.ap_ti {
  background-color: black;
  color: white;
  padding: 6px;
}
.ap_desc {
  max-width: 70%;
  margin-left:0px;
  margin-right: 0px;
  padding: 6px;
  background-color: #d1d1d1;
}
.d-state {
  text-align:left; 
  background-color:#f4f4f4; 
  padding:15px; 
  border-radius:5px;
}
.d-state img {
  margin-top: -5px;
}
.my-spin {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0%;
  width: 100%;
  text-align: center;
  padding-top: 15px;
  
}
.d-aspect {
  margin-bottom: 10px;
  padding:5px;
  width: 100%;
  font-size: 19px;
  font-style: italic;
}
.ic-ap {
  font-size: 40px;
}

.you {
  margin-bottom: 6px;
}
.mc1 {
  overflow: auto;
}
.my15 {
  width: 11%;
  margin-bottom: 20px;
}
.state-text {
  font-size: 12px;
  margin-top: 5px;
}
.comp-table {
  position: relative;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  overflow: auto;
}
.comp-table th {
  cursor: pointer;
}

.comp-table th, td {
  text-align: left;
  padding: 16px;
}

.comp-table tr:nth-child(even) {
  background-color: #f5f5f5;
  
}
.my-table {
  font-size: 13px;
}
.my-tbody td {
  text-align: center;
}
.a100-c {
  width: 100%;
  padding: 15px;
  padding-bottom: 5px;
  text-align: center;
}
.c-itens {
  background-color: white;
  padding: 3px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  margin-right: 3px;
  margin-top: 5px;
  font-size: 11px;
  color: #717171;
}
.tp1 {
  min-width: 28%;
  color:white;
  margin-right: 2px;

}
.tp2 {
  min-width: 28%;
  text-align: center;
  font-weight: 600;
}
.tp3 {
  width: 25px;
  color:white;
}

.nav,
        .mr-auto {
        flex: 1;
        margin: auto !important;
        display: flex;
        justify-content: space-between;
      }
      .my-logo {
        width: 50px;
        border: solid;
      }
      .my-logo img {
        padding: 1px;
        width: 100%
       
      }
      .my-tab {
        font-size: 13px;
        background-color: #616161;
        padding-top: 0px;
        padding-bottom:0px;
        padding-left: 5px;
        border: none;
        /*font-family: Calibri light;*/
        font-weight: 100px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        color:white;
      }
     
      
      .my-footer2 {
        background-color: #616161;
        font-size: 12px;
        padding: 20px;
        margin-top: 20px;
        border-top: solid 1px #c1c1c1;
        text-align: center;
        width: 100%;
      }
      .my-footer3 {
        background-color: #616161;
        font-size: 12px;
        padding: 10px;
        margin-top: 5px;
        border-top: solid 1px #c1c1c1;
        text-align: center;
        width: 100%;
      }
      .my-tab img {
        width: 20px;
        margin-right: 4px;
        margin-top: -4px;
      }

      /* Área onde aparece "Mostrar X registros" */
      #minhaTabela_wrapper .dataTables_length {
          color: #333; /* cor do texto */
          font-size: 13px;
          font-weight: 200;
      }

      /* Área onde aparece "Buscar" */
      #minhaTabela_wrapper .dataTables_filter {
          font-size: 13px;
          color: black;
      }
      /* Input de busca */
      #minhaTabela_wrapper .dataTables_filter input {
          border: 1px solid #c1c1c1;
          border-radius: 6px;    
      }
      /* Texto "Mostrando 1 até X de Y registros" */
      #minhaTabela_wrapper .dataTables_info {
          padding: 6px 12px;
          border-radius: 6px;
          font-size: 0.9rem;
          color: #333;
          font-weight: 500;
      }

      /* Container da paginação */
      #minhaTabela_wrapper .dataTables_paginate {
          margin-top: 10px;
          text-align: right;
      }

      .table_resp {
        font-size: 13px;
      }
      .table_resp_top {
        font-size: 13px; 
        background-color:#555555;
        color:white;
        border-bottom: solid 2px black;
      }
      .table_resp_top img {
        width: 15px;
        margin-top: -5px;
      }
      .table_resp_top a {
        color: white;
        font-weight: 400;
      }
      .card-question {
        background-color: #2D9600;
        background-image: linear-gradient(to bottom right, #2D9600, #1D6300);
        border-radius: 3px;
        color: white;
        box-shadow: 1px 1px 1px 1px #c1c1c1;
      }
      .card-question-str {
        font-weight: 600px;
      }
      .card-question a {
        text-decoration: none;
        color: white;
      }
      .card-question img {
        width: 38px;
        margin-left: 5px;
      }
      .card-question a:hover {
        color:#d1d1d1;
      }

      .nav-link {
        color: white;
      }
      .nav-link :hover {
        border: none;
        color: #c1c1c1;
      }
      .nav-item :hover {
        border: none;
        color: #c1c1c1;
      }
   
      .tab-pane {
        /*font-family: Calibri light;*/
        position: relative;
        box-shadow: 2px 2px 1px 1px #c1c1c1;
        padding: 7px;
        padding-left: 20px;
      }
      .sub-menu:hover {
        
      }
      .sub-menu a {
        color:black;
        margin-right: 10px;
        padding: 2px;
        padding-left: 7px;
        padding-right: 7px;
        background-color: #FFC000;
        margin-bottom: 7px;
        margin-top:7px;
        border-radius: 4px;
        box-shadow: 1px 1px 1px #c1c1c1;
      }
      .sub-menu a:hover {
        color: #424B7C;
        text-decoration: underline;
      }
      .fl1 {
        margin-right: 10px;
        padding-left: 15px;
        
      }
      .fl1 img {
        width: 27px;
       
      }
      .content-wrapper-2 {
        background-color: #F4F6F9;
        padding: 5px;
        min-height: 520px;
      }
      .content-wrapper-3 {
        background-color: #F4F6F9;
        padding: 5px;
        min-height: 510px;
      }
      .content {
        max-width: 99.0%;
        margin: auto;
      }
      .tab-content {
        margin-top: 40px;
      }
      .active {
        background-color: white;
      }
      li a:hover:(.active) {
        background-color: #111;
      }
      .wrapper {
        max-width:100%; 
        margin-top:50px;
      }
      .wrapper-int {
        max-width:100%; 
        margin-top:40px;
      }
      .nav-wel {
        color: black;
        background-color: #e5e5e5;
        box-shadow: 1px 1px 3px #b1b1b1;
        font-size: 13px;
      }
      .nav-wel a {
        color: black;
      }
      .dt-1 {
        font-size: 15px;
        margin-bottom: 10px;
      }
      .dt-2 {
        font-size: 12px;
        padding-top: 27px;
        font-style: italic;
        color: #717171;
        text-align: left;
      }
      .s-pos {
        color: #30993B;
        background-color: #30993B;
        min-width: 20px;
        border-radius: 3px;
      }
      .s-neg {
        color: #FF6A00;
        background-color: #FF6A00;
        width: 20px;
        border-radius: 3px;
      }
      .s-neu {
        color: #6A6E82;
        background-color: #6A6E82;
        width: 20px;
        border-radius: 3px;
      }
      .strg {
        font-weight: 700;
        margin-left: 5px;
      }
      .not-set {
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 10px;
        font-size: 13px;
        color: #818181;
      }
      .sel-lang {
        width: 70px;
        border: none;
      }
      .sel-lang option {
        width: 60px;
      }
      .btn-copy {
        background-color: #f5f5f5;
        border: none;
        padding: 2px;
        padding-left: 5px;
        padding-right: 4px;
        padding-top: 0px;
        padding-bottom: 3px;
        border-radius: 17px;
        box-shadow: 1px 1px 1px #b1b1b1;
      }
    
      .btn-copy img {
        width: 16px;
      }
      .tumb img {
        width: 100%;
        border: solid 1px #c1c1c1;
        box-shadow: 2px 2px 2px #c1c1c1;
      }
      .description {
        font-size: 12px;
        font-style: italic;
      }
      .d-help {
        color: #121212;
      }
      .big-modal {
        display: inline-block;
        width: auto;
        max-height: 99vh;
        overflow: auto;
      }
      .v11 {
        min-height: 400px;
      }
      .img-sponsor img {
        width: 25px;
        margin-top: 5px;
      }
      .point_img {
        margin-right: 5px;
        width: 20px;
        margin-top: -5px;
      }

      .checkbox input {
        height: 0;
        width: 0;
        display: none;
      }
      .checkbox {
        display: block;
        position: relative;
        padding-left: 26px;
        margin-bottom: 18px;
        font-size: 22px;
        user-select: none;
      }
      .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 22px;
        width: 22px;
        border: 1px solid #c9c9c9;
        border-radius: 2px;
        background-color: #dedbdb;
        box-shadow: 1px 1px 1px #d1d1d1;
      } 
      .checkbox .checkmark:after {
        top: -12px;
        width: 10px;
        height: 20px;
        left: 0px;
        color: blue;
        font-size: 30px;
      }
      .checkbox input:checked ~ .checkmark:after {
        display: block;
       } 
       .checkmark:after {
        content:'✓';
        position: absolute;
        display: none;
       } 
       .my-label {
        font-size: 16px;
        
       }
       .my-label2 {
        font-size: 13px;
    
       }
       
       .my-card-11b {
        border-radius: 2px;
        background-color: white;
        color:#333333;
        font-size: 18px;
        border-left: solid 10px #FFD800;
        margin-left:5px;
        margin-right:5px;
      }
      .my-card-11b img {
        width: 50px;
      }
      .my-card-12 {
        border-radius: 8px;
        background-color: white;
        color:#333333;
        font-size: 14px;
        margin-left:5px;
        margin-right:5px;
      }

      .my-card-12 img {
        width: 90%;
        border-radius: 5px;
        box-shadow: 1px 1px 1px #d1d1d1;
      }
      .my-card-14 {
        min-height: 132px;
        border-radius: 8px;
        background-color: white;
        color:#333333;
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px;
      }
      
      .my-card-14 img {
        width: 100%;
        max-width: 180px;
        border-radius: 5px;
        box-shadow: 1px 1px 1px #d1d1d1;
      }

      .my-card-15 {
        min-height: 95px;
        border-radius: 8px;
        background-color: white;
        color:#333333;
        font-size: 14px;

      }
      
      .my-card-15 img {
        max-width: 20px;
        margin-top: -2px;
      }
      .my-card-15 a {
        text-decoration: none;
        color: black;
      }
      .ideal-logo img {
        width: 100px; 
        margin-top:-2px; 
        margin-left:5px;
      }
      .ideal-logo {
        text-decoration: none;
        color:white;
        font-size: 18px;
        padding-top: 5px;
        font-family: Arial Black;
        color: #e1e1e1;
      }
      .ideal-pos {
        background-color: white; 
        color:black; 
        border-radius: 8px 0px 0px 8px; 
        border-right:solid 4px #FFD800; 
        padding-bottom:10px;

        background-image: url('/img/images/button.png');
        background-repeat: no-repeat;
        background-position: 12px 12px ;
        background-size: 20px auto;
      }
      .ideal-neg {
        background-color: #777777; 
        color:white; 
        border-radius: 0px 8px 8px 0px; 
        border-left:solid 4px #FFD800; 
        padding-bottom:10px;

        background-image: url('/img/images/button_minus.png');
        background-repeat: no-repeat;
        background-position: 12px 12px ;
        background-size: 20px auto;
      }
      .ideal-dif {
        background-color: white; 
        color:black; 
        border-radius: 8px 0px 0px 8px; 
        border-right:solid 4px #FFD800; 
        padding-bottom:10px;

        background-image: url('/img/images/button_up.png');
        background-repeat: no-repeat;
        background-position: 12px 12px ;
        background-size: 20px auto;
      }
      .ideal-des {
        background-color: #777777; 
        color:white; 
        border-radius: 0px 8px 8px 0px; 
        border-left:solid 4px #FFD800; 
        padding-bottom:10px;

        background-image: url('/img/images/button_down.png');
        background-repeat: no-repeat;
        background-position: 12px 12px ;
        background-size: 20px auto;
        
      }

      .background-fade {
        width: 100%;
        background-image: 
          linear-gradient(to right, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 15%),
          url('/img/images/comp2.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left center;
      }
      .bar-ideal-right {
        background-image: linear-gradient(#FF0000, #D80000);
        color:white;
        font-size:13px;
        padding-left:5px;
        border-radius: 0px 8px 8px 0px;
        max-height: 20px;
      }
      .bar-ideal-left {
        background-image: linear-gradient(#32AD3E, #237A2A);
        color:white;
        font-size:13px;
        padding-right:5px;
        border-radius: 8px 0px 0px 8px;
        max-height: 20px;
      }
      .bar-dif-left {
        background-image: linear-gradient(#599FD1, #3E6E91);
        color:white;
        font-size:13px;
        padding-right:5px;
        border-radius: 8px 0px 0px 8px;
        max-height: 20px;
      }
      .bar-dif-right {
        background-image: linear-gradient(#E23F93, #AD3071);
        color:white;
        font-size:13px;
        padding-left:5px;
        border-radius: 0px 8px 8px 0px;
        max-height: 20px;
      }
      .target-span {
        background-color: #f1f1f1;
        border-left: solid 5px #b1b1b1;
        padding-right: 15px;
        padding-left: 5px;
        margin-right: 5px;
        border-radius: 0px 50px 50px 0px;
      }
      .btn-ideal-next {
        background-color: #FFD932; 
        border-radius:10px; 
        box-shadow: 1px 1px 1px #d1d1d1;
        margin-right: 10px;
      }
      .btn-ideal-next:hover {
        background-color:#FFD800;
        box-shadow: 2px 2px 1px #b1b1b1;
      }



    @media only screen and (max-width: 768px) {
    
      .so-desktop {display: none;}

      

    }



    /*----------------------------------------------*/
    @media only screen and (max-width: 1000px) {
    
      .so-desktop {display: none;}
    

  
      .new-report-bar {
        max-width: 70%;
      }
      .my-col-7 {
        width: 100%;
      }
      .my-btn-int {
        
      }
      .my-card-small {
        max-width: 100%;
      }
      .my-card-large {
        max-width: 100%;
      }
      .my-card-large.redux {
        max-width: 100%;
      }
      .my-card-medium {
        max-width: 100%;
      }

      .my-card-14 img {
        width: 90%;
        max-width: 150px;
        border-radius: 5px;
        box-shadow: 1px 1px 1px #d1d1d1;
      }

      .ideal-pos {
        border-radius: 0px 0px 0px 0px; 
        border-right:none; 
      }
      .ideal-neg {
        border-radius: 0px 0px 0px 0px; 
        border-left:none; 
      }
      .ideal-dif {
        border-radius: 0px 0px 0px 0px; 
        border-right:none; 
      }
      .ideal-des {
        border-radius: 0px 0px 0px 0px; 
        border-left:none; 
      }

      .my15 {
        width: 100%;
      }

      .customers-menu-active {
        margin-top: 5px;
      }
      .customers-menu-inactive {
        margin-top: 5px;
      }
      .c-c-l {
        text-align: center;
      }
      .c-vert {
        min-height: 50px;
      }

      .title-4 {
        font-family: Arial;
        font-weight: 300;
        font-size: 24px;
        letter-spacing: -1px;
      }
      .txt-sm {
        font-size: 11px;
      }
      .t-max {
        max-height: 190px;
      }
      .text-left {
        position: absolute;
        bottom: 8px;
        left: 20px;
        font-size: 23px;
      }
      .prev-l {
        width: 95%;
        margin-right: 10px;
      }
      .f-sm {
        font-size: 7px;
      }
      .v11 {
        min-height: 200px;
      }
      .youtube-video-container7 {
        min-height: 230px;
      }
      .tp1 {
        min-width: 36%;
        color:white;
        margin-right: 8px;
      
      }
      .tp2 {
        min-width: 24%;
        font-size: 14px;
      }
      .b11 {
        margin-left: 0px;
      }
      .c-footer {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
        margin-top: 10px;
        font-size: 12px;
        font-style: italic;
        text-align: center;
      }
      .mc1 {
        
      }
      .cbt{
        height: 500px;
      }
      .msg-blue {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 12px;
        text-align: left;
      }
      .install-c1 {
        width: 95%;
        margin-right: 0px;
      }
      .dropdown-item {
        font-size: 13px;
      }
      .step-8 {
        width: 20%;
      }
      .d-50 {
        width: 99%;
      }
      .action-div-3 {
        width: 95%;
      }
      .action-upgrade img {
        width: 35px;
        margin-left: -15px;
      }
      .action-upgrade a {
        font-size: 18px;
       
      }
      .action-upgrade {
        width: 90%;
        font-size: 20px;
      }
      .acp-2 {
        margin-top: -40px;
        width: 100%;
      }
      .acp-img img{
        width: 70px;
      }
      
      .acp-text {
        height: 70px; 
        padding-top:48px;
        min-width: 150px;
        max-width: 300px;
        margin-top: -5px;
        margin-bottom: 20px;
       
      }
      .acp-text a {
        font-size: 18px;
      }
      .acp-text-2 {
        height: 70px; 
        padding-top:28px;
        min-width: 150px;
        max-width: 300px;
        margin-top: -5px;
      }
      .acp-text-2 a {
        font-size: 18px;
      }
      
      .card-all-title {
        font-size: 16px;
      }
      .card-all-d1 {
        width: 39%;
        font-size: 12px;
      }
      .cl1 {
        width: 30%;
      }
      .card-all-d2 {
        width: 59%;
        font-size: 13px;
      }
      .card-all-w1 {
        width: 99%;
      }
      .card-all-w1-b {
        width: 99%;
      }
      .card-all-w2 {
        width: 0%;
        font-size: 13px;
      }
      .my-card-100 {
        width: 99%;
      }
      .youtube-video-container6 {
        width: 95%;
        min-height: 200px;
      }
      .div-next {
        right: -15px;
        top: 217px;
      }
      .d-full-internal {
        margin-left: 6px;
        width: 97%;
      }
      .d-full-external {
        margin-left: 6px;
        width: 97%;
      }
      .d-other {
        width: 95%;
      }
      .an-card-subtitle {
        min-height: 0px;
      }
      .an-card {
        width: 95%;
      }
      .div-65 {
        width: 100%;
      }  
      .div-35 {
        width: 100%;
      }
      .my-card {
        max-width: 96%;
        min-height: 100px;
      }
      .all {
        width: 100%;
        min-height: 490px;
      }
      .title_home_4 {
        margin-top: 20px;
      }
      .youtube-video-container4 {
        min-height: 200px;
      }
      .div-3 {
        width: 95%;
        margin-bottom: 10px;
      }
      .div-2 {
        width: 100%;
        margin-bottom: 10px;
      }
      .title_home {
        font-size: 16px;
        /*font-family:Arial Narrow, Verdana, sans-serif;*/
      }
      .logo {
        height: 30px;
        margin-top: 0px;
      }
  
    }
  
    /*----------------------------------------------*/
    @media only screen and (min-width: 1000px) {
    
      .so-mobile {display: none;}
    
      
      
      
    }
  


    /*---- Apple ------------------------------------*/
    @supports (font: -apple-system-body) and (-webkit-appearance: none) {
      .material-icons {
        display: none;
      }

    }


    @media print {
      * {
          -webkit-print-color-adjust: exact !important; /* Safari/Chrome */
          print-color-adjust: exact !important; /* Padrão */
      }
  }