/*

  Theme name: SPAC
  Description: Sistema Profissional Administrador de Conteúdo.
  Theme URI: https://wordpress.shdev.host/themes/spac
  Author: SHDev - Robson Vieira
  Text Domain: spac_theme
  Domain Path: /languages
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 3.0

*/



/* 01 - ESTILO GERAL DO TEMPLATE @ START */


  * {
    
    padding: 0px;
    margin:  0px;

  }



  html, body {
    
    background-color: var(--spac-theme-site-bg);
    min-height:       100%;
    position:         relative;
    display:          table;
    padding:          0px;
    margin:           0px !important;
    height:           100%;
    width:            100%;
    color:            var(--spac-theme-site-fc);

  }



  #all {

    padding: 0px 0 0;
    margin:  0px;
    height:  100%;
    width:   100%;

  }



  #btn-wp-admin-dev {

    background-color: black;
    z-index:          999999;
    position:         fixed;
    padding:          20px;
    bottom:           40px;
    left:             40px;
    color:            #FFF;

  }



  #page-loader {

    background: rgba(0, 0, 0, .6);
    position:   fixed;
    z-index:    9999;
    display:    none;
    height:     100%;
    width:      100%;
    top:        0;

  }



  #page-alert {

    background: rgba(0, 0, 0, .6);
    position:   fixed;
    z-index:    99999;
    display:    none;
    height:     100%;
    width:      100%;
    top:        0;

  }



  #liveToast { max-width: 400px; }



  .btn-disabled {
    
    pointer-events: all !important;
    cursor:         not-allowed !important;

  }


  .bg-listrado {

    background: repeating-linear-gradient( 45deg, #e2e3e5, #e2e3e5 10px, #d4d6db 10px, #d4d6db 20px );

  }


  .spac-forms-password-btns { cursor: pointer; }



  .modal-camada-1 { z-index: 1050; }


  #ui-datepicker-div { z-index: 9991 !important; }


/* 01 - ESTILO GERAL DO TEMPLATE @ END */




/* 02 - ESTILO DO HEADER DO TEMPLATE @ START */


  header {

    padding-bottom: 15px;

  }


  header .header-painel-notificacao {

    vertical-align: middle;
    text-align:     center;
    min-height:     22px;
    min-width:      22px;
    font-size:      8px;

  }


  header > #header-1 #header-painel {
    
    padding-top: 0px;
    /*display: none;*/

  }


  header > #header-1 {

    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    background-color:   var(--spac-theme-header-bg);
    -moz-box-shadow:    0 4px 4px rgba(0, 0, 0, 0.4);
    padding-bottom:     calc(1.5rem * 0.5);
    border-bottom:      .5px solid var(--spac-theme-site-bg);
    padding-top:        calc(1.5rem * 0.5);
    box-shadow:         0 4px 4px rgba(0, 0, 0, 0.4);
    position:           relative;
    z-index:            20;
    width:              100%;
    color:              var(--spac-theme-header-menu-fc);

  }



  header > #header-1 .header-button {

    background-color: var(--spac-theme-header-menu-primary-bg);
    position:         absolute;
    padding:          4px 8px;
    z-index:          100;
    border:           0px;
    color:            var(--spac-theme-header-menu-primary-fc);
    right:            calc(1.5rem * 0.5);
    top:              calc(1.5rem * 0.5);

  }



  header > #header-1 button.navbar-toggler,
  header > #header-1 button.navbar-toggler:hover,
  header > #header-1 button.navbar-toggler:focus {

    box-shadow: unset;

  }



  header > #header-1 button.navbar-toggler {

    border-color: var(--spac-theme-header-menu-fc);
    color:        var(--spac-theme-header-menu-fc);

  }



  header > #header-1 button.navbar-toggler:hover {

    border-color: var(--spac-theme-header-menu-fc-h);
    color:        var(--spac-theme-header-menu-fc-h);

  }



  header > #header-1 a.nav-link {

    text-underline-offset: 3px;
    text-decoration:       none;
    padding-bottom:        4px;
    font-weight:           500;
    line-height:           19px;
    padding-top:           4px;
    font-size:             16px;
    color:                 var(--spac-theme-header-menu-fc);

  }


  header > #header-1 li.active > a.nav-link,
  header > #header-1 li.active > a.nav-link:hover,
  header > #header-1 a.nav-link:hover {

    text-decoration: underline;
    color:           var(--spac-theme-header-menu-fc-h);

  }

  header > #header-1 li.header-painel-sair > a.nav-link {

    text-decoration: none !important;
    color:           var(--spac-theme-header-menu-fc) !important;

  }


  header > #header-1 li.header-painel-sair > a.nav-link:hover {

    text-decoration: underline !important;
    color:           var(--spac-theme-header-menu-fc-h) !important;

  }



  header > #header-2 {

    padding-bottom: 0px;
    margin-bottom:  0px;
    z-index:        10;
    /*display:        none;*/

  }


  header > #header-2 #header-site {

    padding-bottom: 0px;
    padding-top:    0px;

  }


  header > #header-2 > ul > li {

    margin: 3px 5px;

  }


  header > #header-2 a.nav-link {

    background-color: var(--spac-theme-header-menu-primary-bg);
    text-decoration:  none;
    text-transform:   uppercase;
    font-size:        13px;
    padding:          8px 16px;
    color:            var(--spac-theme-header-menu-primary-fc);

  }


  header > #header-2 a.nav-link:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-h);
    text-decoration:  none;
    text-transform:   uppercase;
    font-size:        13px;
    padding:          8px 16px;
    color:            var(--spac-theme-header-menu-primary-fc-h);

  }



  header > #header-2 li.current_page_parent > a.nav-link,
  header > #header-2 li.active > a.nav-link {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    padding:          8px 16px;
    position:         relative;
    color:            var(--spac-theme-header-menu-primary-fc-a);
    top:              0;

  }



  header > #header-2 li.active:first-child > a.nav-link:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-a-h);
    color:            var(--spac-theme-header-menu-primary-fc-a-h);

  }



  header > #header-2 form#search-form input {

    border-top-right-radius: 0px;
    border-top-left-radius:  0px;

  }



  header > #header-2 form#search-form button {

    border-top-right-radius: 0px;
    border-top-left-radius:  0px;

  }


