/*

  Theme name: SPAC
  Description: Sistema Profissional Administrador de conteúdo.
  Theme URI: https://spac.robinhodev.online
  Author: Robson Vieira
  Text Domain: spac
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 2.1

*/

/* GERAL - START */


  * {
    
    padding: 0;
    margin:  0;

  }



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

  }



  #all {

    position: relative;
    height:   100%;
    width:    100%;

  }


  .bg-listrado {

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

  }


/* GERAL - END */




/* HEADER SITE - START */


  nav#header {

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

  }


  nav#header a.navbar-brand,
  nav#header img#site-logo {

    max-width: 200px;
    
  }


  nav#header #menu-menu-site li,
  nav#header #menu-site-logado li {

    padding: 10px 15px;

  }


  nav#header #menu-menu-site a,
  nav#header #menu-site-logado a {

    color: var(--spac-theme-site-header-fc);

  }


  nav#header #header-site-btn,
  nav#header #header-times {

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

  }



  nav#header #offcanvasNavbar {

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

  }
  

  nav#header #offcanvasNavbar #menu-item-9335 a > span > span:first-child {

    display: none !important;

  }
  nav#header #offcanvasNavbar #menu-item-9335 a > span > span:last-child {
    
    display: block !important;
    
  }


  nav#header #menu-menu-site a:hover,
  nav#header #menu-site-logado a:hover {

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

  }


  nav#header #menu-menu-site li.active a,
  nav#header #menu-site-logado li.active a {

    color: var(--spac-theme-site-header-fc-a);

  }


  nav#header #menu-menu-site li.active a:hover,
  nav#header #menu-site-logado li.active a:hover {

    color: var(--spac-theme-site-header-fc-ah);

  }


  nav#header #menu-menu-site li.btn-carrinho a,
  nav#header #menu-site-logado li.btn-carrinho a {

    background-color: #1BB99A;
    text-decoration:  none;
    border-radius:    4px;
    padding-right:    16px !important;
    padding-left:     16px !important;
    font-size:        15px;
    opacity:          .7;
    color:            #FFFFFF;

  }


  nav#header #menu-menu-site li.btn-carrinho a:hover,
  nav#header #menu-site-logado li.btn-carrinho a:hover {

    
    text-decoration: none;
    opacity:         1;
    color:           #FFFFFF;

  }


  nav#header #menu-menu-site li.btn-comprar a,
  nav#header #menu-site-logado li.btn-comprar a {

    font-weight: bold;
    opacity: .7;
    color:   #65B867 !important;

  }


  nav#header #menu-menu-site li.btn-comprar a:hover,
  nav#header #menu-site-logado li.btn-comprar a:hover {

    
    opacity: 1;
    color:   #65B867 !important;

  }


/* HEADER SITE - END */



div#painel-content[data-sidebar='on'] div#painel-sidebar {

  position: relative;

}



#painel-sidebar {

  min-height: 100%;
  /*display:    table;*/

}



#painel-sidebar button {

  border-bottom-right-radius: 6px;
  border-top-right-radius:    6px;
  background:                 red;
  max-height:                 35.99px;
  max-width:                  35.99px;
  position:                   absolute;
  padding:                    6px 14px 6.01px 14px;
  display:                    table;
  z-index:                    10;
  border:                     0;
  cursor:                     pointer;
  color:                      #FFFFFF;
  right:                      -36px;
  top:                        10px;

}



div#painel-content[data-sidebar='off'] div#painel-sidebar > button {

  right: unset;
  left:  0px;

}



div#painel-content[data-seta="left"] div#painel-sidebar > button > i.fa-angle-right { display: none; }
div#painel-content[data-seta="right"] div#painel-sidebar > button > i.fa-angle-left { display: none; }



#painel-sidebar > div {

  background-color: var(--spac-theme-site-header-bg);
  border-right:     1px solid #ECECEC;
  position:         relative;
  display:          table;
  z-index:          11;
  width:            100%;

}



