@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
:root {
    --cor-primaria: #000000;
    --cor-secundaria: #D30A0A;
}
#orcamento-view{
padding:40px 0;
}
#orcamento-view h2.title-orcamento{
font-weight: 600;
text-transform: uppercase;
font-size: 24px;
font-family:Poppins;
}
#orcamento-view .form-orcamento .row .col-12{
padding:0 5px;
}
#orcamento-view table {
display: table !important;
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 5px !important;
margin: 0 !important;
border:0 !important;
background: transparent !important;
font-family:Poppins !important;
}
#orcamento-view table thead tr th{
padding:7px 15px !important;
background: var( --cor-primaria ) !important;
border: 0;
border-block-start: 0 !important;
font-size:15px !important;
font-weight: 500 !important;
color:#fff !important;
font-family:Poppins !important;
}
#orcamento-view table thead tr th:first-child, table tbody tr td:first-child{
border-radius: 5px 0 0 5px !important;
}
#orcamento-view table thead tr th:last-child, table tbody tr td:last-child{
border-radius: 0 5px 5px 0 !important;
}
#orcamento-view table tbody tr td{
padding:7px 15px !important;
background:#ababab5e !important;
font-size: 15px !important;
font-weight: 400 !important;
color:#fff !important;
}
#orcamento-view table tbody tr td a{
color: var( --cor-primaria );
text-decoration: none;
font-size: 15px;
}
#orcamento-view table tbody tr td .variacoes{
margin-top: -4px;
color: var(--cor-primaria);
line-height: 1;
opacity:0.7;
}
#orcamento-view table tbody tr td a:hover{
color:var(--cor-secundaria);
}
#orcamento-view table td, table th{
border:0 !important;
vertical-align:middle !important;
}
#orcamento-view table thead tr th.image-prod, #orcamento-view table tbody tr td.image-prod, #orcamento-view table thead tr th.qtd-prod, #orcamento-view table tbody tr td.qtd-prod, #orcamento-view table thead tr th.action-prod, #orcamento-view table tbody tr td.action-prod{
text-align: center;
}
#orcamento-view table .image-prod{
padding-right:0 !important;
}
#orcamento-view table tbody tr td.image-prod img{
width:40px !important;
height:40px !important;
border-radius:50%;
}
#orcamento-view button.remover-produto{
padding: 0 !important;
font-size: 20px;
color: var( --cor-primaria );
border: 0 !important;
outline: 0 !important;
background: transparent !important;
}
#orcamento-view button.remover-produto:hover{
background: transparent !important;
color:var(--cor-secundaria);
}
#orcamento-view button.clear-orcamento{
padding: 0 !important;
font-size: 14px;
text-transform:uppercase;
display:flex;
align-items:center;
justify-content:center;
width:120px;
height:40px;
border-radius:5px;
color: #FFF;
border: 0 !important;
outline: 0 !important;
background: var( --cor-primaria ) !important;
}
#orcamento-view button.clear-orcamento:hover, #orcamento-view button.clear-orcamento:focus{
background:var(--cor-secundaria) !important;
color:#fff;
}
#orcamento-view .qtd-btn{
display: flex;
align-items: center;
justify-content: center;
max-width: 90px;
margin: 0 auto;
}
#orcamento-view .qtd-btn button{
width:25px;
height:40px;
background:var( --cor-primaria );
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:600 !important;
border: 0 !important;
outline:0 !important;
padding: 0;
}
#orcamento-view .qtd-btn button.increment-quantity{
border-radius: 0 5px 5px 0;
}
#orcamento-view .qtd-btn button.decrement-quantity{
border-radius: 5px 0 0 5px;
}
#orcamento-view .qtd-btn button:hover, #orcamento-view .qtd-btn button:focus{
background:var(--cor-secundaria);
}
#orcamento-view .qtd-btn input[type="number"]{
width: 40px;
padding: 0;
height: 40px;
text-align: center;
border: 0 !important;
outline:0 !important;
border-radius: 0;
color: var( --cor-primaria );
background: #fff;
}
#orcamento-view .qtd-btn input[type="number"] {
-moz-appearance: textfield;
}
#orcamento-view .qtd-btn input[type="number"]::-webkit-outer-spin-button,
#orcamento-view .qtd-btn input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#orcamento-view .qtd-btn input[type="number"]::-ms-inner-spin-button,
#orcamento-view .qtd-btn input[type="number"]::-ms-outer-spin-button {
display: none;
}
#orcamento-view .qtd-btn input[type=number]::-webkit-outer-spin-button,
#orcamento-view .qtd-btn input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#orcamento-view .orcamento-empty{
padding:50px 15px;
text-align:center;
font-size:18px;
color:var( --cor-primaria );
font-family:Poppins !important;
}
.s-hidden {
visibility:hidden;
padding-right:10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
height: 44px;
border-radius: 10px;
appearance: none;
width: 100%;
padding: 0;
margin-bottom: 0px;
border: 0;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
background-color: transparent !important;
}
.styledSelect {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
padding: 0 15px;
transform: translateY(-50%);
height: 100%;
border-radius: 10px;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
font-size: 0px !important;
font-weight: 400 !important;
line-height: 54px !important;
color: #fff;
}
.styledSelect:active, .styledSelect.active {
background-color:transparent;
}
.options {
display:none;
position:absolute;
top:100%;
right:0;
left:0;
z-index:999;
margin:0 0;
padding:0 0;
list-style:none;
border:1px solid #dfdfdd;
background-color: #fff;
border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
max-height: 220px;
overflow-y: auto;
color:var( --cor-primaria ) !important;
font-size:15px;
border-top:0 !important;
}
.options li {
padding:0 6px;
margin:0 0;
padding:0 10px;
height:34px;
font-size:15px;
line-height:34px;
color:var( --cor-primaria ) !important;
font-family:Poppins !important;
}
.options li:hover{
background: var( --cor-secundaria ) !important;
color:#fff !important;
}
.options li:first-child{
display:none;
}
.input-orcamento{
margin-bottom:15px;
}
.input-orcamento input{
width:100% !important;
height:44px !important;
border-radius:5px !important;
margin:0 !important;
padding:5px 12px !important;
color:var( --cor-primaria ) !important;
border:1px solid var( --cor-primaria ) !important;
background-color:#fff !important;
outline:none !important;
font-family:Poppins !important;
font-size:15px;
}
.input-orcamento select{
width:100% !important;
height:44px !important;
border-radius:5px !important;
margin:0 !important;
padding:5px 12px !important;
color:var( --cor-primaria ) !important;
border:1px solid var( --cor-primaria ) !important;
background-color:#fff !important;
outline:none !important;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px;
background-repeat:no-repeat;
background-position:center right 10px;
font-family:Poppins !important;
font-size:15px;
}
.btn-send-orcamento{
width:100% !important;
height:50px;
border-radius:5px !important;
background-color:var( --cor-primaria ) !important;
border:0 !important;
outline:none !important;
display:flex !important;
align-items:center;
justify-content:center;
color:#fff !important;
text-transform:uppercase;
font-size:15px;
}
.btn-send-orcamento:hover, .btn-send-orcamento:focus{
background-color:var( --cor-secundaria ) !important;
color:#fff;
}
#orcamento-view #form-orcamento .btn-submit-orcamento{
width: 100%;
height: 50px;
padding: 0;
border: 0;
outline: none;
box-shadow: none;
font-size: 15px;
text-transform: uppercase;
color: #fff;
background: var(--cor-primaria);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
transition:all 0.2s linear;
}
#orcamento-view #form-orcamento .btn-submit-orcamento i{
font-size:20px;
margin-left:10px;
}
#orcamento-view #form-orcamento .btn-submit-orcamento:hover{
background:var(--cor-secundaria);
color:#fff;
}
#loading{
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.5);
z-index: 99999;
display: none;
align-items: center;
justify-content: center;
}
.produto-view{
position:relative;
border:1px solid #ccc;
border-radius:10px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
overflow:hidden;
}
.produto-view .image-produto{
width:100%;
height:240px;
margin-bottom:10px;
}
.produto-view .image-produto a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
overflow:hidden;
}
.produto-view .image-produto a img{
width:100% !important;
height:100% !important;
object-fit:cover;
}
.produto-view .infos-produto .title-produto a h2{
font-size:15px;
color:var(--cor-primaria);
font-weight:600;
text-align:center;
font-family:Poppins;
margin:0 auto 15px;
}
.produto-view .infos-produto{
padding:0 15px;
}
.produto-view .add_orcamento{
padding:0 15px 20px;
}
.produto-view .variations-box{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(255,255,255,.8);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:all 0.2s linear;
z-index:3;
}
.produto-view .variations-box .content{
padding:20px;
height:auto;
overflow:auto;
width: 100%;
}
.produto-view .variations-box.active{
opacity:1;
visibility:visible;
}
.produto-view .acoes-form .qtd-item button{
width:25px;
height:40px;
background:var( --cor-primaria );
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:600 !important;
border: 0 !important;
outline:0 !important;
padding: 0;
}
.produto-view .acoes-form .qtd-item button.increment-quantity{
border-radius: 0 5px 5px 0;
}
.produto-view .acoes-form .qtd-item button.decrement-quantity{
border-radius: 5px 0 0 5px;
}
.produto-view .acoes-form .qtd-item button:hover, .produto-view .acoes-form .qtd-item button:focus{
background:var(--cor-secundaria);
}
.produto-view .acoes-form .qtd-item input[type="number"]{
width: 36px;
padding: 0;
height: 40px;
text-align: center;
border: 0 !important;
outline:0 !important;
border-radius: 0;
color: var( --cor-primaria );
background: #fff;
border-top:1px solid var(--cor-primaria) !important;
border-bottom:1px solid var(--cor-primaria) !important;
}
.produto-view .acoes-form .qtd-item input[type="number"] {
-moz-appearance: textfield;
}
.produto-view .acoes-form .qtd-item input[type="number"]::-webkit-outer-spin-button,
.produto-view .acoes-form .qtd-item input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.produto-view .acoes-form .qtd-item input[type="number"]::-ms-inner-spin-button,
.produto-view .acoes-form .qtd-item input[type="number"]::-ms-outer-spin-button {
display: none;
}
.produto-view .acoes-form .qtd-item input[type=number]::-webkit-outer-spin-button,
.produto-view .acoes-form .qtd-item input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.produto-view .acoes-form button.btn-orcamento, .produto-view .acoes-form button.open-options{
width:calc(100% - 92px);
display:flex;
align-items:center;
justify-content:center;
height:40px;
padding:0;
border-radius:5px;
border-color:var(--cor-primaria) !important;
background:var(--cor-primaria);
font-size:14px;
text-transform:uppercase;
font-family:Poppins;
color:#fff;
}
.produto-view .acoes-form button.btn-orcamento:disabled{
opacity:0.7;
pointer-events:none;
}
.produto-view .acoes-form button.btn-orcamento:hover, .produto-view .acoes-form button.open-options:hover{
color:#fff;
background:var(--cor-secundaria);
border-color:var(--cor-secundaria) !important;
}
.produto-view .add_orcamento .open-options{
display:flex;
align-items:center;
justify-content:center;
height:40px;
text-transform:uppercase;
font-weight:500;
font-family:Poppins;
font-size:14px;
color:#555;
cursor:pointer;
}
.produto-view .add_orcamento .open-options i{
margin-left:5px;
font-size:16px;
color:rgba(0,200,0,1);
}
.produto-view .add_orcamento .open-options.ok{
color:rgba(0,200,0,1);
}
.produto-view .add_orcamento .open-options:hover{
color:var(--cor-secundaria);
}
.variations-box .content select {
width: 100% !important;
height: 36px !important;
border-radius: 5px !important;
margin: 0 !important;
padding: 5px 10px !important;
color: var( --cor-primaria ) !important;
border: 1px solid var( --cor-primaria ) !important;
background-color: #fff !important;
outline: none !important;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size: 18px;
background-repeat: no-repeat;
background-position: center right 5px;
font-family: Poppins !important;
font-size: 13px;
margin-bottom:10px !important;
}
.variations-box .content .close-variations{
width:100%;
display:flex;
align-items:center;
justify-content:center;
height:38px;
padding:0;
border-radius:5px;
border-color:var(--cor-primaria) !important;
background:var(--cor-primaria);
font-size:13px;
text-transform:uppercase;
font-family:Poppins;
}
.single form.add_orcamento select{
width: 100% !important;
height: 40px !important;
border-radius: 5px !important;
margin: 0 !important;
padding: 5px 10px !important;
color: var( --cor-primaria ) !important;
border: 1px solid var( --cor-primaria ) !important;
background-color: #fff !important;
outline: none !important;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size: 18px;
background-repeat: no-repeat;
background-position: center right 5px;
font-family: Poppins !important;
font-size: 14px;
margin-bottom:10px !important;
}
.single form.add_orcamento .qtd-item button{
width:25px;
height:52px;
background:var( --cor-primaria );
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:600 !important;
border: 0 !important;
outline:0 !important;
padding: 0;
}
.single form.add_orcamento .qtd-item button.increment-quantity{
border-radius: 0 5px 5px 0;
}
.single form.add_orcamento .qtd-item button.decrement-quantity{
border-radius: 5px 0 0 5px;
}
.single form.add_orcamento .qtd-item button:hover, .single form.add_orcamento .qtd-item button:focus{
background:var(--cor-secundaria);
}
.single form.add_orcamento .qtd-item input[type="number"]{
width: 40px;
padding: 0;
height: 52px;
text-align: center;
border: 0 !important;
outline:0 !important;
border-radius: 0;
color: var( --cor-primaria );
background: #fff;
border-top:1px solid var(--cor-primaria) !important;
border-bottom:1px solid var(--cor-primaria) !important;
font-family:Poppins;
}
.single form.add_orcamento .qtd-item input[type="number"] {
-moz-appearance: textfield;
}
.single form.add_orcamento .qtd-item input[type="number"]::-webkit-outer-spin-button,
.single form.add_orcamento .qtd-item input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.single form.add_orcamento .qtd-item input[type="number"]::-ms-inner-spin-button,
.single form.add_orcamento .qtd-item input[type="number"]::-ms-outer-spin-button {
display: none;
}
.single form.add_orcamento .qtd-item input[type=number]::-webkit-outer-spin-button,
.single form.add_orcamento .qtd-item input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.single form.add_orcamento button.btn-orcamento{
width:calc(100% - 100px);
display:flex;
align-items:center;
justify-content:center;
height:52px;
padding:0;
border-radius:5px;
border-color:var(--secundaria) !important;
background:var(--cor-secundaria);
font-size:14px;
text-transform:uppercase;
font-family:Poppins;
}
.single form.add_orcamento button.btn-orcamento:disabled{
opacity:0.7;
pointer-events:none;
}
.single form.add_orcamento button.btn-orcamento:hover{
color:#fff;
background:var(--cor-primaria);
border-color:var(--cor-primaria) !important;
}
.produto-add-success{
padding:0 15px 20px;
}
.produto-add-success p{
font-family:Poppins;
color:var(--cor-secundaria);
font-size:14px;
margin:0 auto 10px;
}
.produto-add-success a{
color:var(--cor-primaria);
font-family:Poppins;
font-weight:600;
font-size:14px;
}





@media(max-width:992px){
.itens-orcamento{
    margin-bottom:25px;
}    
#orcamento-view table tbody tr td {
  padding: 7px 8px !important;
} 
#orcamento-view table .image-prod{
width:43px;
}
#orcamento-view table .image-prod img{
width:35px !important;
height:35px !important;
}   
#orcamento-view .qtd-btn input[type="number"] {
  width: 30px;
  padding: 0;
  height: 30px;
}    
#orcamento-view .qtd-btn button {
  width: 20px;
  height: 30px;
}    
#orcamento-view .qtd-btn {
  max-width: 70px;
}    
#orcamento-view button.remover-produto {
  font-size: 16px;
}   
#orcamento-view h2.title-orcamento {
  font-size: 20px;
  margin: 0 auto 15px;
  text-align: center;
}    
    
    
}