ul#tabPedido {
  border-bottom: 1px solid #DC5CA7;
  margin: 0 0 15px;
  padding: 0;
  font-family: 'PT Sans', sans-serif;
 }
 
ul#tabPedido li.itemTab {
  list-style: none;
  display: inline-block;
  margin-right: 2px;
}

ul#tabPedido li.itemTab.activeStep a {
  background: #DC5CA7;
  color: white;
}

ul#tabPedido li.itemTab a {
display: block;
    background: #EEE;
    border-bottom: none;
    border-top-left-radius: 0.5vh;
    border-top-right-radius: 0.5vh;
    font-size: 1vw;
    font-weight: bold;
    color: #198B86;
    /* height: 32px; */
    /* line-height: 32px; */
    padding: 0 1vw;
    outline: none;
    text-decoration: none;
    -webkit-transition: background 0.25s;
    -moz-transition: background 0.25s;
    -ms-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
}

ul#tabPedido li.itemTab.activeStep a:hover {
  background: #DC5CA7;
  color: white;
}

ul#tabPedido li.itemTab a:hover {
	
	background:#198B86; 
	color:white;
}

ul#tabPedidos {
  border-bottom: 1px solid #DC5CA7;
  margin: 0 0 15px;
  padding: 0;
  font-family: 'PT Sans', sans-serif;
 }
 
ul#tabPedidos li.itemTab {
  list-style: none;
  display: inline-block;
  margin-right: 2px;
}

ul#tabPedidos li.itemTab a.active {
  background: #DC5CA7;
  color: white;
}

ul#tabPedidos li.itemTab a {
  display: block;
  background: #EEE;
  border-bottom: none;
  border-top-left-radius: 0.5vh;
  border-top-right-radius: 0.5vh;
  font-size: 1.1em;
  font-weight: bold;
  color: #198B86;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  outline: none;
  text-decoration: none;
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -ms-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

ul#tabPedidos li.itemTab a.active:hover {
  background: #DC5CA7;
  color: white;
}

ul#tabPedidos li.itemTab a:hover {
	
	background:#198B86; 
	color:white;
}


table#tb_pedido_itens_t td.dataTables_empty {
    height: 15.5vh;
    vertical-align: middle;
}

table#tb_pedido_embalagens_t td.dataTables_empty {
    height: 14.5vh;
    vertical-align: middle;
}



/* Step circles */

ul#tabStepsPedido {
    
 /*   margin: 0 2vw 2vw 2vw;*/	
	
}

li.itemTabSteps a {
    color: white;
    position: absolute;
    margin-top: -1.7vw;
    margin-left: -0.2vw;
    opacity: 0.01;
}

li.itemTabSteps.activeStep a {
    margin-top: -1vw;
    opacity: 1;
}

li.itemTabSteps {
width: 0.5vw;
    height: 0.5vw;
    text-align: center;
    line-height: 4vw;
    border-radius: 0.5vw;
    background: #B81D79;
    margin: 0 2vw;
    display: inline-block;
    color: white;
    position: relative;
}


li.itemTabSteps::before{
content: '';
    position: absolute;
    top: .18vw;
    left: -4vw;
    width: 4vw;
    height: .2em;
    background: #B81D79;
    margin-top: 0;
}


li.itemTabSteps:first-child::before {
  display: none;
}

li.itemTabSteps.activeStep {
     background: #B81D79;
    width: 2vw;
    height: 2vw;
    border-radius: 2vw;
    margin-bottom: -0.8vw;
}

li.itemTabSteps.activeStep ~ li {
  background: #198B86;
}

li.itemTabSteps.activeStep ~ li::before {
  background: #198B86;
  margin-top: 0;
}

li.itemTabSteps::after {

    color: #B81D79;
    position: absolute;
    width: 5vw;
    margin-left: -2.5vw;
    margin-top: 1.5vh;
    text-align: center;
    line-height: 2vh;
	
}


li.itemTabSteps.activeStep::after {
	
	    font-size: larger;
	    color: #B81D79;
	    margin-top: 5vh;
}

