/*

  Theme name: Licenciou
  Description: Tema desenvolvido para o site "Licenciou".
  Theme URI: https://www.licenciou.com.br
  Author: Robson Vieira
  Text Domain: licenciou
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 2.0

*/



/*

  Theme name: Licenciou
  Description: Tema desenvolvido para o site "Licenciou".
  Theme URI: http//www.licenciou.com.br
  Author: Robson Vieira
  Text Domain: licenciou
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 2.0

*/


/* GERAL - START */

  
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

  * {
    
    font-family: 'Montserrat', sans-serif;
    box-sizing:  border-box;
    padding:     0;
    outline:     none;
    margin:      0;
    border:      none;

  }


  html, body {
  
    /*background-color: #F2A032;*/
    background-color: #FFFFFF;
    min-height:       100%;
    min-width:        100%;
    position:         relative;
    padding:          0px !important;
    display:          table;
    height:           100%;
    width:            100%;

  }



  #all {

    min-height: 100%;
    min-width:  100%;
    position:   relative;
    display:    table;
    height:     100%;
    width:      100%;

  }



  #page-loading {

    background-color: rgba(0, 0, 0, .8);
    position:         fixed;
    z-index:          99;
    display:          none;
    height:           100%;
    width:            100%;
    left:             0px;
    top:              0px;

  }



  #page-show-alert { display: none; }



  #backdrop-box,
  #backdrop-box-loading {

    background-color: #000000;
    position:         fixed;
    opacity:          .5;
    z-index:          99;
    display:          none;
    height:           100%;
    width:            100%;
    left:             0px;
    top:              0px;

  }



  #backdrop-box-loading {

    text-align: center;
    padding-top: 15%;

  }



  #backdrop-box-loading i.fas {

    font-size:  40px;
    animation-name: spin;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    color:  #FFFFFF;

  }



  @keyframes spin {
    
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }

  }

  .fs-11 { font-size: 11px; }
  .fs-12 { font-size: 12px; }


/* GERAL - END */





