.produtos-great-holder {
    width: 98%;
    overflow: auto;
}

body.modal-open {
    overflow: hidden;
}

.produtos-great-holder table{
    /*border: none;*/
}
.produtos{
    width: 95%;
}

.produtos .header{
    background-color: #ff005e;
    color: #fff;
}

.produtos .header td{
    padding: 15px;

}

.small.tamanho-valor,.small.variante-valor{
	width: 13vmax;
    text-align: center;
    font-size: 0.8em;
}
.reg-produto{
    height: 250px;
    margin-top: 5px;
    z-index: 1;
    /*width: -webkit-calc(100% - 180px);*/
    /*max-width: -webkit-calc(100% - 180px);*/
    width: 98%;
    overflow: auto;
}
#reg-produto table{
    border: 0px;

}
#reg-produto table tr:nth-child(even) {
    background: none!important;
} 

.reg-produto h1{
	font-weight: normal;
	margin-bottom: 10px;
}

.produto.err{
	background: #ff005e;
}

.description-table textarea{
    resize: none;
}

.edit-grade .small{
	width: 113px;
}

.edit-button{
    margin-right: 10px;
}

.edit-grade{
	color: black;
}

table.edit-grade td {
    background: white;
}

.edit-grade button{
    padding: 5px 10px;
    background: #84ff84;	
}

.edit-grade input{
	text-align: center;
}

[name='prd_ipi'], [name='prd_st'], [name='prd_desconto_unitario']{
	width: 55px;
}

.sku .rounded{
    border-radius: 100px;
    padding: 8px 9px;
    background: #ffe799;
    border: 0;
    transition: 500ms background;
    cursor: pointer;
}

.sku .rounded:hover{
	background: #ffcd2f;
}

.variante-valor{
	border: none;
}

[name="search-produto"]{
    margin: 5px;
    padding: 10px;
    width: 300px;
}

.search-produtos{
    display: flex;
}

.search-produtos input{
    margin-left: 10px !important;
}

.search-produtos select{
    width: 200px;
    height: 40px;
    vertical-align: top;
    font-size: 15px;
}

.select-search{
    margin-right: 50px;
    display: inline-grid;
    text-align: center;
}

.only-editing{
    display: none;
}

.editing .only-editing{
    display: initial;
}

.editing .hide-editing{
    display: none;
}

.select-prod{
    padding: 8px;
    border-radius: 20%;
    cursor: pointer;
}

.select-prod.selected{
    background: #84ff84;
}

.outerbox-search{
    float: right;
    width: 200px;
    margin-left: -100px;
}

.listagem-de-referencias{
    background: #ff005e!important;
    color: white;
    font-size: 20px;
    border-radius: 10px;
}
.listagem-de-referencias:hover{
    background: black!important;
    color: white!important;
}

.input_products_format{
    width: 200px;
    height: 30px;
}

.select_products_format{
    min-width: 60px;
    width: auto;
    height: 30px;
    border-radius: 5px;
}

.button_products_format{
    width: 100px;
    height: 29px;
    border-radius: 3px;
    border: 0px;
    background-color: white;
    -webkit-box-shadow: 1px 1px 17px -5px rgba(0,0,0,0.49); 
    box-shadow: 1px 8px 17px -5px rgba(0,0,0,0.49);

    font-size: 15px;
    color: blue;
    font-family: arial, Geneva, Tahoma, sans-serif;
}
.add-button{
    width: 120px;
    height: 35px;
    border: 0px;
    background-color: #ff005e;
    -webkit-box-shadow: 1px 1px 17px -5px rgba(0,0,0,0.49); 
    margin-left: 20px;
    font-size: 20;
    font-weight:bold;
    color: white;
    font-family: arial, Geneva, Tahoma, sans-serif;
}
#search-produto{
    min-width: 120px;
    height: 40px;
    background-image: url(../img/lupa_search.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: 3px;
    background-position-y: 3px;
    text-indent: 30px;
    border: 2px solid #ddd;
    border-radius: 3px;

    font-size: 18px;
    font-family: arial;
}

#slider-products{
    background-color: transparent;
    border: 2px solid #ff005e;
}
input:checked + #slider-products{
    background-color: #d1cbcb;
}
#slider-products:before{
    background-color: #ff005e;
}