/* 02 - ESTILO DO HEADER DO TEMPLATE @ END */



/* 03 - ESTILO DO FOOTER DO TEMPLATE @ START */


  footer > #footer-one {

    background-color: var(--spac-theme-footer-bg);
    padding-bottom:   10px;
    padding-top:      10px;
    position:         relative;
    z-index:          20;
    width:            100%;
    color:            var(--spac-theme-footer-fc);

  }


  footer > #footer-two {

    background-color: var(--spac-theme-footer-bg-2);
    padding-bottom:   10px;
    padding-top:      10px;
    position:         relative;
    z-index:          20;
    width:            100%;
    color:            var(--spac-theme-footer-fc-2);

  }


/* 03 - ESTILO DO FOOTER DO TEMPLATE @ END */




/* 04 - ESTILO DA TELA DE LOGIN DO TEMPLATE @ START */


  #spac-page-login {

    text-align: center;

  }


  #spac-login-form {

    max-width: 300px;
    position:  relative;
    display:   table;
    width:     100%;

  }


  #spac-login-form .form-floating:focus-within { z-index: 2; }


  #spac-login-form input[name="username"] {

    border-bottom-right-radius: 0;
    border-bottom-left-radius:  0;
    margin-bottom:              -1px;

  }


  #spac-login-form input[name="password"] {

    border-top-right-radius: 0;
    border-top-left-radius:  0;
    margin-bottom:           10px;

  }


  #spac-login-form span#login-form-password-btn {

    border-top-right-radius: 0;
    max-height:              58px;
    cursor:                  pointer;
    color:                   #999999;

  }


  #spac-login-form span#login-form-password-btn:hover {

    color: #666666;

  }


/* 04 - ESTILO DA TELA DE LOGIN DO TEMPLATE @ END */




/* 05 - ESTILO DA TELA DE ESQUECI A SENHA DO TEMPLATE @ START */

  #spac-esqueci-form {

    max-width: 340px;
    position:  relative;
    display:   table;
    width:     100%;

  }


/* 05 - ESTILO DA TELA DE ESQUECI A SENHA DO TEMPLATE @ END */




/* 06 - ESTILO DA TELA DE CADASTRAR DO TEMPLATE @ START */

  #spac-cadastrar-form {

    max-width: 580px;
    position:  relative;
    display:   table;
    width:     100%;

  }


/* 06 - ESTILO DA TELA DE CADASTRAR DO TEMPLATE @ END */