/* HEADER - START */

  
  header {

    min-width: 100%;
    position:  relative;
    display:   table;
    width:     100%;

  }
  


  header #masthead {
    
    background-color: #590490;
    box-shadow:       0px 2px 6px 0 rgb(0 0 0 / 50%);
    position:         relative;
    z-index:          12;
    padding:          12px 0 20px;
    width:            100%;
  
  }



  header .navbar-brand img { max-width: 155px; }



  header #main-nav ul > li {

    margin-right: 20px;
    margin-left:  20px;
    padding-top:  10px;

  }



  header #main-nav li a {

    text-decoration: none;
    text-transform:  uppercase;
    padding-right:   .5rem;
    padding-left:    .5rem;
    text-align:      right;
    font-family:     'Montserrat', sans-serif;
    font-size:       11px;
    color:           #FFFFFF;

  }



  header #header-btn { color: #FFFFFF; font-size: 30px; }



  header #header-btn:active,
  header #header-btn:hover,
  header #header-btn:focus,
  header #header-btn:visited,
  header #header-btn:focus-within,
  header #header-btn:focus-visible,
  header #header-btn:target,
  header #header-btn {

    border-color: transparent !important;
    border:       0px !important;
    box-shadow:   0px !important;
  }



  header #header-btn span { margin-left: 7px; }



  header .header-consultar,
  header .header-conta,
  header .header-login { padding-top: 7px !important }



  header .header-consultar a,
  header .header-conta a,
  header .header-login a {

    background-color: #1ea757;
    border-radius:    4px;
    font-weight:      500 !important;
    font-size:        13px !important;

  }



  header .header-whats { padding-top: 0px !important }
  header .header-whats i { font-size: 32px; }  



  #box-consultar {

    max-width:    300px;
    position:     fixed;
    z-index:      100;
    display:      none;
    width:        100%;

  }



  #box-consultar > #seta {
    
    border-bottom:  25px solid #FFFFFF;
    border-right:   25px solid transparent;
    border-left:    25px solid transparent;
    display:        table;
    margin:         0px auto;
    height:         0px; 
    width:          0px; 

  }



  #box-consultar > #box {

    background-color: #FFFFFF;
    border-radius:    6px;
    position:         relative;
    display:          table;
    padding:          20px;
    width:            100%;

  }



  .formulario-login input[type='email'],
  .formulario-login input[type='password'] {

    font-weight: 300;
    background:  #FFFFFF;
    font-style:  italic;
    font-size:   16px;
    padding:     18.5px 15px;
    border:      1px solid #FFFFFF;
    color:       #000000;

  }



  #box-conta {

    max-width: 300px;
    position:  fixed;
    z-index:   100;
    display:   none;
    width:     100%;

  }



  #box-conta > #seta {
    
    border-bottom: 25px solid #FFFFFF;
    border-right:  25px solid transparent;
    border-left:   25px solid transparent;
    display:       table;
    margin:        0px auto;
    height:        0px; 
    width:         0px; 

  }



  #box-conta > #box {

    background-color: #FFFFFF;
    border-radius:    6px;
    position:         relative;
    display:          table;
    padding:          20px;
    width:            100%;

  }



  .formulario-login input[type='text'],
  .formulario-login input[type='email'],
  .formulario-login input[type='password'],
  .formulario-consultar input[type='text'],
  .formulario-consultar input[type='email'],
  .formulario-consultar input[type='password'] {

    font-weight: 300;
    background:  #FFFFFF;
    font-style:  italic;
    font-size:   16px;
    padding:     7.5px 10px;
    border:      1px solid hsl(210deg 9% 31% / 55%);
    color:       #000000;

  }



  .btn-conta-register {

    background-color: transparent;
    text-decoration:  underline;
    font-weight:      500;
    background:       transparent;
    font-size:        16px;
    padding:          0px;
    margin:           0px;
    border:           0px;
    color:            #000000;

  }


/* HEADER - END */





/* PAGE - SOBRE NÓS - START */
  

  #banner-sobre-nos {

    background-repeat: no-repeat;
    background-size:   cover;
    height:            626px;

  }


  #sobre-nos-1 {

    background-color: #590490;
    padding-bottom:   4%;
    padding-top:      4%;
    position:         relative;
    color:            #FFF;

  }


  #sobre-nos-1 img {

    position: absolute;
    left:     49%;
    top:      36px;

  }


  #sobre-nos-1 h2 {
    
    text-transform: uppercase;
    font-weight:    bold;
    margin-top:     16px;
    text-align:     center;
    font-size:      31px;

  }

  #sobre-nos-1 p {

    font-weight: 400;
    text-align:  center;
    font-size:   14px;
  
  }


  #sobre-nos-2 {

    background-color: #E5E9F3;
    padding-bottom:   6%;
    padding-top:      6%;
    color:            #590490;

  }



  #sobre-nos-2 .card {

    background-color: #F2A032;
    border-radius:    0;
    border:           0;

  }

  
  #sobre-nos-2 .card img {

    position: absolute;
    z-index:  10;
    left:     46%;
    top:      18%;

  }


  #sobre-nos-2 .card h3 {

    font-weight: bold;
    text-align:  center;
    font-size:   2rem;
  
  }


  #sobre-nos-2 .card p {

    font-weight: 400;
    text-align:  center;
    font-size:   14px;
  
  }


  @media screen and (max-width: 768px){

    #sobre-nos-1 h2 { margin-top: 35px; }
    #sobre-nos-1 img { left: 47.5%; }
    #sobre-nos-2 .card img { top: 16%; }

  }


  @media screen and (max-width: 575px){

    #banner-sobre-nos { background-position: 32%; }
  
  }


/* PAGE - SOBRE NÓS - END */





