div#calculadora-modal {
    overflow: initial;
    width: 340px;
}

.tr-totais-tamanhos{
    display: none;
}

.total-by-cfg, .show-total-container{
	display: none!important;
}

.calc-no-wrap{
	white-space: initial!important;
}

.modo-simples .calc-no-wrap{
	white-space: nowrap!important;
}

.show-valor-total .total-by-cfg{
	display: table-cell!important;
	vertical-align: middle;
	color: #fff;
}

.show-valor-total #categorias{
	height: 41%!important;
}

.show-descricao #categorias{
	height: 42%!important;
}

.show-valor-total.show-descricao #categorias{
	height: 36%!important;
}

.search-by-reference #categorias{
	height: 40.5%!important;
}

.search-by-keyword.search-by-reference #categorias{
	height: 35.5%!important;
}

/*.search-by-reference.block-search-reference  #categorias{
	height: 48%!important;
}*/

.show-valor-total.show-valor-total #categorias{
    height: 33%!important;
}

/*.show-valor-total.show-valor-total.block-search-reference #categorias{
    height: 40%!important;
}*/

.show-valor-total .show-total-container{
	display: table!important;
    background: #1ebb90;
    width: 97%;
    text-align: center;
    height: 6.5%;
    border-radius: 5px;
    margin: 2px;
	margin-top: 2.5%;
	font-size: 1.3em;
}

.show-special-reference-search{
	display: none;
}

.search-by-reference .show-special-reference-search{
	display: block;
    background: #000;
    height: 6.5%;
    margin-top: 1%;
    padding-left:1%;
}

.reference-search{
	width: 80%!important;
	vertical-align: middle;
	color: #fff!important;
    margin-bottom: 1px!important;
    font-size: 1.4em!important;
    vertical-align: middle;
    border-bottom: 0px!important;
}

.reference-search::placeholder{
	font-size: 1.1em;
}

.reference-search-button{
	height: 100%;
    width: 17%!important;
    vertical-align: middle;
}

.show-busca-key-word{
	display: none;
}

.search-by-keyword .show-busca-key-word{
	display: block;
	background: #eee;
    width: 98%;
}

.search-by-keyword .show-busca-key-word .keyword-input{
	margin: 0px;
    text-align: center;
	padding: 0px;
	border: 1px solid #000;
}

.search-by-keyword .show-busca-key-word button{
	width: 100%;
}

.calc-searchable{
	display: none;
}

.desc-container, .name-container{
	display: none;
}

.show-descricao .desc-container, .show-name .name-container{
	display: block;
	width: 100%;
    border: 1px solid #000;
    text-align: center;
}

.is-smartphone.show-descricao .desc-container, .is-smartphone.show-name .name-container{
	display: none;
}

.desc-title, .name-title{
	display: block;
	background: #1ebb90;
	color: #fff;
	font-size: 1.4em;
}

.desc-text, .name-text{
	font-size: 1.2em;
}

#referencia-button{
	font-size: 1.2em;
}

.referencia-text{
	font-size: .75em;
}

#alert-modal.limpar-produtos-modal{
	min-width: initial!important;
}

.m_menu_row_2 .autocomplete-div{
	width: 12%;
	z-index: 9999;
    overflow: auto;
}

.autocomplete-div{
	display: none;
	width: 16%;
	height: auto;
	background: #eee;
	position: fixed;
	top: 7%;
}

.autocomplete-div p{
	margin: 0px;
	padding: 6px 0px;
	cursor: pointer;
	font-size: 1.2em;
	z-index: 999;
    white-space: normal;
}

.autocomplete-div p:hover{
	background: #ccc;
}