.skuButton{
    width: 80px;
    height: 40px;
    border: 2px solid #ff005e;
    border-radius:10px; 
    background-color: transparent;
    font-weight: bold;
}

.fa-pen, .fa-times, .fa-close, .fa-trash, .fa-eye, .fa-cloud-upload-alt{
    color: #ff005e;
}

#form_produtos{
    width: 1000px;
    min-height: 900px;
    height: auto;
    overflow: hidden;
}

.create-variantes{
    width: 150px;
    height: 30px;
    background-color: white;
    -webkit-box-shadow: 1px 1px 17px -5px rgba(0,0,0,0.49); 
    box-shadow: 1px 8px 17px -5px rgba(0,0,0,0.49);
}

.modal-skus{
    min-width: 600px;
    width: auto;
    height: 150px;
}

.modal-variantes{
    display: flex;
    min-width: 600px;
    width: auto;
    height: 50px;
}

.variante-infos, .tamanho-infos{
    width: 500px;
    height: 70px;
}


.input-variante, .input-tamanho{
    width: 150px;
    height: 30px;
    font-size: 13px;
}

.add-input-variante, .add-input-tamanho{
    width: 90px;
    height: 30px!important;
}
.selected{
    background-color: #40a367!important;
}
.modal-show-tamanhos-variantes{
    display: flex;
    height: 70px;
    overflow: hidden!important;
}
#modal-show-variantes, #modal-show-tamanhos{
    display: flex;
    width: 55%;
    height: 70px;
    text-align: center;
}

.modal-show-variante{
    display: flex;
    width: 100%;
    text-align: center;
    overflow: hidden!important;
}
.modal-show-var-tam{
    width: 20%;
    margin: auto;
}
.modal-show-tamanho{
    height: 100px;
    overflow: auto;
}
.tamanho-item{
    min-width: 40%;
    width: auto;
    height: 30px;
    border: 1px solid #000;
    text-align: center;
    background-color: transparent;
    float: left;
    margin-left: 7%;
    margin-bottom: 5px;
}
.variante-item{
    width: 100%;
    height: 30px;
    border: 1px solid #000;
    margin: 3% .5%;
    text-align: center;
    background-color: transparent;
}

.variante-item i{
    float: right;
    text-align: right;
    margin-top: 3px;
    margin-right: 5px
}

.tamanho-item i{
    float: right;
    text-align: right;
    margin-top: 3px;
    margin-right: 5px
}

.label-variante, .label-tamanho{
    margin-top: 50px;
    font-family: arial;
    font-size: 20px;
}

.modal-show-infos{
    height: 500px;
    width: 99%;
}

#painel-infos-table{
    border: none;
    min-width: 40%;
    width: auto;
    height: 70%;
    border-collapse: separate;
    border-spacing: 0 5px;
    padding: 0px;
    margin: auto;
    text-align: center;
    table-layout: fixed;
}
.hidden{
    display: none!important;
}

#painel-infos-table tr{
    height: 38px;
}

#painel-infos-table table tr:nth-child(even) {
    background: none; 
}

#painel-infos-inner-table{
    background-color: white;
    display: flex;
    border: none;
    height: 100%;
    margin-top: -12px;
    margin-bottom: -11px;
    border-collapse:separate;
    border-spacing: 5px 5px;
}

.painel-infos-cor-nome{
    background-color: #ff005e!important;
    color: #fff;
}

#painel-infos-inner-table tr{
    padding: 0px;
    height: 38px;
}

#painel-infos-inner-table td{
    width: 170px;
}

#painel-infos-inner-table input[type="text"]{
    height: 100%;
    width: 100%;
    border: 1px solid black;

}


.painel-infos-referencia{
    border: 2px solid grey;
    font-size:18px;
}

.painel-infos-tam-nome{
    background-color: #ff005e;
    color: #fff;
    width: 10%;
}

.painel-infos-tamanhos{
    width: 200px;
}


.painel-produto-referencia{
	font-size: 1.2em;
	width: 33%;
	padding: 7px 0px;
}

.painel-produto-dados, .painel-produto-referencia{
	background-color: #ccc;
}