/* 07 - ESTILO DA TELA MINHA CONTA DO TEMPLATE @ START */


  #spac-minha-conta-tabs > .nav-item > .nav-link {

    background-color: var(--spac-theme-header-menu-primary-bg);
    margin-bottom:    10px;
    color:            var(--spac-theme-header-menu-primary-fc);

  }


  #spac-minha-conta-tabs > .nav-item > .nav-link:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-h);
    color:            var(--spac-theme-header-menu-primary-fc-h);

  }


  #spac-minha-conta-tabs > .nav-item > .active,
  #spac-minha-conta-tabs > .nav-item > .active:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    color:            var(--spac-theme-header-menu-primary-fc-a);

  }
  

  #spac-minha-conta-tabs > .nav-item:last-child > .nav-link { margin-bottom: 0px; }


/* 07 - ESTILO DA TELA MINHA CONTA DO TEMPLATE @ END */





/* 08 - ESTILO DA TELA PROJETO DO TEMPLATE @ START */

  
  #page-projeto-list-group-btn {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    text-align:       left;
    color:            var(--spac-theme-header-menu-primary-fc-a);

  }


  #page-projeto-list-group-btn::after {

    margin-left: 0px;
    margin-top:  10px;
    float:       right;

  }


  #page-projeto-list-group > .list-group > .list-group-item {

    background-color: var(--spac-theme-header-menu-primary-bg);
    color:            var(--spac-theme-header-menu-primary-fc);

  }


  #page-projeto-list-group > .list-group > .list-group-item:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-h);
    color:            var(--spac-theme-header-menu-primary-fc-h);

  }


  #page-projeto-list-group > .list-group > .active,
  #page-projeto-list-group > .list-group > .active:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    border-color:     var(--spac-theme-header-menu-primary-bg-a);
    color:            var(--spac-theme-header-menu-primary-fc-a);

  }


  #page-projeto-pills-tabs > .nav-item > .nav-link {

    background-color: var(--spac-theme-header-menu-primary-bg);
    margin-bottom:    10px;
    color:            var(--spac-theme-header-menu-primary-fc);

  }


  #page-projeto-pills-tabs > .nav-item > .nav-link:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-h);
    color:            var(--spac-theme-header-menu-primary-fc-h);

  }


  #page-projeto-pills-tabs > .nav-item > .active,
  #page-projeto-pills-tabs > .nav-item > .active:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    color:            var(--spac-theme-header-menu-primary-fc-a);

  }
  

  #page-projeto-pills-tabs > .nav-item:last-child > .nav-link { margin-bottom: 0px; }



  .spac-projetos-icones {

    max-width: 48px;

  }


  .page-projeto-dashboard-financeiro-btn,
  .page-projeto-dashboard-financeiro-btn:hover {

    cursor: default;

  }


  .page-projeto-dashboard-financeiro-btn[data-tab='relatorios'],
  .page-projeto-dashboard-financeiro-btn[data-tab='relatorios']:hover {

    background-color: #0dcaf0;
    border-color:     #0dcaf0;

  }


  .page-projeto-dashboard-financeiro-btn[data-tab='financeiro'],
  .page-projeto-dashboard-financeiro-btn[data-tab='financeiro']:hover {

    background-color: #ffc107;
    border-color:     #ffc107;

  }


  .page-projeto-dashboard-financeiro-btn > span {

    border-radius: 4px;
    font-size:     11px;
    padding:       2px 8px;
    opacity:       .9;
    cursor:        pointer;
    margin:        4px 0px 0px 6px;

  }


  .page-projeto-dashboard-financeiro-btn > span:hover {

    opacity: 1;

  }




  /* ============|> TAB MENSAGENS <|==============  */


    /*#page-projeto-msg-lista > ul {

    
      overflow-x: hidden;
      overflow-y: auto;
      list-style: none;
      padding:    0;
      margin:     0;
      height:     100%;
      width:      100%;

    }

    #page-projeto-msg-lista > ul > li { margin: 0.25em 0; padding: 0; line-height: 16px; }
    #page-projeto-msg-lista > ul > li#page-projeto-msg-lista-loading { margin-top: 18%; }
    #page-projeto-msg-lista > ul > li small { font-size: 12px; color: gray; }
    #page-projeto-msg-lista > ul > li.pending { color: #aaa; }

    #page-projeto-msg-lista > ul > li.page-projeto-msg-lista-item {
      
      text-align: left;
      font-size:  14px;
      padding:    5px 10px;

    }


    #page-projeto-msg-lista > ul > li.page-projeto-msg-lista-item .card-body {

      padding-left: 12px !important;
      padding-top:  10px !important;
    
    }



    #page-projeto-msg-table {

      background-color: var(--spac-theme-header-menu-primary-bg-a);

    }


    #page-projeto-msg-membros > button {

      border-color:     #FFFFFF;
      color:            #000000;

    }


    #page-projeto-msg-membros > button.active {

      background-color: var(--spac-theme-header-menu-fc);
      border-color:     #FFFFFF;
      cursor:           default;
      color:            var(--spac-theme-header-menu-primary-fc-h);

    }



    .page-projeto-msg-current-user:hover,
    .page-projeto-msg-current-user:focus,
    .page-projeto-msg-current-user:active,
    .page-projeto-msg-current-user:active:hover,
    .page-projeto-msg-current-user {

      text-decoration: line-through;
      cursor:          not-allowed;

    }


    button#page-projeto-msg-form-submit:hover,
    button#page-projeto-msg-form-submit:focus,
    button#page-projeto-msg-form-submit:active,
    button#page-projeto-msg-form-submit:active:hover,
    button#page-projeto-msg-form-submit {

      background-color: var(--spac-theme-header-menu-fc);
      border-color:     var(--spac-theme-header-menu-fc);
      color:            var(--spac-theme-header-menu-primary-fc-h);
    
    }


    button#page-projeto-msg-form-submit.page-projeto-msg-disabled:hover,
    button#page-projeto-msg-form-submit.page-projeto-msg-disabled:focus,
    button#page-projeto-msg-form-submit.page-projeto-msg-disabled:active,
    button#page-projeto-msg-form-submit.page-projeto-msg-disabled:active:hover,
    button#page-projeto-msg-form-submit.page-projeto-msg-disabled {

      background-color: var(--spac-theme-header-menu-primary-bg-a);
      border-color:     var(--spac-theme-header-menu-primary-bg-a);
      color:            var(--spac-theme-header-menu-primary-fc-a);

    }*/

    #page-projeto-mensagens-lista > ul {

      /* background-color: pink;*/
      overflow-x: hidden;
      overflow-y: auto;
      list-style: none;
      padding:    0;
      margin:     0;
      height:     100%;
      width:      100%;

    }

    #page-projeto-mensagens-lista > ul > li { margin: 0.25em 0; padding: 0; line-height: 16px; }
    #page-projeto-mensagens-lista > ul > li#page-projeto-mensagens-lista-loading { margin-top: 18%; }
    #page-projeto-mensagens-lista > ul > li small { font-size: 12px; color: gray; }
    #page-projeto-mensagens-lista > ul > li.pending { color: #aaa; }

    #page-projeto-mensagens-lista > ul > li.page-projeto-mensagens-lista-item {
      
      text-align: left;
      font-size:  14px;
      padding:    5px 10px;

    }


    #page-projeto-mensagens-lista > ul > li.page-projeto-mensagens-lista-item .card-body {

      padding-left: 12px !important;
      padding-top:  10px !important;
    
    }



    #page-projeto-mensagens-table {

      background-color: var(--spac-theme-header-menu-primary-bg-a);

    }


    #page-projeto-mensagens-membros > button {

      border-color:     #FFFFFF;
      color:            #000000;

    }


    #page-projeto-mensagens-membros > button.active {

      background-color: var(--spac-theme-header-menu-fc);
      border-color:     #FFFFFF;
      cursor:           default;
      color:            var(--spac-theme-header-menu-primary-fc-h);

    }



    .page-projeto-mensagens-current-user:hover,
    .page-projeto-mensagens-current-user:focus,
    .page-projeto-mensagens-current-user:active,
    .page-projeto-mensagens-current-user:active:hover,
    .page-projeto-mensagens-current-user {

      text-decoration: line-through;
      cursor:          not-allowed;

    }


    button#page-projeto-mensagens-form-submit:hover,
    button#page-projeto-mensagens-form-submit:focus,
    button#page-projeto-mensagens-form-submit:active,
    button#page-projeto-mensagens-form-submit:active:hover,
    button#page-projeto-mensagens-form-submit {

      background-color: var(--spac-theme-header-menu-fc);
      border-color:     var(--spac-theme-header-menu-fc);
      color:            var(--spac-theme-header-menu-primary-fc-h);
    
    }


    button#page-projeto-mensagens-form-submit.page-projeto-mensagens-disabled:hover,
    button#page-projeto-mensagens-form-submit.page-projeto-mensagens-disabled:focus,
    button#page-projeto-mensagens-form-submit.page-projeto-mensagens-disabled:active,
    button#page-projeto-mensagens-form-submit.page-projeto-mensagens-disabled:active:hover,
    button#page-projeto-mensagens-form-submit.page-projeto-mensagens-disabled {

      background-color: var(--spac-theme-header-menu-primary-bg-a);
      border-color:     var(--spac-theme-header-menu-primary-bg-a);
      color:            var(--spac-theme-header-menu-primary-fc-a);

    }


  /* ============|> TAB MENSAGENS <|==============  */




  /* ============|> TAB ARTEFATOS <|==============  */


    #spac-projeto-modal-add-artefato-form-membros-lista .membro-checked {

      background-color: var(--spac-theme-header-menu-primary-bg-a);
      border-color:     var(--spac-theme-header-menu-primary-bg-a);
      cursor:           pointer;
      color:            var(--spac-theme-header-menu-primary-fc-a);
      
    }


    #spac-projeto-modal-add-artefato-form-membros-lista .current-membro {

      cursor: not-allowed !important;

    }


    #spac-projeto-modal-add-artefato-form-membros-lista .spac-projeto-modal-add-artefato-form-membros-lista-item:hover {

      background-color: var(--spac-theme-header-menu-primary-bg-h);
      cursor:           pointer;
      color:            var(--spac-theme-header-menu-primary-fc-h);

    }


  /* ============|> TAB ARTEFATOS <|==============  */




  /* ============|> TAB MEMBROS <|==============  */



  .spac-projeto-modal-add-membro-item .fa { color: #000000 !important; }
  .spac-projeto-modal-add-membro-item { cursor: pointer; }


  .spac-projeto-modal-add-membro-item:hover {
    background-color: var(--spac-theme-header-menu-primary-bg-h);
    cursor:           pointer;
    color:            var(--spac-theme-header-menu-primary-fc-h);
  }


  .membro-selected {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    border-color:     var(--spac-theme-header-menu-primary-bg-a);
    cursor:           pointer;
    color:            var(--spac-theme-header-menu-primary-fc-a);
    
  }


  .spac-projeto-modal-add-membro-btn-disabled,
  .spac-projeto-modal-add-membro-btn-disabled:focus,
  .spac-projeto-modal-add-membro-btn-disabled:focus-visible,
  .spac-projeto-modal-add-membro-btn-disabled:active,
  .spac-projeto-modal-add-membro-btn-disabled:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-h) !important;
    border-color:     var(--spac-theme-header-menu-primary-bg-a) !important;
    cursor:           not-allowed !important;
    color:            var(--spac-theme-header-menu-primary-fc-h) !important;

  }