#painel-sidebar-header {

  position: relative;
  padding:  10px;
  display:  table;
  z-index:  11;
  width:    100%;

}



#painel-sidebar-header > div {

  border-bottom: 1px solid #FFFFFF;
  position:      relative;
  padding:       5px;
  display:       table;
  width:         100%;

}



#painel-sidebar-header > div > a {

  text-decoration: none;
  position:        relative;
  display:         table;
  width:           100%;
  color:           #FFFFFF;

}



#painel-sidebar-header > div > a > h1 {

  line-height: 28px;
  max-width:   216px;
  font-size:   1.8em;
  margin:      0px;

}



#painel-sidebar-body {

  padding-bottom: 10px;
  position:       relative;
  display:        table;
  z-index:        11;
  width:          100%;

}



#painel-sidebar-body > ul {

  width: 100%;

}



#painel-sidebar-body li.menu-item > a,
#painel-sidebar-body li.menu-item > a:visited,
#painel-sidebar-body li.menu-item > a:active {

  text-decoration: none;
  padding-right:   0px;
  padding-left:    0px;
  margin-top:      1px;
  color:           #FFFFFF;

}



#painel-sidebar-body li.menu-item > a span.menu-desk {

  padding-right: 15px;
  padding-left:  15px;

}



#painel-sidebar-body li.menu-item > a:hover,
#painel-sidebar-body li.menu-item > a:visited:hover,
#painel-sidebar-body li.menu-item > a:active:hover {

  background-color: rgba(255, 255, 255, .2);
  text-decoration:  none;
  color:            #FFFFFF;

}



#painel-sidebar-body li.active > a,
#painel-sidebar-body li.active > a:visited,
#painel-sidebar-body li.active > a:active,
#painel-sidebar-body li.active > a:hover,
#painel-sidebar-body li.active > a:visited:hover,
#painel-sidebar-body li.active > a:active:hover {

  background-color: rgba(255, 255, 255, .4);

}



#painel-sidebar-body li.active > a:after {

  border-bottom: 8px solid transparent; 
  border-right:  10px solid #ECECEC; 
  border-top:    8px solid transparent;
  margin-top:    -20px;
  position:      absolute;
  content:       "";
  display:       table;
  height:        0; 
  width:         0; 
  right:         0px;
  color:         #ECECEC;

}



#painel-sidebar-body li > a i.fa { min-width: 22px; }



div#painel-content main#painel-main {

  position: relative;
  padding:  10px 15px 10px 48px;
  display:  table;
  width:    100%;

}





/* PAINEL MINHA TELA - START */


  #painel-minha-tela-device-conteudo {

    position: relative;
    z-index:  4;
    display:  table-cell;
    height:   100%;
    width:    100%;

  }


  #painel-minha-tela-device-loading {

    background-color: rgba(0, 0, 0, .5);
    position:         absolute;
    padding:          10px;
    display:          none;
    z-index:          5;
    border:           1px solid #FFFFFF;
    height:           100%;
    width:            100%;
    left:             0;
    top:              0;

  }


/* PAINEL MINHA TELA - END */



/* PAINEL MINHA CONTA - START */

  
  form#painel-seguranca-form div.form-floating,
  div#painel-meus-dados-form-senha-col div.form-floating,
  form#painel-minha-conta-form div.form-floating {
    
    width: calc(100% - 48px);

  }


  form#painel-seguranca-form input,
  div#painel-meus-dados-form-senha-col input,
  form#painel-minha-conta-form input {

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

  }


/* PAINEL MINHA CONTA - END */







/* PAINEL USUARIOS MODAL USUARIOS */

  
  form#painel-usuarios-modal-usuarios-form div.form-password {
    
    width: calc(100% - 48px);

  }


  form#painel-usuarios-modal-usuarios-form input.password {

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

  }


/* PAINEL USUARIOS MODAL USUARIOS - END */





/* PAINEL USUARIOS MODAL USUARIOS */

  
  form#painel-usuarios-modal-admin-form div.form-password {
    
    width: calc(100% - 48px);

  }


  form#painel-usuarios-modal-admin-form input.password {

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

  }


