#shdev-canvas-simulador { z-index: 2; color: #6b123c; }

#all header { color: #FFFFFF !important; }
#all header,
#shdev-canvas-simulador #shdev-canvas-simulador-form-button-gerar,
#shdev-canvas-simulador-sessao-3-cor-btn,
#shdev-canvas-simulador .shdev-canvas-simulador-form-button-areabox,
#shdev-canvas-simulador #shdev-canvas-simulador-imagem-final-btn,
#shdev-canvas-simulador .shdev-canvas-simulador-imagem-pronta-btn,
#shdev-canvas-simulador .badge {

  background-color: #6b123c !important;

}


#shdev-canvas-simulador-page-loader {

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

}



#shdev-canvas-simulador-page-alert {

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

}



#shdev-canvas-simulador-page-alert-liveToast { max-width: 400px; }



#shdev-canvas-simulador-hidden,
#shdev-canvas-simulador-printer,
#shdev-canvas-simulador-form-hidden {

/*  background: red;*/
  visibility: hidden;
  position:   fixed;
  display:    table;
/*  z-index:    9999999999999;*/
  z-index:    1;
  height:     100%;
  width:      100%;
  left:       0px;
  top:        0px;

}



.shdev-canvas-simulador-sessao {

  box-shadow: inset 1px 4px 9px -6px;

}



.shdev-canvas-simulador-sessao:after {

  margin-left: -16px;
  border-top:  1px solid #000000 !important;
  content:     '';
  display:     table;
  width:       calc(100% + 32px);

}



.shdev-canvas-simulador-sessao-off {

/*  pointer-events: all !important;*/
  cursor: not-allowed;

}



#shdev-canvas-simulador #shdev-canvas-simulador-form-button-gerar,
#shdev-canvas-simulador-sessao-3-cor-btn,
#shdev-canvas-simulador-imagem-final-btn,
.shdev-canvas-simulador-imagem-pronta-btn,
.shdev-canvas-simulador-form-button-areabox { cursor: pointer; }



.shdev-canvas-simulador-imagem-cor-efeito-disabled,
.shdev-canvas-simulador-form-upload-areabox .item-disabled {

/*  pointer-events: all !important;*/
  cursor: not-allowed !important;

}



#shdev-canvas-simulador-imagem-final-mascara,
#shdev-canvas-simulador-imagem-cor-efeito div,
#shdev-canvas-simulador-imagem-pronta-fundo,
#shdev-canvas-simulador-imagem-pronta-grafia,
#shdev-canvas-simulador-imagem-fundo,
#shdev-canvas-simulador-imagem-mascara,
#shdev-canvas-simulador-imagem-canvas {

  background: repeating-linear-gradient(

    45deg,
    var(--bs-secondary-bg-subtle),
    var(--bs-secondary-bg-subtle) 10px,
    #d4d6db 10px,
    #d4d6db 20px

  );


}


#shdev-canvas-simulador-imagem-final-mascara > i { margin: 15px; }


.shdev-canvas-simulador-canvas-cor {

  background-color: #FFFFFF;
  border-radius:    0.375rem;
  max-width:        60px;
  position:         relative;
  padding:          .25rem;
  display:          table;
  border:           1px solid #dee2e6;
  margin:           10px auto 0px auto;
  cursor:           pointer;
  height:           60px;
  width:            100%;

}



.shdev-canvas-simulador-canvas-cor:disabled { cursor: not-allowed; }



#shdev-canvas-simulador-imagem-cor-efeito div {

  background-position: center;
  background-repeat:   no-repeat;
  background-size:     cover;
  position:            relative;
  display:             table;
  height:              100%;
  width:               100%;

}



#shdev-canvas-simulador-imagem-final-fundo > div,
#shdev-canvas-simulador-imagem-final-grafia > div {

  background: repeating-linear-gradient(
    45deg,
    var(--bs-secondary-bg-subtle),
    var(--bs-secondary-bg-subtle) 10px,
    #d4d6db 10px,
    #d4d6db 20px
  );
  background-position: center;
  background-repeat:   no-repeat;
  background-size:     cover;
  position:            relative;
  display:             table;
  width:               100%;
  height:              100%;

}


#shdev-canvas-simulador-page-hidden-1,
#shdev-canvas-simulador-page-hidden-1-canvas,
#shdev-canvas-simulador-page-hidden-2,
#shdev-canvas-simulador-page-hidden-2-canvas,
#shdev-canvas-simulador-page-hidden-3,
#shdev-canvas-simulador-page-hidden-3-canvas,
#shdev-canvas-simulador-imagem-pronta-fundo img,
#shdev-canvas-simulador-imagem-pronta-grafia img {

  background-position: center;
  background-repeat:   no-repeat;
  background-size:     cover;

}


#shdev-canvas-simulador-page-hidden {

  position: fixed;
  left: -2000%;
  top: -2000%;

}