/* 08 - ESTILO DA TELA PROJETO DO TEMPLATE @ END */





/* 09 - ESTILO DO MODAL DE RESUMO DE REGISTROS DE PAGAMENTOS DO TEMPLATE @ START */

  
  .spac-projeto-modal-view-pagamento-resumo-dados-item .card-footer,
  .spac-projeto-modal-view-pagamento-resumo-dados-item h5.card-title,
  .spac-projeto-modal-view-pagamento-resumo-dados-item span.card-date {

    line-height: 17px;
    font-size:   14px;

  }



  .spac-projeto-modal-view-pagamento-resumo-alert,
  .spac-projeto-modal-view-pagamento-resumo-dados-item .card-subtitle {

    line-height: 15px;
    font-size:   12px;

  }



  .spac-projeto-modal-view-pagamento-resumo-alert > button {

    font-size: 10px !important;
    padding:   .75rem .75rem !important;

  }



  #spac-projeto-modal-view-pagamento-resumo-sumario,
  .spac-projeto-modal-view-pagamento-resumo-dados-item .list-group-item,
  .spac-projeto-modal-view-pagamento-resumo-dados-item .card-body {

    line-height: 16px;
    font-size:   13px;

  }


/* 09 - ESTILO DO MODAL DE RESUMO DE REGISTROS DE PAGAMENTOS DO TEMPLATE @ END */





@media (min-width: 576px) {

  /*#navbarToggler { display: none !important; }*/

  /*header > #header-1 #header-painel { display: flex; }*/
  /*header > #header-2 { display: flex; }*/

  /*header > #header-1 .header-button { display: none; }*/

  header > #header-2 #header-site > ul > li {

    padding: 0px 10px;

  }
  
  header > #header-2 #header-site > ul > li:first-child {

    padding-left: 0px;
  }

}