li.itemTabSteps.activeStep ~ li::after {
	

	    color: #198B86;

}

li.itemTabSteps.activeStep::before {
    margin-top: 1.5vh;
}

/*li#step_1_pedido::after {
    content: "Passo 1";/*"B""\00e1""sico";*/
/*}

li#step_2_pedido::after {
    content: "Passo 2";
}
li#step_3_pedido::after {
    content: "Passo 3";
}*/

ul.tabSteps {
	
    margin: 0.5vh auto 1vw;
    width: 13vw;
    float: left; 
}

ul.tabStepsStatus {
    margin: 1vh;
}

/*li.itemTabSteps {
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  background: #B81D79;
  margin: 0 1em;
  display: inline-block;
  color: white;
  position: relative;
}


li.itemTabSteps::before{
  content: '';
  position: absolute;	
  top: .9em;
  left: -2em;
  width: 2em;
  height: .2em;
  background: #B81D79;
  margin-top:0;
}


li.itemTabSteps:first-child::before {
  display: none;
}

li.itemTabSteps.activeStep {
    background: #B81D79;
}

li.itemTabSteps.activeStep ~ li {
  background: #198B86;
}

li.itemTabSteps.activeStep ~ li::before {
  background: #198B86;
  margin-top:0;
}




.itemTabSteps a {
    color: #FFFFFF;
}*/

ul#tabStepsStatusPedido {
    
    margin: 0 2vw 2vw 2vw;	
	
}

ul#tabStepsStatusPedido.retiradaemmaos {
    
    margin: 0 2vw 2vw 5vw;	
	
}


ul#tabStepsStatusPedido.prontaentrega {
    
    margin: 0 2vw 2vw 5vw;	
	
}

ul#tabStepsStatusPedido.prontaentrega.retiradaemmaos {
    
    margin: 0 2vw 2vw 8vw;	
	
}


ul#tabStepsStatusPedido.vendapresencial {
    
    margin: 0 2vw 2vw 9vw;	
	
}

li.itemTabStepsStatus {
width: 0.5vw;
    height: 0.5vw;
    text-align: center;
    line-height: 4vw;
    border-radius: 0.5vw;
    background: #B81D79;
    margin: 0 2vw;
    display: inline-block;
    color: white;
    position: relative;
    font-size: 0.8vw;
}


li.itemTabStepsStatus::before{
content: '';
    position: absolute;
    top: .18vw;
    left: -4vw;
    width: 4vw;
    height: .2em;
    background: #B81D79;
    margin-top: 0;
}


li.itemTabStepsStatus:first-child::before {
  display: none;
}

li.itemTabStepsStatus.activeStep {
     background: #B81D79;
    width: 2vw;
    height: 2vw;
    border-radius: 2vw;
    margin-bottom: -0.8vw;
}

li.itemTabStepsStatus.activeStep ~ li {
  background: #198B86;
}

li.itemTabStepsStatus.activeStep ~ li::before {
  background: #198B86;
  margin-top: 0;
}

li.itemTabStepsStatus::after {

    color: #B81D79;
    position: absolute;
    width: 5vw;
    margin-left: -2.5vw;
    margin-top: 1.5vh;
    text-align: center;
    line-height: 2vh;
	
}


li.itemTabStepsStatus.activeStep::after {
	
	    font-size: larger;
	    color: #B81D79;
	    margin-top: 5vh;
}

li.itemTabStepsStatus.activeStep ~ li::after {
	

	    color: #198B86;

}

li.itemTabStepsStatus.activeStep::before {
    margin-top: 1.5vh;
}

li#step_pedido_status_orcamento::after {
    content: "Or""\00e7""amento";
}

li#step_pedido_status_orcamento.vendapresencial::after {
    content: "Criado";
}