/* PAINEL USUARIOS MODAL USUARIOS - END */


/* PAINEL WHATSAPP DASHBOARD TABS - START */


  
  #painel-whatsapp-dashboard-pills-tab .nav-link[data-bs-target] {

    color: #FFFFFF;
    background-color: #6c757d;
    border-color: #6c757d;

  }


  #painel-whatsapp-dashboard-pills-tab .nav-link[data-bs-target]:hover {

    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;

  }


  #painel-whatsapp-dashboard-pills-tab .nav-link[data-bs-target].active {

    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;

  }


  #painel-whatsapp-dashboard-pills-tab #painel-whatsapp-dashboard-pills-add-tab-tab[data-bs-target],
  #painel-whatsapp-dashboard-pills-tab #painel-whatsapp-dashboard-pills-config-servers-tab[data-bs-target] {

    color: #FFFFFF;
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: 50%;

  }

  #painel-whatsapp-dashboard-pills-tab #painel-whatsapp-dashboard-pills-add-tab-tab[data-bs-target]:hover,
  #painel-whatsapp-dashboard-pills-tab #painel-whatsapp-dashboard-pills-config-servers-tab[data-bs-target]:hover {

    color: #FFFFFF;
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: unset;

  }


  #painel-whatsapp-dashboard-pills-tab #painel-whatsapp-dashboard-pills-add-tab-tab[data-bs-target].active,
  #painel-whatsapp-dashboard-pills-tab #painel-whatsapp-dashboard-pills-config-servers-tab[data-bs-target].active {

    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    opacity: unset;

  }



/* PAINEL WHATSAPP DASHBOARD TABS - END */

div#painel-dashboard .perfil-foto,
div#painel-meus-perfis-pet-lista .perfil-foto,
div.dispositivos-view-selecionar-item .perfil-foto,
div#painel-meus-dispositivos .perfil-foto,
div#painel-dispositivos .perfil-foto,
div#painel-meus-perfis-lista .perfil-foto {

  border-radius:    100%;
  margin-right:     auto;
  margin-left:      auto;
  margin-top:       0px;
  max-height:       80px;
  min-height:       80px;
  max-width:        80px;
  position:         relative;
  padding:          1px;
  display:          table;
  border:           2px solid #ECECEC;
  height:           100%;
  width:            100%;

}


div#painel-dashboard .perfil-foto > div,
div#painel-meus-perfis-pet-lista .perfil-foto > div,
div.dispositivos-view-selecionar-item .perfil-foto > div,
div#painel-meus-dispositivos .perfil-foto > div,
div#painel-dispositivos .perfil-foto > div,
div#painel-meus-perfis-lista .perfil-foto > div {

  background-position: center;
  background-repeat:   no-repeat;
  background-color:    #CCCCCC;
  background-size:     cover;
  border-radius:       100%;
  position:            relative;
  display:             table;
  height:              100%;
  width:               100%;

}


#painel-perfil-de-saude-form div#panelsStayOpen-collapseTwo textarea { min-height: 200px; }
#painel-perfil-de-pet-form div#panelsStayOpen-collapseTwo textarea { min-height: 200px; }
#painel-perfil-de-saude-form input#perfil-senha {

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

}

#painel-perfil-de-saude-form div#perfil-senha-col > div {

  width: calc(100% - 48px);
  
}


.fs-20 { font-size: 20px; }
.fs-14 { font-size: 14px; }
.fs-11 { font-size: 11px; }