/* CSS PARA LAYOUTS DIFERENTES*/

	.calc-layout-3x3 .m_produto{
    	height: -webkit-calc(33% - 2px);
		width: -webkit-calc(33% - 6px);
		font-size: 0.8em;
	}
	






	

	.calc-layout-2x3 .m_produto{
		height: -webkit-calc(50% - 2px);
		width: -webkit-calc(33% - 6px);
	}

	.calc-layout-3x2 .m_produto{
    	height: -webkit-calc(33% - 2px);
		width: -webkit-calc(50% - 6px);
		font-size: 0.8em;
	}

	.calc-layout-2x4 .m_produto{
    	height: -webkit-calc(50% - 2px);
		width: -webkit-calc(25% - 6px);
	}

	.calc-layout-4x2 .m_produto{
		height: -webkit-calc(25% - 2px);
		width: -webkit-calc(50% - 6px);
	}

	.calc-layout-1x3 .m_produto {
		height: -webkit-calc(100% - 2px);
		width: -webkit-calc(33% - 6px);
	}

	.calc-layout-1x2 .m_produto {
		height: -webkit-calc(100% - 2px);
		width: -webkit-calc(50% - 6px);
	}


	/*3 de altura*/

	.calc-layout-3x3 .m_produto .compra-unit-button, .calc-layout-3x2 .m_produto .compra-unit-button{
		font-size: 1.35em;
	}

	.calc-layout-3x3.show-pre-select-button .select-product, .calc-layout-3x2.show-pre-select-button .select-product{
		padding: 0;
		font-size: 1.4em;
	}

	/**/	

/*----------------------------*/



.qtd_unit_div {
    width: 48%;
    height: 11.5vh;
    display: inline-block;
    margin-bottom: 4px;
}

.qtd_tmh_nome {
    height: 31%;
	border: 1px solid #fff;
	display: table;
	text-align: center;
	width: 100%;
	margin-bottom: 4%;
    font-size: .8em;
    font-weight: bold;
}

.qtd_tmh_nome div{
	display: table-cell;
	vertical-align: middle;
}

.qtd_comprada {
    height: 58%;
	display: table;
	width: 100%;
	text-align: center;
	background: #F44336;
}

.alternative-screen .qtd_comprada, .alternative-screen .valorPorTamanho{
    font-size: 0.8em;
    background: #fff;
    color: #809cab;
    border-right: 0.5px solid;
}

.qtd_comprada div{
	display: table-cell;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    vertical-align: middle;
    user-select: none;
    font-size: 2em;
}
.valorPorTamanho{
	display: table;
	font-size: 0.6em;
    background-color: #F44336;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    width: 100%;
}

.compra-unitaria .m_prd_information.compra-unitaria-tamanhos{
	height: 100%;
}

.qtd_tmh_nome .tmh_nome{
	color: yellow;
	font-size: 1.35em;
}

[role="presentation"] {
    z-index: 1;
}

.unit-imagens-detalhes .check, .unit-imagens-detalhes .select-prod.unit-check-btn{
	font-size: 2.1em;
}

.unit-imagens-detalhes .check, .unit-imagens-detalhes .select-prod.unit-info-btn{
	font-size: 2.8em;
}

.unit-imagens-detalhes > div {
    margin: 0px 1px 0px 0px;
}

.unit-imagens-detalhes .select-prod.selected{
	background: yellow;
}

/* .unit-imagens-detalhes .check.checked{
	background: #00b11e;
} */

.sku-checked{
	background: #47d047;
}

.m_input_src_2::placeholder{
	color: #fff;
}

.m_input_src_2::-moz-placeholder{
	color: #fff;
}

/* COMPRAR */

.comprar-all {
    height: -webkit-calc(100% - 55px);
}

.comprar-holder{
    white-space: nowrap;
    overflow: auto;
    height: 77%;
    overflow-y: hidden !important;
}

.comprar-holder .produto-variante{
	width: 98%;
    display: inline-block;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 1%;
    position: relative;
}

.comprar-holder .produto-variante:nth-child(even){
	/*background: red;*/
}
.comprar-holder .produto-variante:nth-child(odd){
	/*background: green;*/
}

.comprar-all .first-nav{
	color: white;
	white-space: nowrap;
	height: 40px;
	margin-top: -14px;
	text-align: center;
	margin-bottom: 2px;
}

.comprar-all .cat-nome{
    background: red;
    vertical-align: top;
    height: 100%;
    font-size: 2em;
    text-align: center;
    border: 1px solid black;
    font-weight: bold;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 9px;
    width: 99%;
    margin: 0px auto;
}