li#step_pedido_status_aprovado::after {
    content: "Aprovado";
}
li#step_pedido_status_pago::after {
    content: "Pago";
    white-space: pre;
}
li#step_pedido_status_produzindo::after {
    content: "Produzindo";
}
li#step_pedido_status_enviado::after {
    content: "Enviado";
}
li#step_pedido_status_entregue::after {
    content: "Entregue";
}
li#step_pedido_status_finalizado::after {
    content: "Finalizado";
}
li#step_pedido_status_cancelado::after {
    content: "Cancelado";
}
li#step_pedido_status_conflito::after {
    content: "Em conflito";
}


/***************************************************************************************/


.b_status_change {
	
    font-size: 0.8vw;
    font-weight: bold;
    background: #B2E0E1;
    border-radius: 5vh;
    border-width: 0.3vh;
    border-style: solid;
    border-color: #198B86;
    color: #198B86;
    padding: 0.2vh 0.8vw;
    z-index: 5;
    margin: 1vh;	
	
}

.cell_btn_change_status_pedido{
	
	text-align: center;
	
}

.slideUpHistorico {
	
	height:68vh;
	
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;	
	
	background-color: #FFFFFF;
}

.slideDownHistorico {
	
	height:6vh;
	
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;	
	
	background-color: #FFFFFF;
}

.cursorPointer:hover {
	
	cursor: pointer;
	
}


label.popup_form_field {
    margin-bottom: 0.2vh;
}

.value_status {
    color: #B81D79;
    font-weight: bold;
    font-size: larger;
    margin-top: 0.4vh !important;
}

.label_status {
    font-weight: bold;
    font-size: larger;
    color: #198B86;
}

button.b_avanca_status_pedido {
    border-color: #B81D79;
    background-color: #F6B3DA;
    color: #B81D79;
}

button.b_avanca_status_pedido:hover {
    border-color: #B81D79;
    background-color: #B81D79;
    color: #F6B3DA;
}

div.divMaintStep {
    margin-top: 0;
}

div#b_proximo_passo,
#b_proximo_passo2 {
    padding-right: 3vw;
    float: left;
    height: 2.5vw;
    line-height: 2.5vw;
    font-size: large;
    color: #198B86;
    font-weight: bold;
    margin-right: 3vw;
    background-image: url(../images/arrow-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;  
}

div#b_proximo_passo,
#b_proximo_passo2 {
	
    font-size: 0.8vw;
    height: 2vw;
    line-height: 2vw;
	margin-right: 0;
	margin-left: -1vw;
}

div#b_passo_anterior,
div#b_passo_anterior2 {
    padding-left: 3vw;
    float: left;
    height: 2.5vw;
    line-height: 2.5vw;
    font-size: large;
    color: #198B86;
    font-weight: bold;
    margin-right: 3vw;
    background-image: url(../images/arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;    
}

div#b_passo_anterior,
div#b_passo_anterior2  {
    font-size: 0.8vw;
    height: 2vw;
    line-height: 2vw;
    padding-left: 2.5vw;
    margin-right: 1vw;
}

div#b_save_novo_pedido,
div#b_save_novo_pedido2 {
    padding-left: 3vw;
    float: left;
    height: 2.5vw;
    line-height: 2.5vw;
    font-size: large;
    color: #198B86;
    font-weight: bold;
}

div#b_save_novo_pedido,
div#b_save_novo_pedido2 {
    font-size: 0.8vw;
    height: 2vw;
    line-height: 2vw;
    margin-left: -1vw;
}

div#b_cancel_novo_pedido {
    padding-left: 1.5vw;
    float: right;
    height: 1.5vw;
    line-height: 1.8vw;
    font-size: small;
    color: #198B86;
    margin-top: 1vh;
    /* font-weight: bold; */
    /* position: absolute; */
}



#dialog_container_ext button.b_new#b_new_item_pedido,
#dialog_container_ext button.b_new#b_new_embalagem_pedido {
	
    margin: 0 1vw 0.5vh 0;
    font-size: 0.9vw;
    padding: 0.3vh 1vw;
    border-width: 0.3vh;
    float: left;	
	border-color:#198B86;
	color:#198B86;
	background-color:#B2E0E1;
}

