/*

  Theme name: E-Sterilize
  Description: Theme desenvolvido para criação do sistema da E-Sterilize em WordPress.
  Theme URI: https://wordpress.shdev.com.br/themes/e-sterilize
  Author: SHDev - Robson Vieira
  Text Domain: ESterilize
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 1.0

*/


:root {

  --esterilize-site-bg: #CCCCCC;
  --esterilize-site-fc: #000000;
  --esterilize-azul-claro: #C4F6F4;
  --esterilize-azul: #1C4292;
  --esterilize-cinza: #e2e3e5;

}

.e-sterilize-bg-cinza { background-color: var(--esterilize-cinza); }



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


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

  }



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

  }



  .e-sterilize-no-overflow { overflow: hidden; }



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

  }


  #e-sterilize-page-loader {

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

  }



  #e-sterilize-page-alert {

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

  }



  #e-sterilize-page-alert-liveToast { max-width: 400px; }



  .e-sterilize-autocomplete-off[readonly],
  .e-sterilize-autocomplete-off-password[readonly] {

    background-color: #FFFFFF;

  }



  .e-sterilize-link-px-0 > a {

    padding-right: 0px !important;
    padding-left:  0px !important;

  }



  .e-sterilize-btn-border-transparent > a {

    border-color: transparent !important;

  }



  .e-sterilize-btn-langs > button:focus {

    box-shadow: unset !important;

  }


  .e-sterilize-btn-langs img {

    margin-top: 0px;
    display:    block;
    height:     22px !important;
    width:      27px !important;

  }


  .e-sterilize-btn-langs > ul {

    max-width: 60px;
    min-width: unset;

  }


  .cursor-not-allowed { cursor: not-allowed !important; }


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




/* 02 - ESTILO DAS PAGINAS DOS VISITANTES @ START */

  
  .e-sterilize-pages-visitante {

    background-color: red;
    padding: 0px 0 0;
    margin:  0px;
    height:  100%;
    width:   100%;

  }



  .e-sterilize-pages-visitante-left {

    background-color: blue;
    background-image: url('https://e-sterilize.app/wp-content/uploads/2025/05/WhatsApp-Image-2025-05-22-at-15.12.57.jpeg');
    background-repeat: no-repeat;
    height:  auto;
    margin:  0px;

  }



  .e-sterilize-pages-visitante-right {

    background-color: #FFFFFF;
    height:  100%;
    margin:  0px;

  }


/* 02 - ESTILO DAS PAGINAS DOS VISITANTES @ END */




/* 03 - ESTILO DAS PAGINAS DO PAINEL @ START */

  
  #e-sterilize-pages-painel-nav {

    border-bottom: 1px solid #E7EBEC;
    background-color: #FFFFFF;
    min-height: 65px;

  }


  #e-sterilize-pages-painel-nav-menu-close { margin-right: 2px; margin-top: -30px; }


  #e-sterilize-pages-painel-nav-menu-offcanvas .nav-link {
    
    font-weight: 400;
    font-size:   1.2em;
    padding:     10px 1rem;

  }


  #e-sterilize-pages-painel-nav-menu-offcanvas .nav-link:hover { color: var(--esterilize-azul); }

  #e-sterilize-pages-painel-nav-menu-offcanvas > ul > .current-menu-item > .nav-link { color: var(--esterilize-azul); }


  #e-sterilize-pages-painel-nav-menu-offcanvas .nav-link i {

    text-align: center;
    font-size: 1.3em;
    min-width: 32px;
    /*padding-right: 1rem;
    padding-left: 1rem;*/

  }



  .e-sterilize-pages-painel-nav-menu-top .e-sterilize-pages-painel-nav-menu-nome { padding-right: 0px !important; margin-left: 20px; }
  .e-sterilize-pages-painel-nav-menu-top-offcanvas .e-sterilize-pages-painel-nav-menu-nome { padding-right: 0px; }

  .e-sterilize-pages-painel-nav-menu-nome,
  .e-sterilize-pages-painel-nav-menu-nome:hover {

    text-decoration: none;
    color:           #999999;

  }

  .e-sterilize-pages-painel-nav-menu-nome:after { display: none; }



  .e-sterilize-pages-painel-nav-menu-avatar {

    background-color: var(--esterilize-azul-claro);
    text-transform:   uppercase;
    border-radius:    6px;
    font-weight:      bold;
    margin-left:      15px;
    text-align:       center;
    padding:          4px;
    display:          inline-block;
    width:            32px;

  }



  .e-sterilize-pages-painel {

    background-color: #CCCCCC;
    padding: 0px 0 0;
    margin:  0px;
    height:  100%;
    width:   100%;

  }



  .e-sterilize-pages-painel-left {

    background-color: #FFFFFF;
    padding-bottom:   20px;
    border-right:     1px solid #F6F5F8;
    padding-top:      20px;
    z-index:          1030;
    height:           auto;
    margin:           0px;

  }



  .e-sterilize-pages-painel-left-menu .nav-link {

    font-weight: 400;
    font-size:   1.2em;
    padding:     10px 1rem;

  }


  .e-sterilize-pages-painel-left-menu .nav-link:hover { color: var(--esterilize-azul); }



  .e-sterilize-pages-painel-left-menu > .current-menu-item > .nav-link {
    
    
    background-color: #F1F5F9;
    color: var(--esterilize-azul);

  }



  .e-sterilize-pages-painel-left-menu .nav-link i {

    text-align: center;
    font-size: 1.3em;
    min-width: 32px;
    /*padding-right: 1rem;
    padding-left: 1rem;*/

  }



  .e-sterilize-pages-painel-right {

    background-color: #F6F5F8;
    padding: 65px 0px 0px 0px;
    height:  100%;
    margin:  0px;

  }

  .e-sterilize-pages-painel-right > div.container-fluid {

    padding-right: 0px;
    padding-left: 0px;

  }

  .e-sterilize-pages-painel-right > div.container-fluid > div.row {

    margin-right: 0px;
    margin-left: 0px;

  }

  .e-sterilize-pages-painel-right > div.container-fluid > div.row > div.col-12 {

    padding-right: 0px;
    padding-left: 0px;

  }



/* 02 - ESTILO DAS PAGINAS DO PAINEL @ END */

.e-sterilize-danger-tooltip {

  --bs-tooltip-bg: #DC3545;
  --bs-tooltip-color: #FFFFFF;
}


.e-sterilize-btn-empresas-button:focus { box-shadow: unset !important; }
.e-sterilize-btn-empresas-button[aria-expanded="false"] > i:before { content: "\f0d7"; }
.e-sterilize-btn-empresas-button[aria-expanded="true"] > i:before { content: "\f0d8"; }


/*#usuario-email-col > div.form-floating { max-width: calc(100% - 68px); width: 100%; }
#usuario-email-col > div.form-floating > input { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
#usuario-email-col > span.input-group-text { min-width: 68px; }
#usuario-email-col > span.input-group-text > button,
#usuario-email-col > span.input-group-text > button:hover,
#usuario-email-col > span.input-group-text > button:active,
#usuario-email-col > span.input-group-text > button:focus { border: 0px; }*/


.spin {

  -webkit-animation: spin 2s linear infinite;
  -moz-animation:    spin 2s linear infinite;
  animation:         spin 2s linear infinite;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); }  }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 
    
  100% { 

    -webkit-transform: rotate(360deg); 
    transform:         rotate(360deg); 

  }

}