/* PAGE - DUVIDAS FREQUENTES - START */
  

  #banner-duvidas-frequentes {
    
    background-repeat: no-repeat;
    justify-content:   center;
    background-size:   cover;
    align-items:       flex-end;
    display:           flex;
    height:            626px;

  }


  #banner-duvidas-frequentes .box-form {
    
    transform: translateY(-100%);
  
  }


  #banner-duvidas-frequentes form input[type = text] {
    
    border-radius: 5px 0 0 5px;
    padding:       40px 25px;
    border:        none;
  
  }


  #banner-duvidas-frequentes form input[type = text],
  #banner-duvidas-frequentes form input[type = text]::placeholder {
    
    font-weight: 300;
    font-size:   21px;
    color:       #B6B6B6;

  }


  #banner-duvidas-frequentes form input:focus {
    
    box-shadow: none;
    outline:    none;
  
  }


  #banner-duvidas-frequentes form input[type = text]:focus {
    
    border-color: #FFFFFF;
    box-shadow:   none;
    outline:      none;
  
  }


  #banner-duvidas-frequentes form input[type = submit] {
    
    background-color: #1EA757;
    border-radius:    0 5px 5px 0;
    font-weight:      500;
    font-size:        10px;
    padding:          10px 10px;
    height:           100%;
    width:            100%;
    color:            #FFFFFF;
  
  }


  #banner-duvidas-frequentes form input[type = submit]:focus {
    
    border-color: #1EA757;
  
  }


  @media screen and (max-width: 576px){
    
    #banner-duvidas-frequentes { background-position: 26%; }

    #banner-duvidas-frequentes form input[type = text],
    #banner-duvidas-frequentes form input[type = text]::placeholder {
      
      font-size: 18px;
    
    }

  }


  #duvidas-frequentes {
    
    background-color: #590490;
    padding-bottom:   5%;
    padding-top:      2%;
    color:            #FFFFFF;
  
  }


  /*#duvidas-frequentes img {
    top: 6%;
    left: 47%;
    position: absolute;
    z-index: 10;
  }*/


  #duvidas-frequentes h2 {
    
    font-weight: bold;
    text-align:  center;
    font-size:   31px;
  
  }
  
  #duvidas-frequentes h2::before {
    
    background: url('_assets/images/icon-green-duvidas-frequentes.png') no-repeat center center / contain;
    margin-top: -21px;
    transform:  translateX(-50%);
    position:   absolute;
    content:    '';
    height:     21px;
    width:      39px;
    left:       50%;

  }

  
  #accordionFlushExample .accordion-item {

    border-bottom: 1px solid rgba(255,255,255,.3);
  
  }

  #accordionFlushExample .accordion-item,
  #accordionFlushExample .accordion-button {
    
    background-color: unset;
  
  }
  
  #accordionFlushExample .accordion-button {
    
    padding: 5px 3px;
  
  }
  
  #accordionFlushExample .accordion-button::after {

    background-image: unset;
  
  }

  
  #accordionFlushExample .accordion-button:not(.collapsed) {
    
    box-shadow: none;
  
  }


  #accordionFlushExample .accordion-button,
  #accordionFlushExample .accordion-body {
    
    font-weight: 400;
    font-size:   14px;
    color:       #FFFFFF;
  
  }


  #accordionFlushExample .accordion-body {
    
    padding-top: 0;
  
  }


  #accordionFlushExample .accordion-body > div {
    
    background-color: rgba(255,255,255,.1);
    padding:          8px 15px;

  }

  
  #accordionFlushExample .accordion-body > div p {
    
    margin-bottom: 0;
  
  }


  #duvidas-frequentes-2 {
    
    background-color: #F5F5F5;
    padding-bottom:   4%;
    padding-top:      4%;
  
  }


  #duvidas-frequentes-2 h4 {
    
    font-weight: bold;
    text-align:  center;
    font-size:   2rem;
  
  }


  #duvidas-frequentes-2 h5 {
    
    font-weight: bold;
    text-align:  center;
    font-size:   31px;
    color:       #f3a132;
  
  }


  .duvidas-frequentes-2-paginas {
    
    background-color: #089A20;
    text-decoration:  none;
    text-transform:   uppercase;
    border-radius:    0;
    font-weight:      bold;
    text-align:       center;
    font-size:        14px;
    max-width:        150px;
    position:         relative;
    width:            100%;
    color:            #FFFFFF;
  
  }


  .duvidas-frequentes-2-paginas:hover {

    background-color: #590490;
    text-decoration:  none;
    color:            #FFFFFF;

  }


  .duvidas-frequentes-2-links > img {
    margin: 0 10px;
  }


