/*Estilo para Dashboard ID40
Por Danilo Lopes
*/


    .celula_hora {
        padding: 0px 0px 0px 0px;
        margin: 0px;
        height:40px;
        vertical-align:middle;
        background-color: #FFF !important;
        background-color: rgba(255,255,255,0) !important;
        border:0px;
        font-size: 20px;
        font-family: "Poppins", Sans-serif;
        text-align: right;
    }

    .painel_hora {
    margin-bottom: 10px;
    }

    .painel_minuto {
    margin: 0px;
    }
    
    
    .celula_minuto {
        padding: 0px 0px 0px 0px;
        font-size: x-small;
        vertical-align:middle;
        border:0px;
        background-color: #FFF !important;
        background-color: rgba(255,255,255,0) !important;
        transform: rotate(-90deg);
    }



    .painel {
/**        //color:rgba(0,0,0,0);*/
        font-size: 5px;
        padding: 0px;
        table-layout: fixed;
        text-align: center;
        cursor: pointer;
        margin-bottom: 5px;
    }
    
    .painel.desabilita {
        cursor: no-drop !important;
    }
    
    .celula {
        padding-left: 0px;
        padding-right:0px;
        height:40px;
    }
    
    .barra_produto {
        padding: 0px;
        height:5px;
    }
  
    .celulaContent {
        display:none;
    }
    

    .popup_edita_periodo {
        width: 500px;
        max-width: 80%;
        background-color: blue;
    }

    .modal {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      transition: 200ms ease-in-out;
      border: 1px solid black;
      border-radius: 10px;
      z-index: 10;
      background-color: white;
      width: 500px;
      max-width: 80%;
      padding: 10px;
    }

    .modal.active {
      transform: translate(-50%, -50%) scale(1);
    }

    .modal.active.top {
      top: 0%;
      transform: translate(-50%, 0%) scale(1);        
    }
        
        
    #overlay {
      position: fixed; /* Sit on top of the page content */
      display: none; /* Hidden by default */
      width: 100%; /* Full width (cover the whole page) */
      height: 100%; /* Full height (cover the whole page) */
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0,0,0,0.7); /* Black background with opacity */
      z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
      cursor: pointer; /* Add a pointer on hover */
    }
    

    .button_ok {
        background-color: #00ff00;
        color:#FFFFFF;
        border: 0px;
        margin:20px !important;
    }

    .button_area {
        padding: 20px;
        margin-top: 20px;
        
    }

    .titulo_popup {
        text-align: center;
        font-size: 20px;
    }
    
    .visor_gd {
        font-size: 50px;
        font-family: "Poppins", Sans-serif;
        text-align:center;
        line-height: 1;
    }
    .visor_pq {
        font-size: 20px;
        font-family: "Poppins", Sans-serif;
        text-align:center;
        line-height: 1;

    }
    .visor_mini {
        font-size: 14px;
        font-family: "Poppins", Sans-serif;
        text-align:center;
        line-height: 1;

    }
    
    
    .elementor-widget-container {
        text-align:center;
    }

    .bt_edita_produto_produzido {
        height: 15px;
        float: right;
        margin: 5px
    }

    .bt_exclui_produto_produzido {
        height: 15px;
        float: right;
        margin: 5px
    }

    .bt_produto_produzido {
        height: 15px;
        margin: 5px;
        vertical-align: middle;
    }

    .bt_edita {
        height: 15px !important;
        /*float: right; */
        margin: 5px;
        cursor: pointer;
    }

    .bt_exclui {
        height: 20px !important;
        /*float: right; */
        margin: 5px;
        cursor: pointer;
    }

    .formulario_diario_producao {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      transition: 200ms ease-in-out;
      border: 1px solid black;
      border-radius: 10px;
      z-index: 10;
      background-color: white;
      width: 500px;
      max-width: 80%;
      padding: 10px;
    }

    .formulario_diario_producao.active {
      transform: translate(-50%, -50%) scale(1);
    }


    .aviso_nenhum_produto {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      transition: 200ms ease-in-out;
      border: 1px solid black;
      border-radius: 10px;
      z-index: 10;
      background-color: white;
      width: 500px;
      max-width: 80%;
      padding: 10px;
    }

    .aviso_nenhum_produto.active {
      transform: translate(-50%, -50%) scale(1);
    }

    .bt_submmit {
        font-size: 16px;
        font-family: "Poppins", Sans-serif;
        text-align: center;
        background-color: #61ce70;
        color:#ffffff;
        border-width: 0px;
    }

    .bt_submmit:hover{
        background-color: #61ce70;
        color:#ffffff;
    }

    .bt_submmit:focus{
        background-color: #61ce70;
        color:#ffffff;
        font-weight:bold;
    }


    .bt_simples {
        font-size: 16px;
        font-family: "Poppins", Sans-serif;
        text-align: center;
        background-color: rgba(0,0,0,0) !important;
        color:#000000;
        border-width: 0px;
    }

    .bt_simples:hover{
        background-color: #eeeeee !important;
        color:#000000;
        border-width: 0px;
    }

    .bt_simples:focus{
        background-color: rgba(0,0,0,0) !important;
        color:#000000;
        border-width: 0px;
    }
    
    .bt_simples.selected {
        border-bottom-width: 3px;
        border-bottom-color: black;
    }


    .bt_cancelar {
        font-size: 16px;
        font-family: "Poppins", Sans-serif;
        text-align: center;
        background-color: #ffffff;
        color:#000000;
        border-width: 0px;
    }

    .bt_cancelar:hover{
        background-color: #eeeeee;
        color:#000000;
    }





    .textos2 {
        font-size: 12px;
        font-family: "Poppins", Sans-serif;
        text-align: left;
    }

    .textos3 {
        font-size: 16px;
        font-family: "Poppins", Sans-serif;
        text-align: left;
    }

    .textos4 {
        font-size: 20px;
        font-family: "Poppins", Sans-serif;
        text-align: left;
    }

    .textos5 {
        font-size: 24px;
        font-family: "Poppins", Sans-serif;
        text-align: left;
    }

    .textos6 {
        font-size: 26px;
        font-family: "Poppins", Sans-serif;
        text-align: left;
    }
    
    .label_formulario {
        font-size: 16px;
        font-family: "Poppins", Sans-serif;
        text-align: left;
    }
    
    .lista {
        background-color: #eee;
        padding: 5px;
        margin: 5px;
        text-align: left;
    }

    .tag {
        font-size: 12px;
        font-family: "Poppins", Sans-serif;
        text-align: left;
        background-color: #eeeeee;
        margin: 0px 1px 0px 1px;
        padding: 2px 5px 2px 5px;
        cursor: pointer;
    }
    
    .tag.selected {
        background-color: #fed561;
    }