.comprar-all .cat-nome .cat-qtd {
    background-color: #58bb8f;
    font-size: 0.5em;
    width: 27px;
    height: 27px;
    border: 1px solid black;
    border-radius: 50%;
    padding-top: 3px;
    margin: 4px 5px 0px 0px;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: inherit;
}

.comprar-all .prd-descricao{
	width: 50%;
    background: white;
    display: inline-block;
    height: 100%;
    color: black;
    border: 1px solid black;
    white-space: normal;
    padding: 0px 5px;
    font-size: 2em;
    overflow: hidden;
    line-height: 1;
}

.prd-descricao .vert-align-outer{
	width: 100%;
}

[data-tipo-compra='moda'] .comprar-all .prd-busca{
	display: none;
}

.comprar-all .prd-busca{
	background: #58bc90;
    width: 26%;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    border: 1px solid black;
    font-weight: bold;
    padding: 2px;
}

.comprar-all .second-nav{
	text-align: center;
	height: 47px;
	margin-bottom: 2px;
	white-space: nowrap;
}

.comprar-nav-search {
    height: 100%;
    width: 11%;
    border: 1px solid #000;
    background: #1ebb90;
    color: #fff;
    font-size: 2em;
}

.comprar-all .second-nav div{
	display: inline-block;
	border: 1px solid black;
	font-size: 2em;
	vertical-align: top;
	height: 100%;
}

.comprar-all .second-nav .comprar-back{
    background: #58bb8f;
    padding: 0 10px;
    width: 11%;
    text-align: center;
    color: white;
}

.comprar-all .second-nav .prd-referencia{
    /* width: 26%; */
    width: 37%;
    height: 100%;
    text-align: center;
    color: #ed442b;
    overflow: auto;
}