/* PAGE - DUVIDAS FREQUENTES - END */





/* PAGE - BLOG - START */


  #banner-blog {
    
    background-repeat: no-repeat;
    justify-content:   center;
    background-size:   cover;
    align-items:       flex-end;
    display:           flex;
    height:            626px;

  }


  #banner-blog .box-form {
    
    transform: translateY(-100%);
  
  }


  #banner-blog form input[type = text] {
    
    border-radius: 5px 0 0 5px;
    padding:       40px 25px;
    border:        none;
  
  }


  #banner-blog form input[type = text],
  #banner-blog form input[type = text]::placeholder {
    
    font-weight: 300;
    font-size:   21px;
    color:       #B6B6B6;

  }


  #banner-blog form input:focus {
    
    box-shadow: none;
    outline:    none;
  
  }


  #banner-blog form input[type = text]:focus {
    
    border-color: #FFFFFF;
    box-shadow:   none;
    outline:      none;
  
  }


  #banner-blog form input[type = submit] {
    
    background-color: #1EA757;
    border-radius:    0 5px 5px 0;
    font-weight:      500;
    font-size:        10px;
    padding:          10px 10px;
    height:           100%;
    width:            100%;
    color:            #FFFFFF;
  
  }


  #banner-blog form input[type = submit]:focus {
    
    border-color: #1EA757;
  
  }


  @media screen and (max-width: 576px){
    
    #banner-blog { background-position: 26%; }

    #banner-blog form input[type = text],
    #banner-blog form input[type = text]::placeholder {
      
      font-size: 18px;
    
    }

  }


  .blog-1-item {

    background-color: transparent;
    text-decoration:  none;
    position:         relative;
    display:          table;
    border:           1px solid rgba(128,134,137,.5);
    width:            100%;
    color:            #000000;

  }

  .blog-1-item:hover { color: #000000; }
  

  .blog-1-item .blog-1-item-header {

    padding-bottom: 2%;
    margin-bottom:  4%;
    border-bottom:  1px solid rgba(128,134,137,.5);
    padding-top:    2%;
    margin-top:     2%;
    border-top:     1px solid rgba(128,134,137,.5);
    position:       relative;
    display:        table;
    width:          100%;
    color:          #000000;

  }


  .blog-1-item .blog-1-item-header > h3 {

    padding-bottom: 10px;
    font-weight:    800;
    line-height:    1.2;
    font-size:      2.5rem;
    color:          #007bff;
  
  }
  

  .blog-1-item:hover .blog-1-item-header > h3 {

    color: #0056b3;

  }


  .blog-1-item .blog-1-item-body {

    font-weight: 400;
    font-size:   14px;
    color:       #2c2c2c;

  }
  

/* PAGE - BLOG - END */





/* PAGE-CONTATO - START */

  
  #banner-contato {

    background-position: center center;
    background-repeat:   no-repeat;
    background-size:     cover;
    height:              626px;
  
  }


  #contato {

    background-color: #F9F9F9;
    padding-bottom:   6%;
    padding-top:      2%;
  
  }

  
  #contato .icon-green-contato {
    
    margin-left: -9px;
    margin-top:  -6px;
    position:    absolute;
    z-index:     10;
  
  }

  
  #contato h2 {

    color: #212529;
    text-align: left;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: 'Montserrat',sans-serif;
    overflow-wrap: break-word;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 2.5rem;
    max-width: 370px;

  }


  #contato h4 {

    text-transform: uppercase;
    overflow-wrap:  break-word;
    font-family:    'Montserrat',sans-serif;
    line-height:    1.2;
    font-weight:    700;
    text-align:     left;
    box-sizing:     border-box;
    font-size:      31px;
    max-width:      362px;
    padding:        0;
    outline:        none;
    margin:         0 0 .5rem 0;
    border:         none;
    color:          #590490;

  }


  #contato p {
    
    font-weight: 400;
    font-size:   14px;
    color:       #737373 ;
  
  }


  #contato .text-floating {
    
    transform: translateY(108%);
  
  }

  
  #contato .list-social-contato {
    
    padding-left: 0;
    display: flex;
  
  }


  #contato .list-social-contato li {
    
    list-style: none;
    margin:     10px 15px 0 0;
  
  }


  #contato .fale-conosco {

    padding-right: 45%;
    padding-top: 10px;
  
  }

  
  #contato form input,
  #contato form textarea {

    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border:     none;
  
  }

  
  #contato form input[type="text"],
  #contato form input[type="email"] {
    
    padding: 34px 20px;
    height:  calc(1.5em + 0.75rem + 2px);
  
  }

  
  #contato form input::placeholder,
  #contato form textarea::placeholder,
  #contato form textarea {
    
    font-weight: 300;
    font-size:   21px;
    color:       #B6B6B6;
  
  }


  #contato form textarea {
    
    height: 277px;
  
  }

  
  #contato input[type="submit"] {
    
    background-color: #1EA757;
    border-radius:    5px;
    font-weight:      500;
    font-size:        16px;
    padding:          25px 90px;
    color:            #FFFFFF;
  
  }

  
  #contato input:focus,
  #contato textarea:focus {
    
    border-color: #CED4DA;
    box-shadow:   none;
    outline:      none;
  
  }


  @media screen and (max-width: 767px){


    #contato .text-floating { transform: translateY(0%); }

    #contato h2{ font-size: 22px; }
  

  }
  

  
  @media screen and (max-width: 375px){


    #contato .fale-conosco { padding-right: 0; }

    #contato input[type = submit] { width: 100%; }
  

  }


