.bg-gradient-orange {
    background-color: #F18728;
    background-image: linear-gradient(180deg, #F18728 10%, #C55F03 100%);
    background-size: cover;
  }
  
  .text-orange{color:#F18728!important}
  
  .btn-orange{
      color:#fff;
      background-color:#F18728;
      border-color:#F18728
  }
  
  .btn-orange:hover{
      color:#fff;
      background-color:#F18728;
      border-color:#C55F03}
      
  .btn-orange.focus,.btn-orange:focus{
      color:#fff;
      background-color:#F18728;
      border-color:#C55F03;
      box-shadow:0 0 0 .2rem rgba(62,208,156,.5)}
  
      .btn-orange.disabled,.btn-orange:disabled{
          color:#fff;
          background-color:#F18728;
          border-color:#F18728}
          
      .btn-orange:not(:disabled):not(.disabled).active,.btn-orange:not(:disabled):not(.disabled):active,.show>.btn-orange.dropdown-toggle{
          color:#fff;
          background-color:#C55F03;
          border-color:#C55F03}
          
      .btn-orange:not(:disabled):not(.disabled).active:focus,.btn-orange:not(:disabled):not(.disabled):active:focus,
      .show>.btn-orange.dropdown-toggle:focus{
          box-shadow:0 0 0 .2rem #F18728
      }
  
      .line-height-16 { 
          line-height:16px;
      };
  
      .cursor-pointer{
          display: inline-block;
          cursor: pointer;
        }
  
        .alert-orange{
            color:#C55F03;background-color:#ffc299;border-color:#fee4cd
          }      
  
          .card .card-hover:hover{
              background-color:#FEF5E9;
              cursor:pointer;
          }        
  
      @media print { 
          body { font-size: 11px; }
          .container-fluid { margin:0px;padding:0px; }
          @page {size: auto !important; } 
      }
  
  @page {
      size: auto;
  }    
  
  .tooltip-container {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }
  
    .tooltip {
      position: absolute;
      background-color: white;
      color: black;
      border-radius: 8px;
      padding: 8px;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.2s ease-in-out;
      z-index: 1;
      top: 50%;
      right: 100%;
      transform: translate(-2%, -50%);
      line-height: 13px;
      min-width: 100px;;
    }
  
    .tooltip-container:hover .tooltip {
      visibility: visible;
      opacity: 1;
    }
   
  
  
  
  
    
  
  /* INÍCIO - WIZARD CADASTRO */
  
  * {
      margin: 0;
      padding: 0
  }
  
  html {
      height: 100%
  }
  
  p {
      color: grey
  }
  
  
  #heading {
      text-transform: uppercase;
      color: #F18728;
      font-weight: normal
  }
  
  #msform {
      text-align: center;
      position: relative;
      margin-top: 20px
  }
  
  #msform fieldset {
      background: white;
      border: 0 none;
      border-radius: 0.5rem;
      box-sizing: border-box;
      width: 100%;
      margin: 0;
      padding-bottom: 20px;
      position: relative
  }
  
  .form-card {
      text-align: left
  }
  
  #msform fieldset:not(:first-of-type) {
      display: none
  }
  
  #msformOFF input,
  #msformOFF textarea {
      padding: 8px 15px 8px 15px;
      border: 1px solid #ccc;
      border-radius: 0px;
      margin-bottom: 25px;
      margin-top: 2px;
      width: 100%;
      box-sizing: border-box;
      color: #2C3E50;
      background-color: #ECEFF1;
      font-size: 16px;
      letter-spacing: 1px
  }
  
  #msform input:focus,
  #msform textarea:focus {
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: 1px solid #F18728;
      outline-width: 0
  }
  
  #msform .action-button {
      width: 100px;
      background: #F18728;
      font-weight: bold;
      color: white;
      border: 0 none;
      border-radius: 0px;
      cursor: pointer;
      padding: 10px 5px;
      margin: 10px 0px 10px 5px;
      float: right
  }
  
  #msform .action-button:hover,
  #msform .action-button:focus {
      background-color:#F18728
  }
  
  #msform .action-button-previous {
      width: 100px;
      background: #616161;
      font-weight: bold;
      color: white;
      border: 0 none;
      border-radius: 0px;
      cursor: pointer;
      padding: 10px 5px;
      margin: 10px 5px 10px 0px;
      float: right
  }
  
  #msform .action-button-previous:hover,
  #msform .action-button-previous:focus {
      background-color: #000000
  }
  
  .card {
      /* z-index: 0; */
      border: none;
      position: relative
  }

  .fs-title {
      font-size: 25px;
      color: #F18728;
      margin-bottom: 15px;
      font-weight: normal;
      text-align: left
  }
  
  .purple-text {
      color:#F18728;
      font-weight: normal
  }
  
  .steps {
      font-size: 16px;
      color: gray;
      margin-bottom: 10px;
      font-weight: normal;
      text-align: right
  }
  
  .fieldlabels {
      color: gray;
      text-align: left
  }
  
  #progressbar {
      margin-bottom: 30px;
      overflow: hidden;
      color: lightgrey
  }
  
  #progressbar .active {
      color: #F18728;
  }
  
  #progressbar li {
      font-size: 13px;
      width: 33%;
      float: left;
      position: relative;
  }
  
  #progressbar li strong {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 700;
  }
  
  
  #progressbar li:before {
      width: 50px;
      height: 50px;
      line-height: 45px;
      display: block;
      font-size: 20px;
      color: #ffffff;
      background: lightgray;
      border-radius: 50%;
      margin: 0 auto 10px auto;
      padding: 2px;
  }
  
  #progressbar li:after {
      content: '';
      width: 100%;
      height: 2px;
      background: lightgray;
      position: absolute;
      left: 0;
      top: 25px;
      z-index: -1
  }
  
  #progressbar li.active:before,
  #progressbar li.active:after {
      background: #F18728
  }
  
  .progress {
      height: 20px
  }
  
  .progress-bar {
      background-color: #F18728
  }
  
  .fit-image {
      width: 100%;
      object-fit: cover
  }
  
  /* FIM - WIZARD CADASTRO */
  
  
   
    .cursor-pointer {
      cursor:pointer; 	
    }
  
    .cursor-pointer:hover {
      background-color: #ffcda03f !important;
      color: #F18728;
    }
    
  
    

    
  
.text-marrom {
	color: #DE723A
}

.border-left-marrom  {
	border-left:.25rem solid  #DE723A
}

.text-marinho {
	color:#2B5E81 
}

.border-left-marinho  {
	border-left:.25rem solid  #2B5E81
}

/* Modal Localizar NFSE Nacional - Z-index para ficar acima de outros elementos */
#modalLocalizarNfseNacional {
	z-index: 1060 !important;
}
#modalLocalizarNfseNacional .modal-dialog {
	z-index: 1060 !important;
}