.form-upload-file-areabox-mask {
  background-color: rgba(255, 255, 255, .5);
  content:          '';
  position:         absolute;
  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.tarea {

  background-color: #FFFFFF;
  overflow-y:       auto;
  padding:          .375rem .75rem;
  height:           300px;
  border:           0px;

}


.bre-0 > input,
.bre-0 > select {

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

}

/*div.append-label > div {

  width: calc(100% - 4px);
  
}


div.append-label > span.input-group-text {

  position: absolute;
  right: 0;
  height: 100%;

}*/


#page-loader {

  background: rgba(0, 0, 0, .6);
  position:   fixed;
  z-index:    9999;
  display:    table;
  /*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; }


.datalist-field,
.password-field {

  text-align: center;
  min-width:  48px;
  cursor:     pointer;

}





div.popover-body { padding: 4px; }
div.painel-encurtador-popover > div.popover-body { padding: 4px 6px; font-size: 13px; }


.datalist-field > i { margin: 0 auto; }


.painel-mobile-actions-lista {

  margin-top: 10px;
  position:   absolute;
  display:    initial;
  right:      50px;

}


.painel-mobile-actions-act {

  background-color: #ECECEC;
  line-height:      11px;
  border-top:       1px solid #FFFFFF;
  font-size:        13px;
  padding:          8px 12px;
  cursor:           pointer;

}


.painel-mobile-actions-act:hover {

  background-color: #CCCCCC;

}


.painel-mobile-actions-act[data-item='1'] {

  border-top: 0px;

}



#btn-wp-admin-dev {

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

@media (min-width: 992px) {
  
  #menu-menu-painel li#menu-item-251,
  #menu-menu-painel-admin li#menu-item-17 { min-width: 196px; }

  #painel-whatsapp-dashboard-pills-tab { min-width:206px; }

}



#painel-lista-filtro-num-form:before {

  position: absolute;
  content:  '\25B2';
  right:    10px;
  color:    #565e64;
  top:      -17px;

}

#painel-lista-filtro-num-form {

  background-color: #FFFFFF;
  border-radius:    4px;
  margin-left:      -70px;
  margin-top:       10px;
  text-align:       center;
  max-width:        100px;
  font-size:        13px;
  position:         absolute;
  padding:          5px;
  display:          none;
  z-index:          2;
  border:           1px solid #CCCCCC;
  width:            100%;

}


/* Chrome, Safari, Edge, Opera */
input#painel-lista-filtro-num-form-input::-webkit-outer-spin-button,
input#painel-lista-filtro-num-form-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input#painel-lista-filtro-num-form-input {
  -moz-appearance: textfield;
}


/*#painel-whatsapp-dashboard-pills-add-tab-tab { min-width: 162px; }*/


/* FOOTER - START */


  #all footer {

    position: absolute;
    display:  table;
    bottom:   0;
    width:    100%;

  }


  #all footer > #footer-one,
  #all footer > #footer-two {

    font-size:  14px;
    position: relative;
    display:  table;
    width:    100%;
    color:    #FFFFFF;

  }



  #all footer > #footer-two {

    padding-bottom: 20px;
    padding-top:  20px;

  }



  #all footer > #footer-one { background-color: #242424; text-transform: uppercase; }
  #all footer > #footer-two { background-color: #171717; }



  #all footer > #footer-one #menu-rodape > li {
    
    text-align: center;
    padding:  10px;
    width:    100%;

  }



  @media (min-width: 992px) {

    #all footer > #footer-one #menu-rodape > li { width: auto; }

  }



  #all footer > #footer-one #menu-rodape > li > a {

    text-decoration:  none;
    padding: 0px;
    font-size:      13px;
    opacity:      .7;
    color:        #FFFFFF;

  }


  #all footer > #footer-one #menu-rodape > li > a:hover {
    
    text-decoration:  none;
    opacity:      1;
    color:        #FFFFFF;

  }


/* FOOTER - END */