.painel-produto-item-tabela td{
	padding: 5px;
	width: 33%;
}

.painel-produto-item-input{
	width: 100%;
	font-size: 1.2em;
	height: 2rem;
}

.painel-produtos-toggle-visivel, .painel-produtos-toggle-lancamento{
    border-radius: 10%;
    margin: 0px 0px;
    display: inline-block;
    width: 40%;
    padding: 3px;
    border: 1px solid;
    background: #fff;
}
.painel-produtos-toggle-visivel.active, .painel-produtos-toggle-lancamento.active{
	background-color: #1eb;
}

.painel-modal-add-button{
	vertical-align: middle;
	margin-top: 1rem;
	width: 50%;
}


.browser-default{
    /*width: 150px!important;*/
    font-size: 20px;
    text-align: center;
}

.replicar-holder{
    width: 20px!important;
    height: 20px;
    background-color: white;
}

.replicar-holder input[type="checkbox"]{
    margin-top: -10px;
    width: 22px;
    height: 22px;
}

.cubagem-format{
    display: flex;
}

.input-cub{
    font-size: 20px;
    text-align: center;
}

.espaço-cub{
    width: 10px;
}

.info-required{
    border: 3px solid red!important;
}

.diagramacao-infos{
    display: flex;
    margin-top: 6px;
    margin-left: 2%;
}

.diagramacao-horizontal, .diagramacao-vertical{
    margin-top: 20px;
    width: 50px;
    height: 30px;
    padding: 2px;
}

.diagramacao-vertical{
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.diagramacao-horizontal{
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.horizontal-layout{
    display: flex;
    max-width: 115vh;
    overflow-x: auto;
}

.horizontal-layout #painel-infos-table{
    min-width: 50%;
    width: auto;
}

.horizontal-layout #replicar-holder{
    width: 20px;
}
.horizontal-layout .input_products_format{
    width: 200px;
    height: 30px;
}
.input-cub{
    font-size: 20px;
    text-align: center;
}
.produtos-modal .outerBox .inBox .boxContent {
    display: block;
    overflow: auto;
    margin: auto;
    background: white;
    color: black;
    font-family: Courier;
    text-align: center;
    padding: 18px 30px 20px;
    transition: 300ms;
    max-width: 70%;
    height: 90%;
    max-height: 90%;
    border: 1px solid silver;
}

.produtos-modal{
    overflow: hidden;
}

.produtos-modal .outerBox input{
    border: 1px solid #9a9a9a;
    background: #fbfbfb;
    padding: 0;
}

.save-button{
    height: 40px;
    margin-top: 20px;
    margin-left: 2%;
}
.save-button button, .close-button button{
    width: 150px;
    border-radius: 20px;
    height: 40px;
    color: #ff005e;
    background-color: #fff;
    border: 2px solid #ff005e;
    font-size: 20p
}
.save-button button:hover, .close-button button:hover{
    width: 150px;
    border-radius: 20px;
    height: 40px;
    color: #fff;
    background-color: #ff005e;
    border: 2px solid #ff005e;
    font-size: 20px;
    transition: .1s;
    cursor: pointer;
}

.close-button{
    height: 40px;
    margin-top: 20px;
}

.loader-produtos{

    position: fixed;
    right: 0;
    margin-right: 24%;
    
}
.entrada-button{
    height: 40px;
    border: 2px solid #ff005e!important;
    border-radius:10px; 
    background-color: transparent;
    font-weight: bold;
}
/*.limit-table-infos{
    max-width: 700px;
    margin: auto;
    overflow-x: auto; 
    overflow-y: hidden;
}
*/

.listagem-filtro-marca{
    margin: 5px;
    font-size: 20px;
}

.listagem-page-button{
    padding: 5px;
    background: #fff;
    border: none;
    margin: 3px;
    font-size: 22px;
    vertical-align: middle;
}

.listagem-page-button.active {
    font-size: 30px;
    vertical-align: middle;
}

.date-promotion{
    width: 600px;
    height: 90px;
    display: flex;
}

.date-promotion input{
    width: 200px;
    height: 40px;
}

.date-inicial, .date-final{
    
}