/*

  Theme name: Grupo Anjos
  Description: Template criado para o sistema do App Grupo Anjos.
  Theme URI: https://wordpress.shdev.com.br/themes/grupoanjos
  Author: Spada Global / SHDevelopment - Robson Vieira
  Text Domain: grupoanjos
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 1.0

*/


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

  }



  #btn-wp-admin-dev {

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



  .bg-listrado {

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

  }



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



  .no-radius-start > input {

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

  }



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


  .no-overflow { overflow: hidden !important; }


  .page-painel { overflow: hidden !important; }
  .page-painel #page-loader { display: table; }



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



  #spac-theme-automator-list-table-form-btn-all {

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

  }


  #spac-theme-automator-list-table-form-btn-all:hover {

    background-color: rgba(108, 117, 125, .5);
    border-color:     rgba(108, 117, 125, .8);
    color:            #FFFFFF;

  }


  #spac-theme-automator-list-table-form-btn-all.active {

    background-color: rgba(108, 117, 125, .9);
    border-color:     #6c757d;
    color:            #FFFFFF;

  }



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


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



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



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




/* SIDEBAR PAINEL - START */


  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:           var(--spac-theme-site-header-fc);

  }



  #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: var(--spac-theme-site-header-bg-h);
    text-decoration:  none;
    color:            var(--spac-theme-site-header-fc-h);

  }



  #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: var(--spac-theme-site-header-bg-a);
    color:            var(--spac-theme-site-header-fc-a);

  }



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

  }


  @media (min-width: 992px) {
  
    #painel-sidebar-body > ul.navbar-nav li:first-child { min-width: 220px; }

  }


/* SIDEBAR PAINEL - END */





/* PAINEL PAGE DASHBOARD - START */

  
  .painel-dashboard-card-disabled {

    opacity: .55;
    cursor:  not-allowed !important;
    color:   #59AEB3 !important;

  }


  .painel-dashboard-card-disabled:hover {

    background-color: var(--bs-card-cap-bg) !important;
    opacity:          .55;
    cursor:           not-allowed !important;
    color:            #59AEB3 !important;

  }



  .painel-dashboard-card-disabled > div.card-header {

    color: #59AEB3 !important;

  }



  .painel-dashboard-card-disabled:hover > div.card-header {

    background-color: unset !important;
    color:            #59AEB3 !important;

  }



  .painel-dashboard-card {

    cursor: pointer;

  }



  .painel-dashboard-card:hover {

    background-color: #00838B;

  }



  .painel-dashboard-card > div.card-header {

    border-bottom: 0px !important;
    color:         #00838B;

  }



  .painel-dashboard-card:hover > div.card-header {

    color: #FFFFFF;

  }


/* PAINEL PAGE DASHBOARD - END */





/* PAINEL PAGE CALENDARIO - START */

  
  #painel-calendario-container {
    
    max-width: 350px;
    position:  relative;
    margin:    0px auto;
    width:     100%;

  }



  #painel-calendario-container > .ui-datepicker-inline { width: 100%; }


/* PAINEL PAGE CALENDARIO - END */






/* PAINEL PAGE LOCAÇÕES - START */


  #locacao-itens > div.row > span.wpcf7-list-item > label {

    background-color: #00838B;
    background-image: var(--bs-gradient) !important;
    border-radius:    var(--bs-border-radius-lg) !important;
    text-align:       center;
    font-size:        1.25rem !important;
    padding:          15px 10px;
    cursor:           pointer;
    height:           100%;
    width:            100%;
    color:            #FFFFFF;

  }


  #locacao-itens > div.row > span.wpcf7-list-item > label > input {

    position: relative;
    display:  table;
    margin:   5px auto 5px auto;

  }


/* PAINEL PAGE LOCAÇÕES - END */





/* PAINEL PAGE TOTVS - START */
  

  #painel-totvs-lista-pills-tab {

    max-width: 200px;
    width: 100%;

  }



  #painel-totvs-lista-pills-tab > button:not(.active) {

    background-color: #CCCCCC;
    color:            #FFFFFF;

  }



  #painel-totvs-lista-pills-tab > button:hover:not(.active) {

    background-color: #999999;
    color:            #FFFFFF;

  }


/* PAINEL PAGE TOTVS - END */