.comprar-all .second-nav .detalhe{
	width: 11.6%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

[data-tipo-compra='moda'] .values-nav{
	height: 64px;
}

.values-nav{
    white-space: nowrap;
    height: 48px;
    text-align: center;
    margin-top: 2px;
}

.values-nav .plus, .values-nav .minus, .values-nav .quantidade-comprada{
	display: inline-block;
	height: 100%;
	width: 13.25%;
	margin: 0px;
	background: #f13636;
	padding: 5px 0;
	color: white;
	font-size: 2em;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	border: 1px solid black;
}

.values-nav .plus, .values-nav .minus{
	font-size: 3em; 
}

.values-nav .individual{
	border: 1px solid black;
	width: 100%;
	height: 48%;
	margin: 1% 0;
	display: inline-block;
	font-size: 1.1em;
	white-space: nowrap;
}

.values-nav .prices .individual, .values-nav .pct-total .individual{
	border-color: #f13636;
}

.values-nav .pct-total, .values-nav .prices, .values-nav .ped-total{
    width: 20.1%;
    display: inline-block;
    white-space: normal;
    height: 100%;
    margin: 0 0;
    vertical-align: top;
}

.values-nav .ped-total{
	width: 14.25%;
}

[data-tipo-compra='moda'] .tamanhos-lista{
	height: 100%;
}

.tamanhos-lista {
    display: inline-block;
    width: 57%;
    overflow: auto;
}

.centralizar-sku{
    position: relative;
}

div.centralizar-sku div{
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

[data-tipo-compra='moda'] .values-nav .tamanhos-lista div{
	font-size: 1.6em;
	line-height: 1;
	padding: 0px;
}

.values-nav .tamanhos-lista div{
    display: inline-block;
    height: 100%;
    width: 25%;
    margin: 0px;
    background: #f13636;
    padding: 5px;
    color: white;
    font-size: 2em;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    border: 1px solid black;
    color: white;
}

.values-nav .tamanhos-lista div.opti-btn-opt2{
    display: block;
    height: 50%;
    width: 100%;
}

.values-nav span.tamanho-nome {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: inline-block;
}

.values-nav .tamanhos-lista div.opti-btn-opt2 span.tamanho-nome {
    width: 55%;
    height: 100%;
    display: inline-block;
}

.values-nav .tamanhos-lista div.selecionado{
    background: yellow;
    color: black;
}

[data-tipo-compra='moda'] .values-nav .tamanhos-lista div.selecionado span{
    border-color: #000;
}

.values-nav .tabela-grade-fechada{
    display: inline-block;
    width: 57%;
    overflow: auto;
}

.values-nav .tabela-grade-fechada td{
    width: 1000px;
    padding: 3px;
    border: 1px solid black;
    text-align: center;
}   

.values-nav .tabela-grade-fechada .grade-fechada-table-head{
    background-color: #58bc90;
    font-weight: bold;
    font-size: 1.2em;
}

.values-nav .tabela-grade-fechada .quantidade-tamanhos{
    font-size: 1.5em;
}

.ped-total .individual{
    color: #000;
}

.total-ped{
    background-color: #ff0;
}

.buscar-referencia{
    height: 100%;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    width: 13.25%;
    border: 1px solid #000;
    color: #fff;
    background: #f13636;
    font-size: 2em;
}

.individual.bold{
    font-weight: bold;
}

.values-nav span.comprar-total-comprado {
    font-size: 15px;
    display: block;
    border-top: 3px solid #000;
    background: #fff;
    color: #000;
}
.values-nav div.opti-btn-opt2 span.comprar-total-comprado {
    float: right;
    width: 22%;
    height: 100%;
    border-left: 3px solid black;
    padding-top: 7px;
    border-top: none;
}

.values-nav span.comprar-estoque {
    display: block;
    font-size: 15px;
    margin: 0;
    border-bottom: 3px solid #000;
    padding-top: 3px;
    background: #fff;
    color: #000;
}

.values-nav div.opti-btn-opt2 span.comprar-estoque {
    float: left;
    width: 22%;
    height: 100%;
    border-right: 3px solid black;
    padding-top: 7px;
    border-bottom: none;
}

.calc-comprar{
    height: 100%;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    width: 13.25%;
    border: 1px solid #000;
    color: #fff;
    background: #f13636;
    font-size: 2.5em;
}
.sidebuttons-calc[page=start] .m_produto:not(.horizontal-render) .calc-produto-img-c.unit-buy-img{
	height: 100%;
	width: 84%;
	display: inline-block;
}

.sidebuttons-calc[page=start] .calc-produto-img-c{
	height: 100%;
	width: 84%;
	display: inline-block;
}

.sidebuttons-calc .unit-imagens-detalhes{
    position: absolute;
    text-align: center;
    width: 16%;
    height: auto;
    bottom: 0;
    right: 0px;
    padding-top: 1px;
    border-top: none;
    white-space: normal;
}

.sidebuttons-calc .unit-imagens-detalhes .check, .sidebuttons-calc .unit-imagens-detalhes .select-prod {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    height: 8.05vh;
    position: relative;
    z-index: 10;
    vertical-align: middle;
    border: 1px solid #f44336;
    font-size: 2.3em;
}

/* .alternative-screen .unit-imagens-detalhes .check,
.alternative-screen .unit-imagens-detalhes .select-prod{
    border-color: #a5a5a5 !important;
} */

.sidebuttons-calc .unit-img-detalhe {
    z-index: 2;
    height: 8.05vh;
    display: inline-block;
    width: 100%;
    border: 1px solid #000;
    border-radius: 5px;
    vertical-align: top;
    position: relative;
    background: white;
}

table.quantidades_compra_unitaria td{
	padding: 0px;
	border: 1px solid #fff;
	font-size: .6em;
	text-align: center;
}

.grade-render .m_prd_information{
	height: 100%;
    width: 100%;
	line-height: 1;
	text-align: left;
    position: relative;
    overflow: hidden;
}

.grade-render .unit-imagens-detalhes .check, .grade-render .sidebuttons-calc .unit-imagens-detalhes .select-prod {
    height: 12.1%;
    width: 100%;
    border: 1px solid #f44336;
    border-radius: 5px;
    background: #fff;
    z-index: 10;
    font-size: 2.3em;
    position: relative;
    vertical-align: middle;
}

.grade-render .compra-grade-holder{
    height: 12.1%;
    width: 100%;
    display: table;
    border: 1px solid #f44336;
    border-radius: 5px;
    font-size: 2.2em;
    color: #fff;
    background: #f44336;
    margin-bottom: 2px;
}

.alternative-screen .compra-grade-holder{
    background: #b8b8b8;
    border-color: #b8b8b8;
}

/* .alternative-screen .compra-grade-holder{
    background-color: #a5a5a5 !important;
    border-color: #a5a5a5;
} */

.grade-render .compra-grade-fechada{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.grade-render .unit-img-detalhe {
    height: 12.1%;
    width: 100%;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    background: white;
    margin-bottom: 2px;
    z-index: 2;
    position: relative;
    vertical-align: top;
}

.alternative-screen .m_produto .unit-img-detalhe{
    border: none;
}

/* mexi aqui */
.grade-render .calculadora_produto_nome{
    border-bottom: 1px solid #fff;
    height: 14.5%;
	padding: 3% 1px;
	margin-left: 2%;
    display: table;
	border: 1px solid #fff;
    color: #fff;
	width: 29.3%;
	text-align: center;
	font-size: 0.8em;
}

.alternative-screen.grade-render .calculadora_produto_nome{
    padding: 1% 2%;
    font-size: 0.8em;
}

/* mexi aqui */
.grade-render .m_produto .m_ref .ref {
    font-size: 1.3em;
	margin: 1% 0 0% 2%;
    width: 29%;
    padding: 2%;
    border: 1px solid #fff;
    text-align: center;
    word-break: break-all;
}

.gf_gang .calculadora_produto_nome{
    border-bottom: 1px solid #1ebb90;
    border: none;
}
 
.alternative-screen.grade-render .m_produto .m_ref .ref{
    font-size: 1em;
    padding: 1% 2%;
}

.alternative-screen .m_default_button_2.green-bg{
    background: #809cab!important;
}

.grade-render .m_produto .m_ref .val{
    margin-bottom: 1%;
	margin-left: 2%;
    width: 29%;
    text-align: center;
    margin-top: 1%;
}

.grade-render .qtd_unit_div{
    width: 25%;
    height: 11.5vh;
    display: inline-block;
    margin-bottom: 4px;
}

.grade-render .unit-imagens-detalhes{
	position: absolute;
    text-align: center;
    width: 13%;
    height: 100%;
    bottom: 0;
    right: 0px;
    padding-top: 1px;
    border-top: none;
    white-space: normal;
    display: flex;
    flex-direction: column-reverse;
}

.horizontal-render .m_prd_information{
	height: 100%;
    width: 100%;
	line-height: 1;
	text-align: left;
    position: relative;
    overflow: hidden;
}

.horizontal-render .compra-grade-holder{
    height: 100%;
    width: 15%;
    display: inline-block;
    border: 1px solid #f44336;
    border-radius: 5px;
    font-size: 2.2em;
    color: #fff;
    background: #f44336;
    margin-bottom: 2px;
    vertical-align: middle;
}

.horizontal-render .unit-img-detalhe {
    height: 100%;
    width: 15%;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    background: white;
    margin-bottom: 2px;
    z-index: 2;
    vertical-align: middle;
}

.horizontal-render .calculadora_produto_nome{
    border-bottom: 1px solid #fff;
    height: 14.5%;
    margin-left: 2%;
    width: 29.3%;
    margin-top: -5%;
    text-align: center;
    font-size: 0.8em;
}

.horizontal-render .m_produto .m_ref .ref, .horizontal-render.m_produto .m_ref .ref {
    font-size: 1.3em;
	margin: 1% 0 0% 2%;
    width: 29%;
    text-align: center;
    word-break: break-all;
}

.horizontal-render .m_produto .m_ref .val, .horizontal-render.m_produto .m_ref .val {
	margin-bottom: 2%;
	margin-left: 2%;
    width: 29%;
    text-align: center;
    margin-top: 1%;
}

.horizontal-render .m_val_desconto{
	border: none;
}

.horizontal-render .qtd_unit_div{
    width: 25%;
    height: 11.5vh;
    display: inline-block;
    margin-bottom: 4px;
}

.horizontal-render .unit-imagens-detalhes{
    background: #fff;
    border-radius: 5px;
    width: 100%;
    height: 5.25vh;
    z-index: 10;
    padding-top: 0px; 
    border-top: 0px;
}

.alternative-screen 
.filter-conteiner{
    text-align: center;
}

.categories-selector
.filter-select{
    width: 100%;
    height: 58px;
    font-size: 1.3em;
    color: #F44336;
    border-width: 5px 5px;
    border-color: #F44336;
    margin: 4px 0px;
}

.alternative-screen
.categories-selector
.filter-select{
    color: #b8b8b8;
    border-color: #b8b8b8;
}

.grade-render
.gf_gang
.m_ref {
    height: 17%;
}

.gf_gang
.m_ref 
.m_prd_information {
    height: 100%;
    width: 100%;
    line-height: 1;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
}

.gf_gang
.m_ref 
.m_prd_information 
.ref{
    height: 100%;
    /* width: 35%; */
    font-size: 0.9em;
    border: none;
    border-top: 1px solid #fff;
    line-height: 1;
    position: relative;
    padding: 0 !important;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.gf_gang
.m_ref 
.m_prd_information 
.ref
.m_ref_number{
    color: #ffeb3b;
    font-size: 1.1em;
}

.gf_gang 
.m_ref 
.val{
    font-size: 0.9em;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.gf_gang 
.m_ref 
.val 
span:first-child{
    text-align: end;
    margin-right: 10px;
}

.gf_gang
.m_ref 
.m_prd_information 
.ref
.calculadora_produto_nome{
    width: 100%;
    /* border-bottom: 1px solid #fff; */
    /* display: table; */
    /* border: 1px solid #fff; */
    color: #fff;
    text-align: center;
    /* position: absolute; */
    font-size: 0.8em;
    word-break: break-word;
    /* bottom: 4px; */
    margin: 0;
    padding: 0;
    /* border: none; */
}

.gf_gang
.m_ref 
.m_prd_information 
.ref
div{
    /* margin-top: 4px; */
    width: auto;
}

.gf_gang
.m_ref 
.m_prd_information 
.color-section{
    height: 100%;
    width: 14%;
    border: solid #fff;
    border-width: 1px 0px 0px 1px;
}

.gf_gang
.m_ref 
.m_prd_information 
.color-section 
.color-box{
    height: 100%;
    width: 100%;
}

.gf_gang
.m_ref 
.m_prd_information 
.color-section 
.color-box 
.title{
    height: 25%;
    font-size: 0.9em;
    padding-top: 2px;
    box-sizing: border-box;
}

.gf_gang
.m_ref 
.m_prd_information 
.color-section 
.color-box 
.colors{
    height: 75%;
    overflow-y: auto;
    overflow-x: hidden;
}

.gf_gang
.m_ref 
.m_prd_information 
.color-section 
.color-box 
.color{
    width: 95%;
    min-height: 18%;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 0.6em;
    box-sizing: border-box;
    margin: 2px auto 0px auto;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    /* background-color: #f44335; */
}

.gf_gang
.m_ref 
.m_prd_information 
.color-section 
.color-box 
.color:hover{
    cursor: pointer;
    border-color: black;
}

.gf_gang
.m_ref 
.m_prd_information 
.product-section{
    height: 100%;
    /* width: 65%; */
}

.gf_gang
.m_ref 
.m_prd_information 
.product-section 
.quantidades_compra_unitaria{
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    color: #fff;
    position: inherit;
}

.gf_gang
.m_ref 
.m_prd_information 
.product-section 
.quantidades_compra_unitaria 
td{
    border: 1px solid #fff;
    text-align: center;
    font-size: 0.6em;
}

.gf_gang
.m_ref 
.m_prd_information 
.product-section 
.quantidades_compra_unitaria 
.td-fixa-corner,
.alternative-screen.grade-render 
.m_ref 
.m_prd_information 
.product-section 
.quantidades_compra_unitaria 
.col-cor-nome{
    font-size: 0.4em;
}

.gf_gang
.m_ref 
.m_prd_information 
.product-section 
.quantidades_compra_unitaria 
td[data-tmh-col-name][data-tmh-col] {
    background: #fff;
    color: #809cab;
    border-color: #809cab;
    font-size: 0.5em;
}

/*######################################################################### ORIGINAL ################################################################################*/

.grade-render 
.ref-conteiner{
    display: inline-flex;
    height: 17%;
    width: 100%;
    vertical-align: top;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background: #deb894;
    color: #fff;
    font-size: 1.2em;
    white-space: normal;
}

.grade-render 
.ref-conteiner 
.ref-box {
    height: 100%;
    width: 100%;
    line-height: 1;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
}

.grade-render 
.ref-conteiner 
.ref-box 
.info-section {
    height: 100%;
    /* width: 35%; */
    font-size: 1.1em;
    border-top: 1px solid #fff;
}

.grade-render 
.ref-conteiner 
.ref-box 
.info-section 
.info-ref{
    color: yellow;
    font-size: 1.1em;
}

.grade-render 
.ref-conteiner 
.ref-box 
.info-section 
.info-stock{
    position: absolute;
    bottom: 6px;
    text-align: center;
    /* width: 35%; */
}

.grade-render 
.ref-conteiner 
.ref-box 
.info-section 
div{
    margin-top: 6px;
}

.grade-render 
.ref-conteiner 
.ref-box 
.color-section{
    height: 100%;
    width: 20%;
    border: solid #fff;
    border-width: 1px 0px 0px 1px;
}

.grade-render 
.ref-conteiner 
.ref-box 
.color-section 
.color-box{
    height: 100%;
    width: 100%;
}

.grade-render 
.ref-conteiner 
.ref-box 
.color-section 
.color-box 
.title{
    height: 25%;
    font-size: 1.2em;
    padding-top: 5px;
    box-sizing: border-box;
}

.grade-render 
.ref-conteiner 
.ref-box 
.color-section 
.color-box 
.colors{
    height: 75%;
    overflow-y: auto;
    overflow-x: hidden;
}

.grade-render 
.ref-conteiner 
.ref-box 
.color-section 
.color-box 
.color{
    width: 95%;
    height: 31%;
    border: 1px solid #fff;
    border-radius: 10px;
    padding-top: 7px;
    box-sizing: border-box;
    margin: 2px auto 0px auto;
    background-color: #f44335;
}

.grade-render 
.ref-conteiner 
.ref-box 
.color-section 
.color-box 
.color:hover{
    cursor: pointer;
    border-color: black;
}

.grade-render 
.ref-conteiner 
.ref-box 
.product-section{
    height: 100%;
    /* width: 65%; */
}

.grade-render 
.ref-conteiner 
.ref-box 
.product-section 
.sku-table{
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    color: #fff;
}

.grade-render 
.ref-conteiner 
.ref-box 
.product-section 
.sku-table 
td{
    border: 1px solid #fff;
    text-align: center;
    font-size: 1.1em;
}

.grade-render 
.ref-conteiner 
.ref-box 
.product-section 
.sku-table 
.td-fixa-corner{
    font-size: 0.9em;
}

.grade-render 
.ref-conteiner 
.ref-box 
.product-section 
.sku-table 
td[data-tmh-col-name][data-tmh-col] {
    background: #fff;
    color: #deb894;
    border-color: #deb894;
}

.gangster-filter{
    width: 100%;
    height: 58px;
    font-size: 1.3em;
    border-width: 5px 5px;
    margin: 0px;
    color: #b8b8b8;
    border-color: #b8b8b8;
    flex-shrink: 0;
}

.div-comprar{
    height: 95px !important;
    padding: 0 !important;
    text-align: center !important;
    border: 2px solid white !important;
}

.icone-carrinho{
    width: 69px !important;
    height: 55px !important;
}

.calculadora-show-estoque-div{
    font-size: .8em;
    line-height: 1.2;
}