/*

  Theme name: SPAC
  Description: Sistema Profissional Administrador de Conteúdo.
  Theme URI: https://wordpress.shdev.com.br/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: 2.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;
    height:           100%;
    width:            100%;
    color:            var(--spac-theme-site-fc);

  }



  #all {

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

  }



  #painel-content {

    padding:      20px 0px 20px 35px;

  }



  #painel-sidebar-btn {

    border-bottom-left-radius: 0px;
    border-top-left-radius:    0px;
    position:                  fixed;
    z-index:                   9;
    left:                      1px;
    top:                       30px;

  }



  #painel-main-offcanvas {

    max-width: 280px;

  }



  #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; }


  .form-upload-file-areabox-mask {

    background-color: rgba(255, 255, 255, .5);
    position:         absolute;
    content:          '';
    display:          table;
    height:           100%;
    width:            100%;
    top:              0;

  }


  .form-upload-file-remove-button {

    position: absolute;
    right:    14px;
    top:      11px;

  }


  .form-upload-file-areabox-button {
    
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size:      14px;
    cursor:         pointer;

  }


  .form-upload-file-areabox-button-disabled {

    background-color: #6c757d !important;
    border-color:     #6c757d !important;
    opacity:          .65 !important;
    cursor:           not-allowed !important;
    color:            rgba(255, 255, 255, 0.65) !important;

  }



  div.imagem_upload > div.form-floating > div:nth-child(2) > div {

    background-position: center;
    background-repeat:   no-repeat;
    background-color:    #CCCCCC;
    background-size:     cover;
    padding-top:         50%;
    position:            relative;
    width:               100%;

  }


  div.imagem_upload > div.form-floating > div:nth-child(2) > div {

    background: repeating-linear-gradient(

      45deg,
      #e2e3e5,
      #e2e3e5 10px,
      #d4d6db 10px,
      #d4d6db 20px

    );

    background-size: cover;
    
  }


  #automator-breadcrumb > .breadcrumb-item + .breadcrumb-item::before {
    
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-top:  3.5px;
    font-size:   18px;
    content:     "\f30b";
    color:       #000000;

  }


  #automator-breadcrumb > .breadcrumb-item > a,
  #automator-breadcrumb > .breadcrumb-item > span { font-size: 13px; }


  .painel-password-field > div.form-floating {

    width: calc(100% - 45px);

  }


  .painel-password-field > div.form-floating > input.form-control {

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

  }


  .painel-password-field > span.input-group-text {

    text-align: center;
    width:      46px;

  }


  .painel-password-field > span.input-group-text > i {

    position: relative;
    cursor:   pointer;
    margin:   0px auto;
  }



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




/* 02 - ESTILO BTN ROXO DO TEMPLATE @ START */


  .btn-roxo {

    background-color: #611BBD;
    border-color:     #130269;
    color:            #ffffff;

  }

  
  .btn-roxo:hover,
  .btn-roxo:focus,
  .btn-roxo:active,
  .btn-roxo.active,
  .dropdown-toggle.btn-roxo.show,
  .open .dropdown-toggle.btn-roxo {

    background-color: #49247A;
    border-color:     #130269;
    color:            #ffffff;
  
  }
  

  .btn-roxo:active,
  .btn-roxo.active,
  .open .dropdown-toggle.btn-roxo {

    background-image: none;

  }

   
  .btn-roxo.disabled,
  .btn-roxo[disabled],
  fieldset[disabled] .btn-roxo,
  .btn-roxo.disabled:hover,
  .btn-roxo[disabled]:hover,
  fieldset[disabled] .btn-roxo:hover,
  .btn-roxo.disabled:focus,
  .btn-roxo[disabled]:focus,
  fieldset[disabled] .btn-roxo:focus,
  .btn-roxo.disabled:active,
  .btn-roxo[disabled]:active,
  fieldset[disabled] .btn-roxo:active,
  .btn-roxo.disabled.active,
  .btn-roxo[disabled].active,
  fieldset[disabled] .btn-roxo.active {

    background-color: #611BBD;
    border-color:     #130269;

  }
   

  .btn-roxo .badge {

    background-color: #ffffff;
    color:            #611BBD;

  }


  .btn-outline-roxo {

    background-color: #ffffff;
    border-color:     #130269;
    color:            #611BBD;

  }


  .btn-outline-roxo:hover,
  .btn-outline-roxo:focus,
  .btn-outline-roxo:active {

    background-color: #611BBD;
    border-color:     #130269;
    color:            #ffffff;

  }


  .input-roxo,
  .input-roxo:hover,
  .input-roxo:focus,
  .input-roxo:active {

    background-color: #ffffff;
    border-color:     #130269;
    color:            #611BBD;

  }


/* 02 - ESTILO BTN ROXO DO TEMPLATE @ END */





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



  #painel-main-offcanvas li.menu-item a.nav-link {

    background-color: var(--spac-theme-site-header-fc-bg);
    padding:          var(--bs-nav-link-padding-y) var(--bs-offcanvas-padding-x);
    color:            var(--spac-theme-site-header-fc);

  }


  #painel-main-offcanvas li.menu-item a.nav-link:hover {

    background-color: var(--spac-theme-site-header-fc-bg-h);
    padding:          var(--bs-nav-link-padding-y) var(--bs-offcanvas-padding-x);
    color:            var(--spac-theme-site-header-fc-h);

  }


  #painel-main-offcanvas li.current-menu-item a.nav-link {

    background-color: var(--spac-theme-site-header-fc-bg-a);
    padding:          var(--bs-nav-link-padding-y) var(--bs-offcanvas-padding-x);
    color:            var(--spac-theme-site-header-fc-a);

  }


  #painel-main-offcanvas li.current-menu-item a.nav-link:hover {

    background-color: var(--spac-theme-site-header-fc-bg-ah);
    padding:          var(--bs-nav-link-padding-y) var(--bs-offcanvas-padding-x);
    color:            var(--spac-theme-site-header-fc-ah);

  }



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





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


  #spac-page-login {

    text-align: center;

  }


  #spac-login-form {

    margin-bottom: 20px;
    margin-top:    20px;
    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-bottom-right-radius: 0;
    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;
    text-align:              center;
    max-height:              58px;
    min-width:               46px;
    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 DASHBOARD TEMPLATE @ START */


  #painel-page-dashboard .painel-page-dashboard-btn-disabled,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:hover,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:focus,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:focus:hover,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:focus-within,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:focus-visible,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:target,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:active,
  #painel-page-dashboard .painel-page-dashboard-btn-disabled:active:hover {

    background-image: none !important;
    background-color: #5c636a !important;
    pointer-events:   none !important;
    border-color:     #6c757d !important;
    cursor:           not-allowed !important;


  }


/* 07 - ESTILO DA TELA DASHBOARD TEMPLATE @ END */





/* 08 - ESTILO TABLE LIST DO AUTOMATOR DO TEMPLATE @ START */



  .table-list-order > i {

    position: relative;
    display:  table;

  }

  
  .table-list-order[data-ordem='ASC'] > i { top: 3px; }
  .table-list-order[data-ordem='DESC'] > i { top: -2px; }


  .table-list-order-active,
  .table-list-order-active:hover,
  .table-list-order-active:focus,
  .table-list-order-active:active,
  .table-list-order-active {

    background-color: #611BBD;
    border-color:     #130269;
    cursor:           default;
    color:            #ffffff;

  }


  #table-list-form-search-reset {

    border-bottom-color: #130269;
    border-top-color:    #130269;
    border-radius:       0px;

  }



/* 08 - ESTILO TABLE LIST DO AUTOMATOR DO TEMPLATE @ END */