/* PAGE - CONTATO - END */



/* PAGE-LICENCIAMENTO - START */

  
  /*#page-licenciamento-sidebar {

    background: purple;
    position: relative;
    display:  table;
    width:    100%;
    color:    #FFFFFF;

  }*/


  #page-licenciamento-sidebar {

    background-color: #CCCCCC;
    border-right:     2px solid #999999;
    font-size:        13px;
    z-index:          2;
    height:           100%;
    color:            purple;

  }



  #page-licenciamento-sidebar-1-placa {

    border-radius: 4px;
    font-weight:   bold;
    background:    #FFF;
    font-size:     18px;
    padding:       8px 16px;
    border:        2px solid #999;
    color:         #000000;

  }



  #page-licenciamento-sidebar-2 {

    
    background-color: #FFFFFF;
    overflow-x:       hidden;
    overflow-y:       scroll;
    border-top:       2px solid #CCCCCC;
    /*max-height:       300px;*/
    font-size:        14px;
    position:         relative;
    display:          block;
    width:            100%;
    color:            #999999;

  }
  


  #page-licenciamento-sidebar-2 .accordion-item {

    background-color: #FFFFFF;
    border-radius:    0px;
    border-bottom:    0px;
    border-right:     0px;
    border-left:      0px;
    border-top:       1px solid #CCCCCC;
    font-size:        13px;
    color:            #999999;

  }
  


  #page-licenciamento-sidebar-2 .accordion-item .accordion-body { font-size: 12px; }
  #page-licenciamento-sidebar-2 .accordion-item .accordion-body > .row > div:first-child { font-size: 11px; }



  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-radio {

    border-radius: 100%;
    padding:       2px;
    display:       table;
    margin:        5px auto 0px auto;
    border:        .5px solid #999999;
    cursor:        pointer;

  }



  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-radio > span {

    background-color: #CCCCCC;
    border-radius:    100%;
    position:         relative;
    display:          table;
    height:           6px;
    width:            6px;

  }


  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-radio-active {

    border-color: purple;

  }



  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-radio-active > span {

    background-color: purple;

  }
  


  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-btn,
  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-btn:focus-visible {

    transition-duration: 0.5s;
    transition-property: transform;
    background-color:    transparent;
    outline-color:       none;
    margin-left:         5px;
    font-size:           11px;
    transform:           rotate(90deg);
    border:              0px;
    color:               purple;

  }



  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-item .collapsed {

    -webkit-transform: rotate(0deg);
    transform:         rotate(0deg);
  
  }



  #page-licenciamento-sidebar-2 .page-licenciamento-sidebar-2-item .disabled {

    cursor: not-allowed;

  }



  .page-licenciamento-sidebar-3-digital { color: #198754 !important; }



  #page-licenciamento-sidebar-3 {

    
    background-color: #FFFFFF;
    border-top:       2px solid #CCCCCC;
    font-size:        14px;
    position:         relative;
    display:          table;
    width:            100%;
    color:            #999999;

  }



  #page-licenciamento-sidebar-4,
  #page-licenciamento-sidebar-5 {

    
    background-color: #FFFFFF;
    border-top:       2px solid #CCCCCC;
    font-size:        14px;
    position:         relative;
    display:          table;
    width:            100%;
    color:            #999999;

  }



  #page-licenciamento-navTabs {

    background-color: #ECECEC;
    padding-bottom:   20px;
    padding-top:      20px;

  }



  #licenciamentoTab { border: 0px; }



  #licenciamentoTab > li > button.nav-link {

    background-color: transparent;
    position:         relative;
    display:          table;
    z-index:          2;
    margin:           0px auto;
    border:           0px;
    width:            auto;

  }



  #licenciamentoTab > li > button.nav-link > div {

    background-color: #FFFFFF;
    border-radius:    100%;
    font-size:        16px;
    display:          table;
    padding:          6px 13.7px;
    margin:           0px auto;
    border:           2px solid #999999;
    color:            purple;

  }



  #licenciamentoTab > li > button.active > div {

    border-color: purple;

  }


  .page-licenciamento-etapa-ok > button.nav-link > span,
  #licenciamentoTab > li > button.active > span {

    color: purple;

  }



  #licenciamentoTab > li:before {

    border-top: 2px solid #999999;
    position:   relative;
    content:    ' ';
    display:    table;
    width:      50%;
    top:        40%;

  }



  #licenciamentoTab > li:first-child:before {

    width:      50%;
    left:       50%;
    top:        40%;

  }



  #licenciamentoTab > li:last-child:before {

    width:      50%;
    top:        40%;

  }



  #licenciamentoTab > li:nth-child(2):after {

    border-top: 2px solid #999999;
    margin-top: -4px;
    position:   relative;
    content:    ' ';
    display:    table;
    width:      50%;
    left:       50%;
    top:        -56%;

  }


  .page-licenciamento-etapa-ok > button.nav-link > div {

    background-color: purple !important;
    border-color:     purple !important;
    color:            #FFFFFF !important;

  }



  .page-licenciamento-etapa-ok:before,
  .page-licenciamento-etapa-ok:after,
  .page-licenciamento-orcamento-ok:before {

    border-color: purple !important;

  }



  .page-licenciamento-forma-pagamento {

    background-color: #ECECEC;
    border-radius:    10px;
    text-align:       center;
    font-size:        15px;
    max-width:        160px;
    position:         relative;
    display:          table;
    padding:          10px;
    margin:           0px auto;
    border:           2px solid #999999;
    width:            100%;
    color:            #999999;

  }



  .page-licenciamento-forma-pagamento:hover {

    background-color: #FFFFFF;
    color:            999999;

  }



  .page-licenciamento-forma-pagamento i { font-size: 20px; }



  .page-licenciamento-forma-pagamento-active {

    background-color: #FFFFFF;
    border-color:     purple;
    color:            purple;

  }



  #pagamento-cartao div.pagamento-cartao-div {

    background-color: #FFFFFF;
    margin-bottom:    10px;
    border-radius:    4px;
    position:         relative;
    padding:          6px 12px;
    display:          table;
    border:           1px solid #999999;
    cursor:           pointer;
    width:            100%;
    color:            #999999;

  }



  #pagamento-cartao div.pagamento-cartao-div-muted {

    background-color: #ECECEC;

  }



  #pagamento-cartao div.pagamento-cartao-div-selected,
  #pagamento-cartao div.pagamento-cartao-div:hover {
    
    border-color: purple;
    color:        purple;

  }


  #page-licenciamento-entrega-form-cep-btn {

    position: absolute;
    height:   100%;
    width:    auto;
    right:    0;
    top:      0;
  
  }


  #page-licenciamento-entrega-form-cep-btn > div {

    margin: 4px;
    cursor: pointer;
    
  }


  #page-licenciamento-documento-div div.tipo-documento-item {

    cursor: pointer;

  }


  #page-licenciamento-documento-div div.tipo-documento-item-selected,
  #page-licenciamento-documento-div div.tipo-documento-item:hover {
    
    border-color: purple;
    color:        purple;

  }


  #licenciamentoTab > li > button.pagamento-tab-disabled { cursor: not-allowed !important; }
  #licenciamentoTab > li > button.pagamento-tab-disabled,
  #licenciamentoTab > li > button.pagamento-tab-disabled > div,
  #licenciamentoTab > li > button.pagamento-tab-disabled > span { color: #999999 !important; }