/* HOME - START */


  main#page-home > div#home-1 {

    padding-top: 20px;

  }

  #all #home-1,
  #all #home-3 { background-color: #3B3B3D; color: #FFFFFF; }


  #all #home-1 {

    font-weight:  300;
    line-height:  2.22222rem;
    text-align:   justify;
    font-size:    1rem;

  }


  #all #home-1 h2 {

    font-weight:  300;
    line-height:  5rem;
    text-align:   center;
    font-size:    3.55556rem;

  }


  #all #home-1 h2 > strong { font-weight: 900; display: table; margin: 0px auto; }



  #all #home-2 {

    padding-bottom: 20px;
    padding-top:  40px;
    font-weight:  300;
    line-height:  1.94444rem;
    text-align:   justify;
    font-size:    1rem;

  }


  #all #home-2 h2 {

    font-weight:  300;
    line-height:  1.2;
    text-align:   left;
    font-size:    2.77778rem;
    margin:     0px auto;

  }


  #all #home-2 h2 > strong { font-weight: 900; }


  #all #home-2 h2::after {

    content:    "";
    display:    block;
    border-bottom:  1px solid #f44949;
    width:      92%;
    position:   relative;
    bottom:     0px;
    border-radius:  5px;
    margin:     15px 0;
  
  }


  #all #home-3 { padding-top: 50px; }

  #all #home-3 h2 {

    font-weight:  300;
    line-height:  1.2;
    text-align:   right;
    margin-top:   40px;
    font-size:    3.33333rem;

  }


  #all #home-3 h2 > strong { font-weight: 900; }


  #all #home-3 ul {

    list-style: none;
    padding:  0px;
    margin:   20px 0px 0px 0px;

  }

  
  #all #home-3 ul > li {

    font-weight:  300;
    font-size:    1rem;
    margin:     6px 0px;

  }



  @media (min-width: 992px) {
    
    #all #home-3 ul > li {

      font-size:  1.66667rem;

    }

  }



  #all #home-3 h3 {

    font-weight:  300;
    line-height:  1.2;
    text-align:   center;
    font-size:    2.0em;
    margin:     0px auto .5rem auto;

  }


  #all #home-3 h3 > strong {

    font-weight:  900;
    display:    table;
    margin:     0px auto;
  
  }



  #all #home-3 .home-3-box {

    position: relative;
    display:  table;
    margin:   0px auto;
    top:    -50%;

  }



  #all #home-4 {

    padding-bottom: 10px;
    padding-top:  50px;
    font-weight:  300;
    line-height:  1.5;
    text-align:   justify;
    font-size:    1rem;

  }


  #all #home-4 h2 {

    text-transform: uppercase;
    font-weight:  700;
    line-height:  1.2;
    text-align:   center;
    font-size:    2.5rem;
    margin:     0px auto 20px auto;

  }


  #all #home-4 h4 {

    font-weight:  500;
    line-height:  1.2;
    font-size:    1.5rem;
    color:      red;

  }


  #all .btn-page-home {

    background-color: #4daa50;
    text-decoration:  none;
    letter-spacing:   3px;
    border-radius:    .25rem;
    font-weight:    400;
    font-size:      .88889rem;
    position:     relative;
    padding:      .375rem .75rem;
    display:      table;
    color:        #FFFFFF;

  }

  #all .btn-page-home:hover {

    background-color: #49a24c;
    text-decoration:  none;
    color:        #FFFFFF;

  }


  #all .btn-page-home-red {

    background-color: #f22525;
    text-decoration:  none;
    letter-spacing:   3px;
    border-radius:    .25rem;
    font-weight:    400;
    font-size:      .88889rem;
    position:     relative;
    padding:      .375rem .75rem;
    display:      table;
    color:        #FFFFFF;

  }

  #all .btn-page-home-red:hover {

    background-color: #f11919;
    text-decoration:  none;
    color:        #FFFFFF;

  }


/* HOME - END */





/* FALE CONOSCO - START */

  #fale-conosco-mensagem { min-height: 150px; }


/* FALE CONOSCO - END */





/* CARRINHO - START */

  
/*  #page-carrinho .cart-collaterals { display: none; }*/
  #page-carrinho #sidebar-carrinho .cart-collaterals { display: table; }
  #page-carrinho .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: unset; }


/* CARRINHO - END */


/* 05 - ESTILO DA TELA DE ESQUECI A SENHA DO TEMPLATE @ START */
  
  main#page-esqueci-a-senha h2 { text-align:center; }

  #spac-esqueci-form {

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

  }


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