/*



  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%;



  }



  #menu-menu-site-logado li.menu-item {


    padding-left: 14px;


  }







  #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 */