/* PAGE-LICENCIAMENTO - END */





/* FOOTER - START */

  
  footer {

    font-family: 'Montserrat', sans-serif;
    position:    relative;
    display:     table;
    bottom:      0;
    width:       100%;

  }



  footer #footer-1 {

    background-color: #464646;
    position:         relative;
    padding:          3% 0px;
    display:          table;
    width:            100%;

  }



  footer #footer-1 h4 {

    margin-bottom: .5rem;
    font-weight:   700;
    line-height:   1.2;
    font-size:     1.5rem;

  }



  footer #footer-1 ul {

    list-style: none;
    padding:    0px;
    margin:     0px;

  }



  footer #footer-1 ul > li { padding: .75rem 1.25rem 0 0; }



  footer #footer-1 ul > li > a {

    text-decoration: none;
    font-family:     'Montserrat', sans-serif;
    font-weight:     400;
    font-size:       14px;
    color:           #FFFFFF;

  }



  footer #footer-1 ul > li > a:hover {

    text-decoration: underline;
    color:           #FFFFFF;

  }



  footer #footer-1 #menu-rodape-menu-3 li {

    display: inline-block;
    padding: 3px;

  }



  footer #footer-1 #menu-rodape-menu-3 li i { font-size: 26px; }



  footer #footer-2 {

    background-color: #333333;
    font-size:        14px;
    position:         relative;
    display:          table;
    width:            100%;
    color:            #FFFFFF;

  }



  footer #footer-2 a { font-size: 16px; }


/* FOOTER - END */



/* INPUT RADIO - START */
  

  .input-radio {

    border-radius: 100%;
    padding:       2px;
    display:       inline-block;
    border:        .5px solid #999999;

  }


  .input-radio > span {

    background-color: transparent;
    border-radius:    100%;
    position:         relative;
    display:          table;
    height:           6px;
    width:            6px;

  }



  .input-radio-active { border-color: purple; }



  .input-radio-active > span { background-color: purple; }


/* INPUT RADIO - END */