#tb_pedido_itens_t_wrapper .dataTables_scrollHead table thead,
#tb_pedido_embalagens_wrapper .dataTables_scrollHead table thead {
    background-color: #198B86;
}


#dialog_container_ext #tb_pedido_itens_t_wrapper div.dataTables_scrollHead,
#dialog_container_ext #tb_pedido_embalagens_t_wrapper div.dataTables_scrollHead {
	
	border-radius:0;
	    background-color: #198B86;
	
}

select.ddFiltroPedido {
	margin-left:0.75vh;
	width: 6.5vw;
}

label.ddFiltroPedido {
	float:left;
	margin-left:0.75vh;
	font-size: 0.8vw;
}

div#tb_pedidos_pedido_t_filter {
    width: 100%;
}

div#pedidos_detail_div {
    width: 40%;
}

div#pedidos_div {
    width: 58%;
}

#titulo_drawer_pedido {

    text-align: center;
    margin: -2vh -1.5vw 0;
    padding: 1.5vh;
    background-color: #198B86;
    color: #FFFFFF;
    font-family: 'Rock Salt', cursive;
    font-size: 1vw;
    font-weight: normal;
   }
   
#a_cancela_pedido {
    display: block;
    float: right;
    background-image: url(../images/cancel-pink.svg);
    background-size: 1.5vw;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 1.7vw 0 0;
    font-size: 0.7vw;
    position: relative;
    font-family: 'PT Sans', sans-serif;
    color: #B81D79;
    line-height: 6vh;
    margin-right: 1vw;
}

#a_cancela_pedido:hover {
	
	font-weight:bold;
	
}


#a_conflita_pedido {
    display: block;
    float: right;
    background-image: url(../images/conflito.svg);
    background-size: 1.5vw;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 1.7vw 0 0;
    font-size: 0.7vw;
    position: relative;
    font-family: 'PT Sans', sans-serif;
    color: #B81D79;
    line-height: 6vh;
    margin-right: 1vw;
}

#a_conflita_pedido:hover {
	
	font-weight:bold;
	
}

.label_observacao {
	clear: none !important;
    float: left !important;
    line-height: 2vh !important;
    height: 2vh !important;
    margin-left: 1.2vw !important;
    margin-top: 1vh !important;
    width: 22vw !important;
    text-align: left !important;
}

.textarea_observacao {
	width: 21.3vw !important;
    height: 12vh !important;
    margin-left: 1.2vw !important;
    clear: none !important;
}

table#tb_pedidos_pedido_parcela_t div.b_delete {
    display: none;
}

table#tb_pedidos_pedido_parcela_t div.b_delete.editing {
    display: block;
}

button#b_ok_endereco_entrega {
    width: 6vw;
}

.pedido-sob-encomenda
{
	/*display: block; */
    /* float: right; */
    background-image: url(../images/tipo-venda-sob-encomenda.svg);
    background-size: 1.4vw;
    background-repeat: no-repeat;
    background-position: center right;
    /* padding: 0 1.2vw 0 0; */
       padding-right: 2vw !important;
    position: relative;
}

.pedido-pronta-entrega
{
	/*display: block; */
    /* float: right; */
    background-image: url(../images/tipo-venda-pronta-entrega.svg);
    background-size: 1.4vw;
    background-repeat: no-repeat;
    background-position: center right;
    /* padding: 0 1.2vw 0 0; */
       padding-right: 2vw !important;
    position: relative;
}

.pedido-presencial
{
	/*display: block; */
    /* float: right; */
    background-image: url(../images/tipo-venda-presencial.svg);
    background-size: 1.4vw;
    background-repeat: no-repeat;
    background-position: center right;
        padding-right: 2vw !important;
    /* padding: 0 1.2vw 0 0; */
    position: relative;
}

.pedido-sob-encomenda-radio
{
	/*display: block; */
    /* float: right; */
    background-image: url(../images/tipo-venda-sob-encomenda.svg);
    background-size: 1.4vw;
    background-repeat: no-repeat;
    background-position: center left;
    /* padding: 0 1.2vw 0 0; */
       padding-left: 1.6vw !important;
    position: relative;
}

.pedido-pronta-entrega-radio
{
	/*display: block; */
    /* float: right; */
    background-image: url(../images/tipo-venda-pronta-entrega.svg);
    background-size: 1.4vw;
    background-repeat: no-repeat;
    background-position: center left;
    /* padding: 0 1.2vw 0 0; */
       padding-left: 1.6vw !important;
    position: relative;
}

.pedido-presencial-radio
{
	/*display: block; */
    /* float: right; */
    background-image: url(../images/tipo-venda-presencial.svg);
    background-size: 1.4vw;
    background-repeat: no-repeat;
    background-position: center left;
        padding-left: 1.6vw !important;
    /* padding: 0 1.2vw 0 0; */
    position: relative;
}

.a_cadeado_trancado {
    display: inline;
    /* float: right; */
    background-image: url(../images/cadeado-fechado.svg);
    background-size: 1.3vw;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 1.1vw;
    font-size: 0.8vw;
    font-weight: normal;
    position: relative;
    /* font-family: 'PT Sans', sans-serif; */
    color: #222;
    line-height: 3vh;
    margin-left: 1vw;
}

.a_cadeado_trancado:hover {
	
	cursor:pointer;
	
}

td.cell_table_value {
    text-align: right;
}

td.cell_table_label {
    text-align: left;
}


label.table-label{
	
	margin: 0.4vh 0;
	font-weight: bold;
}

label.table-value{
	
	margin: 0.4vh 0;
	

}

span.table-label {
    font-weight: bold;
}

.help_tooltip_icon3 {
    height: 2vh;
    width: 2vh;
    margin: 1.5vh 0.5vw 0 0;
    background-image: url(../images/questionmark.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

a#a_conflita_pedido.disabled, a#a_cancela_pedido.disabled {
    display: none !important;
}

#btn-reprocessa-financeiro-pedido {
    display: block;
    float: right;
/*    background-image: url(../images/pedido-pink.svg);
    background-size: 1.5vw;
    background-repeat: no-repeat;
    background-position: center right;*/
    
    font-size: 0.8vw;
    position: relative;
    font-family: 'PT Sans', sans-serif;
    color: #B81D79;
    line-height: 6vh;
    
}

#btn-reprocessa-financeiro-pedido:hover {
	
	font-weight:bold;
    cursor: pointer;
	
}

div#btn-reprocessa-financeiro-pedido-icone {
    float: right;
    position: relative;
    color: #B81D79;
    margin-right: 1vw;
    margin-top: 1.6vh;
    
}

div#btn-reprocessa-financeiro-pedido-icone:after {
    content: "\f03d";
    font: 14px/1 DXIcons;
    margin-left: 3px;
    font-size: x-large;
    color: #B81D79;
}

div#div_pedidos_grupo_pedido .dataTables_scrollHead table thead {
    background-color: #DC5CA7;

}

div.edit-order-step-status-container div.dx-datebox {
    width: 10.5vw;
}

div.edit-order-step-status-container div.dx-datebox input {
    text-align: center;
    padding-right: 10px !important;
}

div.dialog_content.orcamento-app button#b_imprime_orcamento {
    display: none !important;
}

div.dialog_content.orcamento-app #btn-share-orcamento {
    float: right;
    height: 34px !important;
    width: 34px !important;
    margin-right: 10px;
}

div.dialog_content.orcamento-app #btn-share-orcamento .dx-button-content {
    padding: 6px !important;
}

div.dialog_content.orcamento-app #btn-download-orcamento {
    float: right;
    height: 34px !important;
    width: 34px !important;
    margin-right: 5px;
    margin-left: 0;
}

div.dialog_content.orcamento-app #btn-download-orcamento .dx-button-content {
    padding: 6px !important;
}


div.dialog_content.orcamento-app #b_fecha_orcamento {
    float: right;
    margin-right:5px
}