/* FONTS */ @import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap'); :root { touch-action: pan-x pan-y; height: 100%; color-scheme: only light; } body { font-family: 'Mulish', sans-serif !important; width: 100%; height: 100%; cursor: default;} /* RESETS */ /* a { text-decoration: none !important; } */ ul a { text-decoration: none; } /* li { cursor: pointer; } */ .back-button { cursor: pointer; background: white; width: 44px; height: 44px; display: block; border: 1px solid #f1f1f1; border-radius: 6px; padding: 11px; margin-right: 5px; } .back-button img { width: 20px; height: 20px;} label { margin-bottom: 5px; font-size: 15px; } input.form-control:focus { box-shadow: none; border: 1px solid #f1f1f1; background: #f1f1f1; } .hide-money { filter: blur(5px); } .tos p {font-size: 12px;} .link { cursor: pointer; display: block; line-height: 20px; margin-top: 5px; word-break: break-all;} .link.inline { display: inline-block;} .link.inline.btn { font-size: 13px; border: 1px solid; padding: 5px; border-radius: 15px; margin: 0;} .alert { display: inline-block; } .dropdown-menu li a { cursor: pointer; } #menu-mobile a { cursor: pointer; } .generic-icon { width: 17px; height: 17px; } /* BUTTON DEFAULT */ .globalButton { font-size: 16px; font-weight: bold; padding: 10px 30px; background: #2E333F; border: none; color: #fff; border-radius: 5px; cursor: pointer;} .globalButton.success { background: #68e047; color: black;} .globalButton.mbMobile { margin-bottom: 0px !important; } .globalButton-md { font-size: 16px; font-weight: bold; padding: 10px 30px; background: #efefef; color: #363e4f; border: none; border-radius: 5px; } .globalButton-md:hover { background: #dddddd; } /* WRAPPER */ .wrapper { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } .content .products .row .col-12.mt-3 .form-check { display: inline-flex;} .btn-show-hide-money { cursor: pointer; } .varejo-produto-report { margin-bottom: 5px; } .icon-info { display: none; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(285deg) brightness(102%) contrast(105%); float: right; top: 15px; position: relative; width: 18px; margin-right: 10px; margin-top: -3px;} .icon-info.show { display: block !important; } .icon-info-black { width: 22px; margin-left: 5px; cursor: pointer; } .icon-info.green { filter: brightness(0) saturate(100%) invert(77%) sepia(53%) saturate(6954%) hue-rotate(77deg) brightness(105%) contrast(92%);} #FormMaleta .row .col-6.relative.sendwelcomeemail { margin-top: 30px; } /* SIDEBAR */ .sidebar { width: 15%; height: 100%; background: #2E333F; position: fixed; overflow: auto; } .sidebar span { color: #fff; font-size: 19px; padding: 30px 30px 0px 30px; display: block; } .sidebar ul { margin: 0; padding: 0; margin-top: 45px; width: 97%;} .sidebar ul li { list-style: none; color: rgba(255,255,255,0.6); line-height: 45px; padding-right: 15px; padding-left: 15px;} .sidebar ul li img { width: 18px; margin-right: 10px; margin-top: -3px; } .sidebar ul li:hover { background: rgba(255,255,255,0.1);} .sidebar .selected { background: rgba(255,255,255,0.24);} .sidebar img.menu-mobile { display: none; } .sidebar ul .a-menu {display: none; } .sidebar ul.menu-inside { margin-top: 0px !important; margin-left: 20px;} .topbar { width: 100%; height: 45px; background: #2E333F; position: fixed; overflow: hidden; top: 0px; right: 0px; z-index:99; } .topbar .icon-menu {width: 20px; margin-bottom: 5px; margin-left: 10px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(105%) contrast(101%);} .topbar span { padding: 10px; color:white; display: inline-block; vertical-align: super;} .topbar .logout { float: right; margin-right: 20px; cursor: pointer; vertical-align: center; height: 100%; } .topbar img.menu-mobile { display: none; } .topbar span a.btnTopBar { color: inherit; color: white; border: 1px solid; border-radius: 5px; padding: 10px; text-decoration: none; cursor: pointer;} .wrapper.virtualcatalog .sidebar { display: none;} .topbar .icon-notification {width: 30px; cursor: pointer; margin-left: 10px; filter: unset; vertical-align: sub;} .topbar .icon-notification.faq { margin-right: 5px;} .topbar .icon-notification.empty { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(105%) contrast(101%); } .table tbody tr.greyrow { background-color: #d3d3d36b;} .icon-white { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(105%) contrast(101%); } .camera-config { position: absolute; top: 5px; left: 5px; z-index: 9 !important; width: 30px; height: 30px; cursor: pointer;} @media only screen and (max-width:1366px) { .sidebar { font-size: 13px;} .sidebar ul { width: 100% !important;} } @media only screen and (max-width:899px) { .tos {margin-top: 70px;} .wrapper.virtualcatalog .sidebar { display: block;} .sidebar { display: block; width: 100%; height: auto; position: absolute; top: 0; font-size: 15px;} .sidebar span { padding: 10px 15px; } .sidebar span small { display: block; font-size: 12px; opacity: 0.5; } .sidebar ul { display: none; margin-top: 70px; padding-top:10px; padding-bottom: 15px; background: #393d4b; position: relative; z-index: 1; box-shadow: 0 0 36px 0px rgb(0 0 0 / 55%); } .sidebar ul.show { display: block; } .sidebar img.menu-mobile { display: block; width: 21px; position: absolute; right: 15px; top: 25px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(105%) contrast(101%); } .sidebar ul .a-menu {display: block; } .topbar .logout { display: none;} .topbar span a.btnTopBar { display: none;} .topbar img.menu-mobile { display: block; width: 21px; position: absolute; right: 15px; top: 13px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(105%) contrast(101%);} .topbar {height: 70px !important;} .topbar span.name { word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 160px;} .topbar span.company { max-width: 45%; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .topbar span.company { max-width: calc(100% - 21px) !important; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 10px !important; display: block; text-align: center;} .topbar span.name { margin-left: 10px; display: block; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90% !important; padding: 0px !important;} .topbar .icon-notification { display: block; position: absolute; top: 5px; left: 0px; } .topbar .icon-notification.faq { display: block; position: absolute; top: 5px; left: 35px; } .content { margin-top: 55px;} .globalButton.pdv {display: none;} #FormMaleta .row .col-6.relative.sendwelcomeemail { margin-top: 0px; } } @media only screen and (max-width:1425px) { .sidebar ul li { padding: 0px; padding-right: 10px; padding-left: 1px;} .icon-info.show { margin-right: 5px;} .sidebar ul.menu-inside { display: block; box-shadow: none;} .sidebar ul li { padding: 0px 2px; } .sidebar ul.menu-inside { margin-left: 10px;} .topbar.catalogo .icon-notification {vertical-align: super;} .wrapper.virtualcatalog .sidebar { display: block;} .wrapper.virtualcatalog .sidebar { display: block; width: 100%; height: auto; position: absolute; top: 0; } .wrapper.virtualcatalog .sidebar span { padding: 10px 15px; } .wrapper.virtualcatalog .sidebar span small { display: block; font-size: 12px; opacity: 0.5; } .wrapper.virtualcatalog .sidebar ul { display: none; margin-top: 45px; padding-top:10px; padding-bottom: 15px; background: #393d4b; position: relative; z-index: 1; box-shadow: 0 0 36px 0px rgb(0 0 0 / 55%); } .wrapper.virtualcatalog .sidebar ul.show { display: block; } .wrapper.virtualcatalog .sidebar img.menu-mobile { display: block; width: 21px; position: absolute; right: 15px; top: 25px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(105%) contrast(101%); } .wrapper.virtualcatalog .sidebar ul .a-menu {display: block; } .wrapper.virtualcatalog .sidebar ul.menu-inside { display: block; box-shadow: none;} .wrapper.virtualcatalog .topbar .logout { display: none;} .wrapper.virtualcatalog .topbar span a.btnTopBar { display: none;} .wrapper.virtualcatalog .topbar img.menu-mobile { display: block; width: 21px; position: absolute; right: 15px; top: 13px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(105%) contrast(101%);} .wrapper.virtualcatalog .topbar span.name { word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 160px;} .wrapper.virtualcatalog .topbar span.company { max-width: 45%; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} } @media only screen and (max-width:899px) { .wrapper.virtualcatalog .sidebar ul { margin-top: 70px; } } @media only screen and (min-width:200px) and (max-width:899px) { /* .icon-info.show { margin-right: 10px;} */ .sidebar ul li { padding: 0px 15px; } .sidebar ul.menu-inside { margin-left: 0px;} .sidebar ul li .menu-inside .item-menu-inside li { padding: 0px; padding-left: 20px;} .sidebar ul a li .icon-info.show { margin-right: 5px;} .sidebar ul li .menu-inside .item-menu-inside li .icon-info.show{ margin-right: 0px;} } #index-varejo .products .row .col-3.relative.search-filter.search-text {width: 100%;} #index-varejo .products .row .col-3.relative.search-filter.search-text .search-img{right: 2%;} #index-varejo .products .row .col-3.relative.search-filter.hidemobile {display: none;} #index-varejo .products .row .col-3.relative.search-filter:not(.search-text) {margin-top: 10px;} .catalogo-btn-filtro { width: 50px; display: inline; } .varejo-btn-filtro {cursor: pointer;} .varejo-btn-filtro { width: 30px; display: inline; } .varejo-btn-calendar { width: 30px; display: inline; margin-left: 20px; cursor: pointer;} .content .info-home .col-3.col-3-smartphone { margin-top: 1% } @media only screen and (max-width:899px) { .col-3-smartphone { width: 100% !important; margin-bottom: 10px;} .content .products .row .search-products { width: 98%; margin-bottom: 5px; } .content .products .row .col-8.relative {width: 100%; } .modal.fade.show .modal-content .modal-body .tab-content .row .col-5 {width: 50%;} .modal.fade.show .modal-content .modal-body .tab-content .row .col-4 {width: 50%;} #index-varejo .products .row .col-3.relative.search-filter.hidemobile {display: none;} #index-varejo .products .row .col-3.relative.search-filter.search-text .search-img{right: 5%;} #index-varejo .bag-list.show .content-table .buttons .dropdown {width: 50%;} /* .varejo-btn-filtro { width: 30px; display: inline; } */ .varejo-btn-calendar { margin-left: 2px;} } /* CONTENT */ .content { width: 85%; padding: 10px; background: #f9f9f9; position: absolute; right: 0; margin-top: 30px; } .content .info-home .card { display: inline-block; vertical-align: top; padding: 20px; margin-right: 20px; width: 100%; height: 100%; } .content .info-home .card span { font-weight: bold; } .content .info-home .card p { margin-bottom: 15px; } .content .info-home .card p:last-child { margin-bottom: 0px; } .content .info-home .card h3 { font-weight: bold; font-size: 18px; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; } .content .info-home .card h5 { opacity: 0.7; font-size: 20px; text-align: left; line-height: 28px; } @media only screen and (max-width:899px) { /* .content .info-home { margin-top: 15px; } */ .content .info-home h5 { font-size: 15px; opacity:0.7; margin-bottom: 0px; } .content .info-home .card p { opacity: 0.7; } .content .info-home .card h3 { font-weight:bold; } .content .info-home .warnings .btn { margin-top: 5px;} } .globalButton.inline {display: inline-block !important;} .dropdown.small.inline {display: inline-block !important; ;} /* MODAL */ .modal h5.modal-title span { font-size: 13px; opacity: 0.6; } .modal .modal-body { position: relative; } .modal .modal-body .form-control { margin-bottom: 10px; } .modal .modal-body .form-select { margin-bottom: 10px; } .modal .modal-body .globalButton { margin-top: 10px; width: 100%; } .modal .modal-body .globalButton img { width: 16px; filter: invert(100%) sepia(1%) saturate(93%) hue-rotate(170deg) brightness(120%) contrast(100%); margin-top: -2px; margin-right: 7px; } .modal .modal-body .buttons { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; } .modal .modal-body .buttons .globalButton { margin-right: 10px; height: 80px; } .modal .modal-body .buttons .globalButton img { width: 30px; margin-right: 0px; margin-top: 7px; } .modal .modal-body .buttons .globalButton span { display: block; } .modal .modal-body .buttons .globalButton:nth-child(1) { background: #3498db; } .modal .modal-body .buttons .globalButton:nth-child(1):hover { background: #2b80b9; } .modal .modal-body .buttons .globalButton:nth-child(2) { background: #e67e22; } .modal .modal-body .buttons .globalButton:nth-child(2) img { width: 35px; } .modal .modal-body .buttons .globalButton:nth-child(2):hover { background: #f3913b; } .modal .modal-body .tab-content>.tab-pane { margin-top: 20px; } .modal .modal-body ul.nav-tabs .nav-link { width: 155px; font-weight: bold; color: #2e333f; } .modal .modal-body .tab-content>.tab-pane .preview { background: #fff; border-radius: 5px; border: 1px solid #f1f1f1; } .modal .modal-body .add-product .globalButton { width: 100%; margin-top: 0px; margin-bottom: 0px; } .modal .modal-body .add-product small { opacity: 0.6; } .modal .modal-body .add-product .alert { margin-top:10px; padding: 8px 15px; border: none; background: #2ecc71; color: #fff; font-size: 12px; font-weight: bold; } .modal .modal-body .add-product .search-product-add { position: relative; } .modal .modal-body .add-product .search-product-add .form-control { height: 100%;} .modal .modal-body .add-product .search-product-add .qrcode { position: absolute; top: 0px; right: 0px; width: 40px;} .modal .modal-body .add-product .list-products-associates .scroll-area { overflow: scroll; height: calc(700px - 400px); } .modal .modal-body .scroll-area { overflow: scroll; height: calc(900px - 400px); } .modal .modal-body .list-product-modal { display: flex; align-items: center; border-bottom: 1px solid #f1f1f1; padding: 15px 0px 15px 0px;} .modal .modal-body .list-product-modal div:nth-child(1) { width: 26%; margin-right: 20px; position: relative; } .modal .modal-body .list-product-modal div:nth-child(1) .badge { position: absolute; bottom: 10px; left: 10px; font-size: 10px; } .modal .modal-body .list-product-modal div:nth-child(1) .badge.bg-primary { background: #2ecc71 !important;} .modal .modal-body .list-product-modal div:nth-child(2) { width: 74%;} .modal .modal-body .list-product-modal.bg { background: #fafafa; border: 1px solid #e6e6e6; padding: 17px 15px; margin-bottom: 20px; border-radius: 5px; margin-top: 10px; } .modal .modal-body .list-product-modal:first-child { padding-top: 0px; } .modal .modal-body .list-product-modal img { width: 100%; margin-right: 20px; border-radius: 5px;} .modal .modal-body .list-product-modal hr { margin: 5px 0px; } .modal .modal-body .list-product-modal span { font-weight: bold; } .modal .modal-body .list-product-modal span em { font-style: normal; font-size: 12px; } .modal .modal-body .list-product-modal a { display: inline-block; font-weight: bold; font-size: 13px; text-decoration: none; margin-top: 13px; margin-right:10px; color: #3498db; } .modal .modal-body .list-product-modal a img { width: 13px; margin: 0; margin-right: 5px; } .modal .modal-body .list-product-modal a:nth-child(3):after { content: " | "; color: #2E333F; margin-left: 10px; opacity: 0.2; } .modal .modal-body .list-product-modal a:nth-child(4) { color: #2E333F; } .modal .modal-body .list-product-modal a:nth-child(4):hover { color: #4d515c; } .modal .modal-body .list-product-modal.bg a:nth-child(3) { color: #2E333F; } .modal .modal-body .list-product-modal.bg a:nth-child(3):after { content: "";} .modal .modal-body .list-product-modal a:hover { cursor:pointer; color: #2f8cca; } .modal .modal-body .list-product-modal p { font-size: 12.5px; margin-bottom: 0px; margin-top: 5px; } .modal .modal-body form { margin-bottom: 0px; } .modal .modal-body .list-product-modal.bg.list-customer { padding: 3px 15px; } .modal .modal-body .list-product-modal.bg.list-customer a { cursor:pointer; color: #2f8cca; } .box-customer {border: 1px solid lightgrey; background-color: lightgray; border-radius: 5px; padding: 5px; margin-bottom: 5px;} .box-valor-varejo {border: 1px solid lightyellow; background-color: lightyellow; padding: 5px; font-weight: bolder; margin-bottom: 5px;} /* .content .bag-list.show .content-table .table.custom tbody tr { cursor: pointer;} */ @media only screen and (max-width:899px) { .wrapper { overflow-x: hidden; overflow-y: auto;} .content { width: 100%; height: auto; padding: 10px; background: #fff; position: inherit; margin-top: 55px;} .modal .modal-header h1 { font-weight: bold; font-size: 15px !important; } .modal .modal-header h5 { font-weight: bold; font-size: 15px !important; } .modal .modal-body label { font-size: 13px; } .modal .modal-body form { margin-bottom: 0px; } .modal .modal-body .form-control { font-size: 14px; } .modal .modal-body .form-select { font-size: 14px; } .modal .modal-body .buttons .globalButton:nth-child(1) { font-size: 12px; } .modal .modal-body .buttons .globalButton:nth-child(2) { font-size: 12px; } .modal .modal-body .buttons .globalButton:nth-child(3) { font-size: 12px; } .modal .modal-body .list-product-modal.bg { padding: 10px; } .modal .modal-body .list-product-modal.bg span em { display: block; } .modal .modal-body .list-product-modal.bg img { height: 93px; object-fit: cover; } .modal .modal-body .list-product-modal.bg a img { height: initial; margin-top: -3px; } .modal .modal-body .list-product-modal.bg button.globalDelete { float: right; background: red; cursor: pointer; width: 25px; height: 25px; position: inherit; top: 20px; left: 20px; font-size: 14px; border: none; color: #fff; font-weight: bold; border-radius: 6px; } .modal .modal-body .list-product-modal.bg button.globalDelete img { padding:0px; border-radius:0px; width: 14px; object-fit: initial; height: auto; filter: invert(100%) sepia(63%) saturate(93%) hue-rotate(322deg) brightness(110%) contrast(101%); } .modal .modal-body .add-product .alert { padding: 8px 15px; border: none; background: #2ecc71; color: #fff; font-size: 10px; font-weight: bold; }/* margin-top:60px; */ /* .modal .modal-body .add-product .search-product-add .form-control { position:relative; float: left; font-size: 14px; width: calc(100% - 100px); } */ /* .modal .modal-body .add-product .search-product-add .globalButton { position: relative; float: right; width: 90px; padding: 7px; font-size: 13px; top: 0%; right: 0%;} */ /* .modal .modal-body .add-product .search-product-add .qrcode { position: absolute; top: 0px; right: -5px; width: 33.3px;} */ .modal .modal-body .add-product .list-products-associates .list-product-modal { align-items: flex-start; } .modal .modal-body .add-product .list-products-associates .list-product-modal span em { display: block; margin-top: 5px;} .modal .modal-body .add-product .list-products-associates .list-product-modal img { height: 93px; object-fit: cover; margin-top: 5px; } .modal .modal-body .add-product .list-products-associates .list-product-modal a { color: #2f333f; } .modal .modal-body .add-product .list-products-associates .list-product-modal a:after { content: ""; } .modal .modal-body .add-product .list-products-associates .list-product-modal a img { height: initial; margin-top: -3px; } .modal .modal-body ul.nav-tabs .nav-link { width: 113px; font-size: 13px; } } .content .list-product-varejo { display: flex; align-items: center; border-bottom: 1px solid #f1f1f1; padding: 15px 0px 15px 0px;} /* .content .list-product-varejo div:nth-child(1) { width: 26%; margin-right: 20px; position: relative; } .content .list-product-varejo div:nth-child(1) .badge { position: absolute; bottom: 10px; left: 10px; font-size: 10px; } .content .list-product-varejo div:nth-child(1) .badge.bg-primary { background: #2ecc71 !important;} .content .list-product-varejo div:nth-child(2) { width: 74%;} */ .content .list-product-varejo.bg { background: #fafafa; border: 1px solid #e6e6e6; padding: 17px 15px; margin-bottom: 20px; border-radius: 5px; margin-top: 10px; } .content .list-product-varejo:first-child { padding-top: 10px; } /* .content .list-product-varejo img { width: 100%; margin-right: 20px; border-radius: 5px; } */ .content .list-product-varejo hr { margin: 5px 0px; } .content .list-product-varejo span { display: inline-block; max-width: 60%;} .content .list-product-varejo span em { font-style: normal; font-size: 12px; } .content .list-product-varejo a { display: inline-block; font-weight: bold; font-size: 11px; text-decoration: none; margin-top: 13px; margin-right:10px; color: #3498db; } .content .list-product-varejo a img { width: 13px; margin: 0; margin-right: 5px; } .content .list-product-varejo a:nth-child(3):after { content: " | "; color: #2E333F; margin-left: 10px; opacity: 0.2; } .content .list-product-varejo a:nth-child(4) { color: #2E333F; } .content .list-product-varejo a:nth-child(4):hover { color: #4d515c; } .content .list-product-varejo.bg a:nth-child(3) { color: #2E333F; } .content .list-product-varejo.bg a:nth-child(3):after { content: "";} .content .list-product-varejo a:hover { cursor:pointer; color: #2f8cca; } .content .list-product-varejo p { font-size: 12px; opacity: 0.7; margin-bottom: 0px; margin-top: 5px; } .content .new-bath { margin-top: 40px; display: none; } .content .new-bath.show { display: block; } .content .new-bath form .form-control { margin-bottom: 20px; } .content .new-bath form .globalButton { margin-top: 20px; } @media only screen and (max-width:899px) { .content .new-bath { margin-top: 20px; } .content .new-bath h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px !important; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .content .new-bath form .globalButton { width: 100%; } .content .new-bath form label { font-size: 14px; opacity: 0.8; } .content .new-bath form .form-control { margin-bottom: 10px; } } /* COMPONENT PRODUCTS BATH */ .content .products-bath { margin-top: 0px; display: none; } .content .products-bath .content-table { background: #fff; height: auto; box-shadow: 0 0 16px 4px rgb(0 0 0 / 4%); padding: 20px; border-radius: 5px; } .content .products-bath .globalButton { margin-bottom: 20px; margin-right: 10px; display: inline-block; } .content .products-bath .globalButton:nth-child(1) { background: #3498db; } .content .products-bath .globalButton:nth-child(1):hover { background: #2980b9; } .content .products-bath .globalButton:nth-child(3) { background: #fff; color: #2E333F; } .content .products-bath .globalButton:nth-child(3) img { filter: invert(16%) sepia(14%) saturate(848%) hue-rotate(184deg) brightness(98%) contrast(89%); } .content .products-bath .globalButton:nth-child(3):hover { background: #f1f1f1; } .content .products-bath .globalButton img { width: 16px; filter: invert(100%) sepia(1%) saturate(93%) hue-rotate(170deg) brightness(120%) contrast(100%); margin-top: -4px; margin-right: 7px; } .content .products-bath.show { display: block; } .content .products-bath h3 span { font-size: 14px; font-weight: normal; opacity: 0.5; } .content .products-bath .products-list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; flex-direction: row; } .content .products-bath .products-list .card { width: 18.7%; margin-right: 20px; position: relative; margin-bottom: 20px;} /* .content .products-bath .products-list .card:nth-child(5n+5) { margin-right: 0px; } */ .content .products-bath .products-list .card img { width: 100%; height: 300px; object-fit: cover; } .content .products-bath .products-list .card ul { margin: 0; padding: 20px; } .content .products-bath .products-list .card ul li { cursor:initial; list-style: none; font-size: 14px; line-height: 25px; } .content .products-bath .products-list .card span.badge { cursor: pointer; position: absolute; top: 20px; right: 20px; font-size: 14px;} .content .products-bath .products-list .card span.badge.bg-primary { background:#3498db !important; } @media only screen and (max-width:899px) { .content .products-bath { margin-top: 80px; } .content .products-bath h3 { font-weight: bold; font-size: 18px; } .content .products-bath h3 span { display: block; margin-top: 0px; } .content .products-bath .buttons { display: flex; justify-content: flex-start; } .content .products-bath .buttons .globalButton { margin-right: 0px; font-size: 14px; width: 48%; height: 60px;} .content .products-bath .buttons .globalButton:nth-child(3) { display: none; } .content .products-bath .products-list .card ul { padding-top: 10px; } .content .products-bath .products-list .card { width: 100%; border: 1px solid #e9e9e9; } .content .products-bath .products-list .card img { height: 350px; padding: 10px; border-radius: 15px; } .content .products-bath .products-list .card ul li { font-size: 14px; line-height: 25px; } .content .products-bath .products-list .card:nth-child(1n+1) { margin-right: 0px; } .content .products-bath .scroll-area { overflow: initial; } } /* REPORTS BATH */ .reports-bath { margin-top: 40px; position: relative; display: none; } .reports-bath.show { display: block; } .reports-bath hr { opacity: 0.1; } .reports-bath button { position: absolute; right: 0; top: -63.3px;} .reports-bath .dropdown ul li { font-size: 16px; line-height: 50px; border-bottom: 1px solid #f1f1f1;} .reports-bath h3 span { font-size: 14px; font-weight: normal; opacity: 0.5; } .reports-bath span { font-weight: bold; } .reports-bath ul { list-style: none; margin: 0; padding: 0; } .reports-bath ul li { font-size: 16px; line-height: 50px; border-bottom: 1px solid #f1f1f1;} @media only screen and (max-width:899px) { .reports-bath { margin-top: 20px; } .reports-bath button { font-size: 13px; width: 105px; padding: 9px 0px; top: -65px; background: #efefef; color: #363e4f; } .reports-bath h3 { font-weight: bold; font-size: 18px; } .reports-bath h3 span { display: block; } .reports-bath span { font-size: 13px; } .reports-bath ul li { font-size: 12px; line-height: 39px; } .reports-bath .col-10 { width: 65%; } .reports-bath .col-2 { width: 35%; } } /* COMPONENT PRODUCTS */ .content .products { margin-top: 10px; display: block; } .content .products .relative { position: relative; } .content .products .relative .form-control.search-text { width: 90%; } .content .products .relative img { position: absolute; width: 17px; top: 11px; right: 14%; } .content .products .col-3.relative.search-filter img { position: absolute; width: 17px; top: 11px; right: 6%; } .content .products .col-4.relative.search-filter img { position: absolute; width: 17px; top: 11px; right: 6%; } .content .products .col-5.relative.search-filter img { position: absolute; width: 17px; top: 11px; right: 5%; } .content .products .col-6.relative.search-filter img { position: absolute; width: 17px; top: 11px; right: 3%; } .content .products.catalogo { margin-top: 20px;} .content .products.catalogo .row .col-6.relative.search-products .form-control.search-text { width: 100%; } .content .products .row .col-6.relative .search-img { right: 3%; margin-top: 0px;} .content .products .row .col-7.relative .search-img { right: 3%; } .content .products .row .col-8.relative .search-img { right: 2%; } .content .products .row .col-6.relative .qrcode { display: inline; width: 33px; top: 3px; right: 4%;} .content .products.catalogo .row .col-6.relative.search-products .search-img { top: 0px; right: 3% !important; } .content .products.div-content .row .col-6.relative.search-products .search-img { right: 14% !important; } .content .products .content-table { background: #fff; height: auto; box-shadow: 0 0 16px 4px rgb(0 0 0 / 4%); padding: 5px; border-radius: 5px; } .content .products .content-table.virtualcatalog { padding: 5px !important; } .content .products .buttons { display: flex; margin-bottom: 20px; flex-direction: row; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: center;} .content .products .buttons a.mobile { background: white; width: 44px; height: 44px; display: block; border: 1px solid #f1f1f1; border-radius: 6px; padding: 11px; margin-right: 15px; } .content .products .buttons a.mobile:hover { cursor:pointer; background: #f1f1f1; border: 1px solid transparent; } .content .products .buttons .globalButton { margin-right: 20px; } .content .products .buttons .globalButton.bg { background: #3498db; height: 44px;} .content .products .globalButton img { width: 16px; filter: invert(100%) sepia(1%) saturate(93%) hue-rotate(170deg) brightness(120%) contrast(100%); margin-top: -2px; margin-right: 7px; } .content .products .content-table .maskMobile { display: none; } .content .products .content-table .row .col-3.relative.search-products .search-img { right: 14%; } .content .products .content-table .row .col-3.relative.search-products .qrcode { right: 5%; width: 22px;} .content .products .content-table .row .col-5.relative.search-products .search-img { right: 14%; } .content .products .content-table .row .col-5.relative.search-products .qrcode { right: 4%; width: 24px; top: 6px;} .content .products .content-table .row .col-6.relative.search-products .search-img { right: 3%; } .content .products .row .col-7.relative.search-products .search-img { right: 12%; } .content .products .row .col-7.relative.search-products .qrcode { right: 7%; width: 30px; top: 4px; } .content .products .row .col-9.relative .search-img { right: 2%; } .content .products .row .col-12.relative .search-img { right: 2%; } .content .products .row .col-12.relative .qrcode { display: block; width: 33px; top: 0px; right: 0px; float: left; margin-right: 10px; position: relative;} .row .col-6 .search-img { position: absolute; width: 17px; margin-top: 10px; margin-left: 46%;} .search-img { width: 17px; position: absolute; top: 25px; right: 4%} @media only screen and (max-width:899px) { .content .products .row .col-7.relative .search-img { right: 6%; } /* .content .products { margin-top: 50px; } */ /* .content .products .buttons { display: flex; justify-content: flex-start; margin-bottom: 20px; } */ .content .products .buttons { display: flex; justify-content: flex-start; margin-bottom: 20px; flex-direction: row; flex-wrap: wrap; align-content: flex-end; align-items: baseline; } /* .content .products .buttons .dropdown { width: 40%; margin-top: 5px; } */ .content .products .buttons .dropdown.small { width: 40%; margin-top: 5px; } .content .products .buttons .dropdown .globalButton { width: 100%; height: 44px;} .content .products .row .col-6.relative .qrcode { right: 1%;} .content .products .row .col-12.relative .qrcode { right: 0px;} .content .products .col-12.relative .form-control.search-text { width: 86%; } .content .products .col-12.relative img { right: 7%} .content .products .content-table .row .col-6.relative.search-products .search-img { right: 7%; } .content .products .row .col-12.relative .search-img { right: 7%; } .content .products .row .col-9.relative .search-img { right: 7%; } .content .products .row .col-8.relative .search-img { right: 8%; } .content .products .row .col-8.relative.search-filter { width: 100%; margin-bottom: 5px;} .content .products .row .col-8.relative.search-filter img { right: 5%; } .content .products .row .col-4.relative.search-filter { width: 100%; } .content .products.customers .row .col-4.relative.search-filter img { right: 6%; } .content .products.customers .row .col-1 { margin-top: 5px; } .content .products .col-6.relative.search-filter { width: 100%; } .content .products .col-6.relative.search-filter img { position: absolute; width: 17px; top: 11px; right: 5%; } .content .products .row .col-5.relative.search-filter { width: 100%; } .content .products .row .col-5.relative.search-filter input[type="text"] { margin-bottom: 5px; } .content .products .buttons .globalButton { margin-right: 5px; font-size: 13px; width: 55%; height: 44px; } .content .products .buttons .globalButton.btn50 { width: 50% !important; margin-top: 5px;} .content .products .buttons .globalButton.btn50.fitcontent { width: fit-content !important; margin-top: 5px;} .content .products .buttons .globalButton.fitcontent { width: fit-content !important; margin-top: 5px;} .content .products .buttons .globalButton.bg { background: #3498db; width: 50% !important; } .content .products .buttons .globalButton.bg.bigger { background: #3498db; width: 55%; } .content .products .content-table form#FormFilterProducts { background: white; position: fixed; bottom: 0; width: 100%; left: 0; padding: 20px; z-index: 2; margin: 0; -webkit-box-shadow: 0px -11px 58px -21px rgba(0,0,0,0.5); -moz-box-shadow: 0px -11px 58px -21px rgba(0,0,0,0.5); box-shadow: 0px -11px 58px -21px rgba(0,0,0,0.5);} .content .bag-list.show .content-table .new-user .row .col-1 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-2 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-3 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-4 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-5 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-6 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-7 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-8 {width: 100%;} .content .bag-list.show .content-table .new-user .row .col-9 {width: 100%;} .content .products.catalogo .row .col-6.relative.search-products { width: 100%; } .products.div-content.maleta-produtos .content-table .buttons .dropdown { margin-top: 10px; display: inline-block;} .products.div-content.maleta-produtos .content-table .buttons .globalButton { width: fit-content !important; } } .content .products.customers .row .col-4.relative.search-filter img { right: 6%; } .content .products h3 span { font-size: 14px; font-weight: normal; opacity: 0.5;} .content .products h3 small { float: right; text-align: right; font-size: 15px; margin-top: 9px;} small.floatright { float: right; text-align: right; font-size: 15px; } a.link.btn.btn-outline-dark.frete { max-width: 200px; margin-top: 25px; } .content .products .products-list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; flex-direction: row;} .content .products .products-list.virtualcatalog {display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: baseline; flex-direction: row; align-content: center;} .content .products .products-list .card { width: 23%; margin-right: 15px; position: relative; margin-bottom: 20px;} .content .products .products-list.virtualcatalog .card.w-25 { width: 18% !important; margin-right: 2px; position: relative; margin-bottom: 2px;} .content .products .products-list.virtualcatalog .card { margin-bottom: 2px;} .content .products .products-list .card .info-product { padding: 0px 20px; padding-top: 0px; margin-top: 10px; position: relative; } .content .products .products-list .card .info-product h5 { font-weight: bold; } .content .products .products-list .card .info-product h6 { opacity: 0.6; } .content .products .products-list .card img { width: 100%; padding: 10px; border-radius:20px; height: 300px; object-fit: cover; } .content .products .products-list.virtualcatalog .card img { width: 100%; height: auto; } .content .products.catalogo .products-list.catalogo .card img { height: auto !important; max-height: 300px;} .content .products .products-list .card p { color:rgba(0,0,0,0.6); padding: 0px 20px; padding-bottom: 0px; margin-bottom: 0; margin-top: 0px;} .content .products .products-list .card h5 { margin: 0; padding: 0px 20px; font-weight: bold; font-size: 16px;} .content .products .products-list .card ul { margin: 0; padding: 20px; padding-top: 10px; } .content .products .products-list .card ul li { list-style: none; font-size: 14.5px;} .content .products .products-list .card ul li.remove { cursor:pointer; background: #fff; padding: 6px 9px; border-radius: 4px; font-size: 13px; font-weight: bold; } .content .products .products-list .card ul li.remove:hover { background: #f1f1f1; } .content .products .products-list .card ul li.remove img { width: 12px; margin-right: 10px;; object-fit: initial; height: auto; padding: 0px; } .content .products .products-list .card ul li.sell {cursor:pointer; background: #fff; padding: 6px 9px; border-radius: 4px; font-size: 13px; font-weight: bold; } .content .products .products-list .card ul li.sell:hover { background: #f1f1f1; } .content .products .products-list .card ul li.sell img { width: 14px; margin-right: 10px;; object-fit: initial; height: auto; padding: 0px; } #FormVirtualCatalogProduct img { padding: 10px; border-radius: 15px; height: 150px; object-fit: contain; cursor: pointer; display: block; margin: 0 auto;} .product-photo { padding: 10px; border-radius: 15px; height: 150px; object-fit: contain; cursor: pointer; display: block; margin: 0 auto; max-width: 100%;} .content .products .products-list .card span.badge { cursor: pointer; position: absolute; top: 20px; right: 20px; font-size: 14px;} .content .products .products-list .card span.badge.btn-id {top: 265px; right: 10px; font-size: 12px;} .content .products .content-table.virtualcatalog .products-list.virtualcatalog .card-body .card-img-overlay .badge { background: #286856; font-size: 15px; position: absolute; top: 90%; margin-right: 0px; } @media only screen and (max-width:420px) { .content .products .products-list.virtualcatalog .card.w-25 { width: 30% !important; margin-right: 2px; position: relative; margin-bottom: 2px;} .content .products .content-table.virtualcatalog .products-list.virtualcatalog .card-body .card-img-overlay .badge { font-size: 12px; top: 80%; margin-right: -15px; } } .content .products .products-list .card span.badge.bg-primary { background:#3498db !important; } .content .products .products-list .card span.badge.bg-success { background:#1f9134 !important; } .content .products .products-list .card span.badge.bg-danger { cursor: pointer; position: absolute; top: 10px; right: 20px; font-size: 14px;} .content .products .products-list button.globalDelete { background: red; cursor: pointer; position: absolute; top: 20px; left: 20px; font-size: 14px; border: none; color: #fff; font-weight: bold; border-radius: 6px; padding: 1.5px 10px; } .content .products .products-list button.globalDelete img { padding:0px; border-radius:0px; width: 14px; object-fit: initial; height: auto; filter: invert(100%) sepia(63%) saturate(93%) hue-rotate(322deg) brightness(110%) contrast(101%); } .modal .modal-body .products .products-list { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; flex-direction: row;} .modal .modal-body .products .products-list .card { width: 40%; max-width: 250px; margin-right: 15px; position: relative; margin-bottom: 20px;} /* .modal .modal-body .products .products-list .card.linha { width: 50%; max-width: 50%; flex-direction: row;} */ .modal .modal-body .products .products-list .card.linha { width: 23%; max-width: 23%; flex-wrap: nowrap; display: flex; flex-direction: row; align-items: center;} .modal .modal-body .products .products-list .card.linha img { max-width: 150px; height: auto; } .modal .modal-body .products .products-list .card .info-product { padding: 0px 20px; padding-top: 0px; margin-top: 10px; position: relative; } .modal .modal-body .products .products-list .card .info-product h5 { font-weight: bold; } .modal .modal-body .products .products-list .card .info-product h6 { opacity: 0.6; } .modal .modal-body .products .products-list .card img { width: 100%; padding: 10px; border-radius:20px; height: 300px; object-fit: cover; } .modal .modal-body .products .products-list .card p { color:rgba(0,0,0,0.6); padding: 0px 20px; padding-bottom: 0px; margin-bottom: 0; margin-top: 0px;} .modal .modal-body .products .products-list .card h5 { margin: 0; padding: 0px 20px; font-weight: bold; } .modal .modal-body .products .products-list .card ul { margin: 0; padding: 20px; padding-top: 10px; } .modal .modal-body .products .products-list .card ul li { list-style: none; } .modal .modal-body .products .products-list .card ul li.remove { background: #fff; padding: 6px 9px; border-radius: 4px; font-size: 13px; font-weight: bold; } .modal .modal-body .products .products-list .card ul li.remove:hover { background: #f1f1f1; } .modal .modal-body .products .products-list .card ul li.remove img { width: 12px; margin-right: 10px;; object-fit: initial; height: auto; padding: 0px; } .modal .modal-body .products .products-list .card ul li.sell { margin-top:10px; background: #fff; padding: 6px 9px; border-radius: 4px; font-size: 13px; font-weight: bold; } .modal .modal-body .products .products-list .card ul li.sell:hover { background: #f1f1f1; } .modal .modal-body .products .products-list .card ul li.sell img { width: 14px; margin-right: 10px;; object-fit: initial; height: auto; padding: 0px; } .modal .modal-body .products .products-list .card span.badge { cursor: pointer; position: absolute; top: 20px; right: 20px; font-size: 14px;} .modal .modal-body .products .products-list .card span.badge.bg-primary { background:#3498db !important; } .modal .modal-body .products .products-list .card span.badge.bg-danger { cursor: pointer; position: absolute; top: 10px; right: 20px; font-size: 14px;} .modal .modal-body .products .products-list button.globalDelete { background: red; cursor: pointer; position: absolute; top: 20px; left: 20px; font-size: 14px; border: none; color: #fff; font-weight: bold; border-radius: 6px; padding: 1.5px 10px; } .modal .modal-body .products .products-list button.globalDelete img { padding:0px; border-radius:0px; width: 14px; object-fit: initial; height: auto; filter: invert(100%) sepia(63%) saturate(93%) hue-rotate(322deg) brightness(110%) contrast(101%); } @media only screen and (max-width:899px) { .content .products .col-9 { width: 100%; } .content .products .col-3 { width: 100%; margin-top: 5px !important;} .content .products .col-2 { width: 100%; margin-top: 5px !important;} .content .products h3 { font-weight: bold; font-size: 18px; width: calc(100% - 50px); text-align: center;} .content .products h3 small { display: block; float: initial; text-align: left; font-size: 14px; font-weight: normal; opacity: 0.5; } .content .products .scroll-area { overflow: initial; } .content .products .products-list .card { width: 100%; } .content .products .products-list .card p { font-size: 14px; } .content .products .products-list .card ul li { font-size: 14px; } .content .products .products-list .card:nth-child(1n+1) { margin-right: 0px; } a.link.btn.btn-outline-dark.frete { margin-top: 0px;} .modal .modal-body .products .products-list .card.linha { width: 100%; max-width: 100%; flex-direction: row;} .modal .modal-body .products .products-list .cardlinha img { max-width: 150px; height: auto; } /* .modal .modal-body .products .products-list .card { width: 45%; } */ } @media only screen and (max-width:400px) and (max-device-width:400px) and (orientation: portrait){ .content .products .content-table .products-list.virtualcatalog .card { width: 32% !important; } } /* NEW BAG */ .content .new-bag { margin-top: 40px; display: none; } .content .new-bag.show { display: block; } .content .new-bag form .form-control { margin-bottom: 20px; } .content .new-bag form .globalButton { margin-top: 20px; } @media only screen and (max-width:899px) { .content .new-bag { margin-top: 20px; } .content .new-bag h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px !important; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .content .new-bag form .form-control { margin-bottom: 10px; } .content .new-bag form .globalButton { width: 100%; margin-top: 10px; margin-bottom: 40px;} } .content .bag-list { margin-top:0px; display: none; } .content .bag-list .globalButton { margin-bottom: 20px; margin-right: 10px; margin-top: 5px;} .content .bag-list .globalButton:nth-child(1) { background: #3498db; } .content .bag-list .globalButton:nth-child(1):hover { background: #2980b9; } .content .bag-list .globalButton.award { background: #dcea1b; color: #000;} .content .bag-list .globalButton.levels { background: #ea891b; color: #000;} .globalButton.darkblue { background: #2E333F !important;} .globalButton.blue { background: #3498db; } .globalButton.blue:hover { background: #2980b9; } .content .bag-list .globalButton.award img{ filter: brightness(0) saturate(100%) invert(0%) sepia(10%) saturate(1747%) hue-rotate(19deg) brightness(99%) contrast(101%); } .content .bag-list .globalButton.levels img{ filter: brightness(0) saturate(100%) invert(0%) sepia(10%) saturate(1747%) hue-rotate(19deg) brightness(99%) contrast(101%); } .content .bag-list .globalButton.bg.inherit:nth-child(1) { background: #2E333F; } .content .bag-list .globalButton.bg.inherit:nth-child(1):hover { background: #2E333F; } .content .bag-list .globalButton img { width: 16px; filter: invert(100%) sepia(1%) saturate(93%) hue-rotate(170deg) brightness(120%) contrast(100%); margin-top: -2px; margin-right: 7px; } .content .bag-list .content-table .buttons .dropdown.small.inline .globalButton.dropdown-toggle.secondary {background: #2E333F !important;} .content .bag-list.show { display: block; margin-top: 10px;} .content .bag-list .content-table { background: #fff; height: auto; box-shadow: 0 0 16px 4px rgb(0 0 0 / 4%); padding: 10px; border-radius: 5px; } .content .bag-list .table tbody tr td { font-size: 14px; vertical-align: middle; padding: 7px; line-height: 40px; color: rgba(0,0,0,0.6);} .content .bag-list .table tbody tr td.hideDesktop { display: none; } .content .bag-list .table thead th:nth-child(1) { width: 10%; } .content .bag-list .table thead th:nth-child(2) { width: 65%; } .content .bag-list .table thead th:nth-child(3) { width: 7%; } /* .content .bag-list .table.custom thead th:nth-child(1) { width: 25%; } .content .bag-list .table.custom tbody td:nth-child(1) { word-break: break-word; } .content .bag-list .table.custom thead th:nth-child(2) { width: 15%; text-align: center; } .content .bag-list .table.custom tbody td:nth-child(2) { text-align: center; } .content .bag-list .table.custom thead th:nth-child(3) { width: 20%; } .content .bag-list .table.custom thead th:nth-child(4) { width: 15%; text-align: center; } .content .bag-list .table.custom tbody td:nth-child(4) { text-align: center; } */ /* .content .bag-list .table.custom thead th:nth-child(5) { width: 5%; } .content .bag-list .table.custom thead th:nth-child(6) { width: 5%; } */ .content .products.div-content .content-table .table.custom.collections thead th:nth-child(1) { width: 20%;} .content .products.div-content .content-table .table.custom.collections tbody td:nth-child(1) { width: 20%;} .content .products.div-content .content-table .table.custom.collections thead th:nth-child(2) { width: 20%;} .content .products.div-content .content-table .table.custom.collections tbody td:nth-child(2) { width: 20%;} .content .products.div-content .content-table .table.custom.collections thead th:nth-child(3) { width: 20%;} .content .products.div-content .content-table .table.custom.collections tbody td:nth-child(3) { width: 20%;} .content .products.div-content .content-table .table.custom.collections thead th:nth-child(4) { width: 20%;} .content .products.div-content .content-table .table.custom.collections tbody td:nth-child(4) { width: 20%;} .content .bag-list .content-table .table.custom.table-users { table-layout: fixed;} .content .bag-list .content-table .table.custom.table-users thead th:nth-child(1) { width: 250px; text-align: left; } .content .bag-list .content-table .table.custom.table-users thead th:nth-child(2) { width: 150px; text-align: left; } .content .bag-list .content-table .table.custom.table-users thead th:nth-child(3) { width: 150px; text-align: left; } .content .bag-list .content-table .table.custom.table-users thead th:nth-child(4) { width: 90px; text-align: left; } .modal-body .table.custom.table-customer-history thead th:nth-child(1) { width: 20%;} .modal-body .table.custom.table-customer-history thead th:nth-child(2) { width: 20%;} .modal-body .table.custom.table-customer-history thead th:nth-child(3) { width: 20%;} .modal-body .table.custom.table-customer-history thead th:nth-child(4) { width: 20%;} .modal-body .table.custom.table-customer-historygroup thead th:nth-child(1) { width: 40%;} .modal-body .table.custom.table-customer-historygroup thead th:nth-child(2) { width: 10%;} .modal-body .table.custom.table-customer-historygroup thead th:nth-child(3) { width: 10%;} .modal-body .table.custom.table-customer-historygroup thead th:nth-child(4) { width: 10%;} .modal-body .table.custom.table-customer-historygroup thead th:nth-child(5) { width: 20%;} /* .content .bag-list .content-table .table.custom.table-users tbody td:nth-child(2) { width: 15%; text-align: left; } */ .content .bag-list .table.custom.table-whatsapp thead th:nth-child(1) { width: 5%; } .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(1) { width: 5%; } .content .bag-list .table.custom.table-whatsapp thead th:nth-child(2) { width: 5%; } .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(2) { width: 5%; } .content .bag-list .table.custom.table-whatsapp thead th:nth-child(4) { text-align: left;} .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(4) { text-align: left;} .content .bag-list .table.custom.table-whatsapp thead th:nth-child(5) { width: 5%; text-align: right;} .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(5) { width: 5%; text-align: right;} .content .bag-list .content-table .table.custom.table-ginvoices thead th:nth-child(1) { width: 20%; } .content .bag-list .content-table .table.custom.table-ginvoices thead th:nth-child(2) { width: 20%; } .content .bag-list .content-table .table.custom.table-ginvoices thead th:nth-child(3) { width: 10%; } .content .bag-list .content-table .table.custom.table-ginvoices thead th:nth-child(4) { width: 10%; } .content .bag-list .content-table .table.custom.table-ginvoices thead th:nth-child(5) { width: 20%; } .content .bag-list .content-table .table.custom.table-ginvoices thead th:nth-child(6) { width: 20%; } .content .bag-list .table.table-banhos thead th:nth-child(2) { width: 10%; } .content .bag-list .table.table-banhos tbody td:nth-child(3) { width: 10%; text-align: right;} .content .bag-list .content-table .table.custom.table-atacado { table-layout: fixed;} .content .bag-list .content-table .table.custom.table-atacado thead th:nth-child(1) { width: 250px; text-align: left;} .content .bag-list .content-table .table.custom.table-atacado thead th:nth-child(2) { width: 200px; text-align: left;} .content .bag-list .content-table .table.custom.table-atacado thead th:nth-child(3) { width: 120px; text-align: left;} .content .bag-list .content-table .table.custom.table-atacado thead th:nth-child(4) { width: 150px; text-align: left;} .content .bag-list .content-table .table.custom.table-atacado thead th:nth-child(5) { width: 200px; text-align: left;} .content .bag-list .content-table .table.custom.table-atacado thead th:nth-child(6) { width: 150px; text-align: left;} .content .bag-list .content-table .table.custom.table-atacado thead th:nth-child(7) { width: 200px; text-align: left;} /* .content .bag-list .content-table .table.custom.table-atacado tbody td:nth-child(7) { text-align: right; } */ .content .bag-list.show .content-table .table.table-banhos tbody tr td a.btn.btn-primary { display: inline-block; } .content .bag-list.show .content-table .table.table-banhos tbody tr td div.dropdown { display: inline-block; } .content .bag-list.show .content-table .table.table-maleta tbody tr td a.btn.btn-primary { display: inline-block; } .content .bag-list.show .content-table .table.table-maleta tbody tr td div.dropdown { display: inline-block; } .content .bag-list.show .content-table .table.custom.table-atacado tbody tr td a.btn.btn-primary { display: inline-block; } .content .bag-list.show .content-table .table.custom.table-atacado tbody tr td div.dropdown { display: inline-block; } .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(1) { width: 40%; } .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(2) { width: 10%; } .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(3) { width: 10%; } .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(4) { width: 40%; } .content .bag-list .table.table-campanhas thead th:nth-child(1) { width: 40%; } .content .bag-list .table.table-campanhas thead th:nth-child(2) { width: 20%; } .content .bag-list .table.table-campanhas thead th:nth-child(3) { width: 10%; } .content .bag-list .table.table-campanhas thead th:nth-child(4) { width: 30%; } .table.custom.table-awards thead th:nth-child(1) { width: 40%; } .table.custom.table-awards thead th:nth-child(2) { width: 20%; } .table.custom.table-awards thead th:nth-child(3) { width: 10%; } .table.custom.table-awards thead th:nth-child(4) { width: 30%; } .content .bag-list .table tbody tr:hover { background: #f1f1f1; } .content .bag-list .table tbody tr a:hover { color:rgba(0,0,0,0.8); } /* .content .bag-list .table tbody tr img { margin-right:10px; width: 35px; height: 35px; background: #ffffff; border: 1px solid rgb(218, 218, 218); padding: 10px; border-radius: 5px; } */ /* .content .bag-list .table tbody tr img:hover { background: #dddddd; border: 1px solid transparent; } */ .content .bag-list.show .table.table-maleta thead th:nth-child(1) { width: 45px !important; } .content .bag-list.show .table.table-maleta tbody td:nth-child(1) { width: 45px !important; } .content .bag-list.show .table.table-maleta thead th:nth-child(2) { width: 10%; } .content .bag-list.show .table.table-maleta tbody td:nth-child(2) { max-width: fit-content; word-break: break-all; line-height: 18px;} .content .bag-list.show .table.table-maleta thead th:nth-child(3) { width: 20%; } .content .bag-list.show .table.table-maleta tbody td:nth-child(3) { max-width: fit-content; word-break: break-all; line-height: 18px;} .content .bag-list.show .table.table-maleta thead th:nth-child(4) { width: 11%; } .content .bag-list.show .table.table-maleta thead th:nth-child(5) { width: 11%; } .content .bag-list.show .table.table-maleta thead th:nth-child(6) { width: 11%; } .content .bag-list.show .table.table-maleta thead th:nth-child(7) { width: 11%; } /* .content .bag-list.show .table.table-maleta thead th:nth-child(8) { width: 17%; } */ .paginacao { font-size: 14px; font-weight: normal; opacity: 0.5; } .table-permissions tbody td { text-align: center;} .table-permissions thead th { text-align: center;} .content .bag-list .table-stores thead th:nth-child(1) { width: 80%; } .content .bag-list .table-stores thead th:nth-child(2) { width: 20%; } .content .bag-list.show .content-table .table.custom.table-virtualcatalog tbody tr.mystore { background-color: yellowgreen !important; --bs-table-bg: yellowgreen; } @media only screen and (max-width:899px) { /* .content .bag-list .buttons:nth-child(1) { display: flex; justify-content: normal; } */ /* .content .bag-list .buttons:nth-child(2) { display: flex; justify-content: normal; } */ /* .content .bag-list .buttons:has(button:nth-child(3)) { display: flex; justify-content: center; flex-direction: column;} */ .content .bag-list .buttons:nth-child(1) .globalButton { margin-right: 5px; font-size: 14px; height: auto; margin-bottom: 5px;} /* .content .bag-list .buttons:nth-child(2) .globalButton { margin-right: 5px; font-size: 14px; width: 48%; height: auto; margin-bottom: 5px;} */ .content .bag-list .buttons:has(button:nth-child(3)) .globalButton { margin-right: 5px; font-size: 14px; height: auto; margin-bottom: 5px;} .content .bag-list .buttons .globalButton.big { margin-right: 5px; font-size: 14px; width: 60%; height: auto;} .content .bag-list .buttons .globalButton.big100 { margin-right: 5px; font-size: 14px; width: 100%; height: auto;} .content .bag-list .content-table { margin-bottom: 50px; height: auto; } .content .bag-list h3 { font-weight: bold; font-size: 18px; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .content .bag-list .table thead th { font-size: 13px; padding: 10px 0px; } .content .bag-list .table tbody tr td { line-height: 20px; font-size: 13px; padding: 10px 0px; } .content .bag-list .table tbody tr td:last-child { text-align: center; align-items: center; justify-content: space-between; } .content .bag-list .table thead th:nth-child(1) { width: 33%; text-align: center; } .content .bag-list .table thead th:nth-child(2) { width: 33%; text-align: center; } .content .bag-list .table thead th:nth-child(3) { width: 33%; text-align: center; } .content .bag-list .table thead th:nth-child(4) { width: 33%; text-align: center; } .content .bag-list .table tbody tr img { width: 32px; margin-right: 5px; margin-top: 5px;} .content .bag-list .table-maleta th:nth-child(1) { display: none; } .content .bag-list .table-maleta td:nth-child(1) { display: none; } .content .bag-list .table-maleta th:nth-child(2) { display: none; } .content .bag-list .table-maleta td:nth-child(2) { display: none; } .content .bag-list .table-maleta th:nth-child(3) { text-align: left; width: 40%;} .content .bag-list .table-maleta td:nth-child(3) { text-align: left; width: 40%;} .content .bag-list .table-maleta th:nth-child(4) { text-align: center; width: 30%;} .content .bag-list .table-maleta td:nth-child(4) { text-align: center; width: 30%;} .content .bag-list .table-maleta th:nth-child(5) { display: none; } .content .bag-list .table-maleta td:nth-child(5) { display: none; } .content .bag-list .table-maleta th:nth-child(6) { display: none; } .content .bag-list .table-maleta td:nth-child(6) { display: none; } .content .bag-list .table-maleta th:nth-child(7) { display: none; } .content .bag-list .table-maleta td:nth-child(7) { display: none; } .content .bag-list .table-maleta th:nth-child(8) { width: 30%;} .content .bag-list .table-maleta td:nth-child(8) { width: 30%;} /* .content .bag-list .table.table-maleta th:nth-child(4) { text-align: left; } */ /* .content .bag-list .table.table-maleta td:nth-child(4) { text-align: left; } */ /* .content .bag-list .table.table-maleta th:nth-child(5) { text-align: right; } */ /* .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(1) { width: 40%; } */ .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(2) { display: none; } /* .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(3) { display: none; } */ .content .bag-list.show .content-table .table.custom.table-virtualcatalog tbody td:nth-child(2) { display: none; } /* .content .bag-list.show .content-table .table.custom.table-virtualcatalog tbody td:nth-child(3) { display: none; } */ /* .content .bag-list.show .content-table .table.custom.table-virtualcatalog thead th:nth-child(4) { width: 40%; } */ .content .bag-list .table.table-campanhas thead th:nth-child(3) { text-align: center; } .content .bag-list .table.table-campanhas tbody td:nth-child(3) { text-align: center; } .content .bag-list .table.custom.table-whatsapp thead th:nth-child(1) { width: 5%; } .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(1) { width: 5%; } .content .bag-list .table.custom.table-whatsapp thead th:nth-child(2) { width: 5%; } .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(2) { width: 5%; } .content .bag-list .table.custom.table-whatsapp thead th:nth-child(4) { text-align: left;} .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(4) { text-align: left;} .content .bag-list .table.custom.table-whatsapp thead th:nth-child(5) { width: 5%; text-align: right;} .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(5) { width: 5%; text-align: right;} .content .div-configs { margin-top: 60px; } /* NEW TABLE */ #table-responsive-bag table, #table-responsive-bag thead, #table-responsive-bag tbody, #table-responsive-bag th, #table-responsive-bag td, #table-responsive-bag tr { display: block; } #table-responsive-bag thead tr { position: absolute; top: -9999px; left: -9999px;} #table-responsive-bag tr { border: 1px solid #f2f2f2; margin-bottom: 20px; border-radius: 5px; } #table-responsive-bag td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 5%; white-space: normal; text-align:left; padding-bottom: 15px; } #table-responsive-bag td.hideDesktop { display: block; } #table-responsive-bag td.hideDesktop a { text-decoration: none; font-size: 14px; margin-top: 10px; margin-right: 20px; color: #3498db; font-weight: bold; } #table-responsive-bag td.hideDesktop a:after { content: " | "; display: inline-block; margin-left: 15px; color: #2E333F; opacity: 0.2; } #table-responsive-bag td.hideDesktop a:last-child:after { content: ""; } #table-responsive-bag td.hideMobile { display: none; } #table-responsive-bag tbody td:nth-child(1):before { content: 'Alias'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-bag tbody td:nth-child(2):before { content: 'Nome completo'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-bag tbody td:nth-child(3):before { content: 'Email'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-bag tbody td:nth-child(4):before { content: 'CPF'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-bag tbody td:nth-child(5):before { content: 'Telefone'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-bag tbody td:nth-child(6):before { content: 'WhatsApp'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-bag tbody td:nth-child(7):before { content: 'Endereço'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-bag tbody td:nth-child(9):before { content: 'Ações'; display: block; font-size: 11px; line-height: 10px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } } /* BAG REPORT */ .bag-report { margin-top: 40px; display: none; } .bag-report.show { display: block; } .bag-report .search-report { margin-bottom: 30px; } .bag-report .resume-reports { background: #f1f1f1; padding: 22px; border-radius: 10px; margin-top: 5px;} .bag-report .resume-reports ul { margin: 0; padding: 0; list-style: none; } .bag-report .resume-reports ul li { line-height: 25px; font-size: 13px; } .bag-report .table tbody tr td { font-size: 14px; vertical-align: middle; padding: 7px; line-height: 40px; color: rgba(0,0,0,0.6);} .bag-report .table tbody tr:hover { background: #f1f1f1; } .bag-report .table tbody tr td img { width: 50px; display: inline-block; border-radius: 5px; } .bag-report .table tbody tr td img:hover { cursor:pointer; opacity: 0.6; } .top30 { margin-top: 30px !important; } @media only screen and (max-width:899px) { .bag-report { margin-top: 20px; } .bag-report h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px !important; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .bag-report .search-report { margin-bottom: 30px; } .bag-report .search-report .row .col-8 { width: 100%; margin-bottom: 10px; } .bag-report .search-report .row .col-2 { width: 100%; margin-bottom: 10px; margin-top: 5px;} .bag-report .space { margin-top: 0px; background: #fff; width: 100%; height: 50px; display: block; } .bag-report .table thead th { font-size: 14px; } .bag-report button { font-size: 13px; width: 105px; padding: 9px 0px; top: -65px; background: #efefef; color: #363e4f; } .top30 { margin-top: 0px !important;} } .content .new-user { margin-top: 40px; display: none; } .content .new-user.show { display: block; } /* .content .new-user form .form-control { margin-bottom: 20px; } */ .content .new-user form .globalButton { margin-top: 20px; } @media only screen and (max-width:899px) { .content .new-user { margin-top: 20px; } .content .new-user h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px !important; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .content .new-user form .globalButton { width: 100%; } .content .new-user form label { font-size: 14px; opacity: 0.8; } .content .new-user form .form-control { margin-bottom: 10px; } .content .bag-list .content-table .table.table-banhos tbody td:nth-child(1) { word-break: break-all;} /* .content .bag-list .content-table .table.table-banhos tbody td:nth-child(2) { width: 10%;} */ /* .content .bag-list .content-table .table.table-banhos tbody td:nth-child(4) { width: 33%;} */ } @media only screen and (max-width:899px) { /* .FormVarejo { margin-top: 80px } */ .modal .modal-body .new-user .btn.btn-secondary { width: 49%; font-size: 13px; } .modal .modal-body .new-user .table.custom.table-customer-history { display: grid; } } .modal .modal-body .new-user .table.custom.table-customer-history thead th { text-align: center; } .modal .modal-body .new-user .table.custom.table-customer-history tbody td { text-align: center; } .list-product-varejo img { top: 10px; position: inherit; border: 5px; width: 140px; border-radius: 5px; vertical-align: top;} /* .content .FormVarejo .list-product-varejo .add-inputs .form-control { display: initial; margin-top: 5px;} */ .varejo-cancelada { background: #f7bdbd; border-radius: 5px; padding: 3px;} .varejo-prazonok { background: #e32020; border-radius: 5px; padding: 3px; color:white; font-weight: bold; width: 400px; } .varejo-prazook { background: #d7f7bd; border-radius: 5px; padding: 3px; width: 400px;} .list-product-varejo button.globalDelete { background: red; cursor: pointer; width: 25px; height: 25px; position: inherit; top: 20px; left: 20px; font-size: 14px; border: none; color: #fff; font-weight: bold; border-radius: 6px; } .list-product-varejo button.globalDelete img { padding:0px; border-radius:0px; width: 14px; object-fit: initial; height: auto; filter: invert(100%) sepia(63%) saturate(93%) hue-rotate(322deg) brightness(110%) contrast(101%); } .list-product-varejo div .add-inputs input { width: 100px;} .content .list-user { margin-top: 40px; display: none; } .content .list-user.show { display: block; } .content .list-user form .form-control { margin-bottom: 20px; } .content .list-user form .globalButton { margin-top: 20px; } .content .list-user .table tbody tr td { line-height: 20px; vertical-align: middle; } form.FormVarejo { background: #fff; height: auto; box-shadow: 0 0 16px 4px rgb(0 0 0 / 4%); padding: 20px; border-radius: 5px; } form.FormVarejo h3 { margin-top: 23px; } form.FormVarejo .globalButton.addProduct { width: 100%; padding: 7px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts { table-layout: fixed; font-size: 13px;} .content .products.div-content .content-table .products-list .table.custom.stockproducts img { width: 100px; height: 100px; cursor: pointer;} .content .products.div-content .content-table .products-list .table.custom.stockproducts span.badge.badge.bg-primary { font-size: 14px; cursor: pointer; margin-top: 10px;} .content .products.div-content .content-table .products-list .table.custom.stockproducts .stocknumber { font-size: 14px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts img.product-photo { object-fit: cover;} .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(1){ width: 30px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(2){ width: 120px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(3){ width: 120px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(4){ width: 120px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(5){ width: 300px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(6){ width: 126px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(7){ width: 100px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(8){ width: 100px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts thead th:nth-child(9){ width: 106px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts button.globalDelete { background: red; cursor: pointer; position: static; margin-top: 10px; margin-left: 10px; font-size: auto; border: none; color: #fff; font-weight: bold; border-radius: 6px; padding: 1.5px 5px; } .content .products.div-content .content-table .products-list .table.custom.stockproducts button.globalDelete img { padding:0px; border-radius:0px; width: 12px; object-fit: initial; height: auto; filter: invert(100%) sepia(63%) saturate(93%) hue-rotate(322deg) brightness(110%) contrast(101%); } .content .bag-list.show .content-table .table.custom.table-finance { table-layout: fixed;} .content .bag-list.show .content-table .table.custom.table-finance thead th:nth-child(1){ width: 150px; } .content .bag-list.show .content-table .table.custom.table-finance thead th:nth-child(2){ width: 80px; } .content .bag-list.show .content-table .table.custom.table-finance thead th:nth-child(3){ width: 80px; } .content .bag-list.show .content-table .table.custom.table-finance thead th:nth-child(4){ width: 80px; } .content .bag-list.show .content-table .table.custom.table-finance thead th:nth-child(5){ width: 80px; } .content .bag-list.show .content-table .table.custom.table-finance thead th:nth-child(6){ width: 50px; } .content .bag-list.show .content-table .table.custom.table-finance tbody tr td a.btn { line-height: 15px;} .content .bag-list.show .content-table .table.custom.table-customers { table-layout: fixed;} .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(1){ width: 250px; } .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(2){ width: 100px; } .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(3){ width: 80px; } .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(4){ width: 80px; } .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(5){ width: 80px; } .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(6){ width: 71px; } .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(2) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(2) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(3) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(3) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(4) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(4) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(5) { text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(5) { text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(6) { text-align: right;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(6) { text-align: right;} label.customer-source {padding: 5px; line-height: 15px; border-radius: 5px; margin-right: 10px;} /* label.customer-source.maleta {background-color: rgb(179, 73, 218); } */ /* label.customer-source.clubecompras {background-color: lightsalmon; } */ /* label.customer-source.sales {background-color: rgb(122, 177, 255); } */ /* label.customer-source.admin {background-color: rgb(44, 92, 25); color: white;} */ /* label.customer-source.atacado {background-color: burlywood;} */ .content .div-content .bag-list.show .content-table .table.custom.table-virtualcatalog tbody tr td a.btn { display: inline-block;} .content .div-content .bag-list.show .content-table .table.custom.table-virtualcatalog tbody tr td div.dropdown { display: inline-block;} @media only screen and (max-width:899px) { /* .table.custom.table-varejo thead th:nth-child(6){ text-align: right; } .table.custom.table-varejo thead th:nth-child(3){ text-align: center; } .table.custom.table-varejo tbody td:nth-child(1){ padding-right: 5px; text-align: left; } .table.custom.table-varejo tbody td:nth-child(2){ padding-right: 5px; text-align: center; } .table.custom.table-varejo tbody td:nth-child(3){ padding-right: 5px; text-align: center; } .table.custom.table-varejo tbody td:nth-child(4){ padding-right: 5px; text-align: center; } .table.custom.table-varejo tbody td:nth-child(6){ text-align: right; } .table.custom.table-varejo thead th:nth-child(6){ display: none; } .table.custom.table-varejo tbody td:nth-child(6){ display: none; } .table.custom.table-varejo thead th:nth-child(3){ display: none; } .table.custom.table-varejo tbody td:nth-child(3){ display: none; } */ .search-slider { display: inline;} .varejo-cancelada { font-size: 10px; } .varejo-prazonok { font-size: 10px; width: fit-content; display: block;} .varejo-prazook { font-size: 10px; width: fit-content; display: block;} .icons-product-view { width: 100%; margin-top: 10px;} .content .products .content-table ul li.varejo-cancelada { font-size: 16px; } .content .products .content-table ul li.varejo-prazonok { font-size: 16px; width: 100%;} .content .products .content-table ul li.varejo-prazook { font-size: 16px; width: 100%;} /* .content .products .content-table .buttons button.globalButton {width: 40%; } */ .content .products .content-table .buttons button.globalButton:not(:first-child) { margin-top: 5px;} .content .bag-list.show .content-table .table.custom tbody tr td a.btn.btn-primary { margin-bottom: 5px; font-size: 15px;} .content .bag-list.show .content-table .tab-content .tab-pane.fade.show.active { word-wrap: break-word;} /* .content .bag-list.show .content-table .table.custom.table-finance tbody tr td a.btn { width: 100px; font-size: 12px; float: right; line-height: 10px;} .content .bag-list.show .content-table .table.custom.table-finance tbody td:nth-child(3){ text-align: center; } */ /* .content .bag-list.show .content-table .table.custom.table-finance tbody td:nth-child(5){ text-align: center; } */ .content .div-content .bag-list.show .content-table .table.custom.table-virtualcatalog tbody tr td a.btn { margin-right: 5px;} .content .div-content .bag-list.show .content-table .table.custom.table-virtualcatalog tbody tr td a.btn { margin-right: 5px;} } .content .bag-list.show .content-table .table.custom.table-atacadista thead th:nth-child(1){ width: 20%; } .content .bag-list.show .content-table .table.custom.table-atacadista tbody td:nth-child(1){ width: 20%; } .content .bag-list.show .content-table .table.custom.table-atacadista thead th:nth-child(2){ width: 10%; } .content .bag-list.show .content-table .table.custom.table-atacadista tbody td:nth-child(2){ width: 10%; } .content .bag-list.show .content-table .table.table-transfers thead th:nth-child(1){ width: 40%; } .content .bag-list.show .content-table .table.table-transfers tbody td:nth-child(1){ width: 40%; } .content .bag-list.show .content-table .table.table-transfers thead th:nth-child(2){ width: 10%; } .content .bag-list.show .content-table .table.table-transfers tbody td:nth-child(2){ width: 10%; } .content .bag-list.show .content-table .table.table-transfers thead th:nth-child(3){ width: 30%; } .content .bag-list.show .content-table .table.table-transfers tbody td:nth-child(4){ width: 30%; } .content .bag-list.show .content-table .table.table-varejo {table-layout: fixed; } .content .bag-list.show .content-table .table.table-varejo thead th:nth-child(1){ width: 250px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo thead th:nth-child(2){ width: 90px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo thead th:nth-child(3){ width: 150px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo thead th:nth-child(4){ width: 100px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo thead th:nth-child(5){ width: 145px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.banho thead th:nth-child(4){ width: 100px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.bruto thead th:nth-child(4){ width: 200px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.tagged thead th:nth-child(1){ width: 300px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.tagged thead th:nth-child(2){ width: 110px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.tagged thead th:nth-child(3){ width: 70px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.tagged thead th:nth-child(4){ width: 145px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.tagged thead th:nth-child(5){ width: 90px; text-align: left;} .content .bag-list.show .content-table .table.table-varejo.tagged thead th:nth-child(6){ width: 120px; text-align: left;} .content .FormVarejo .row {width: 100%;} @media only screen and (max-width:899px) { .content .bag-list.show .content-table .table.table-transfers thead th:nth-child(1){ text-align: left!important; } .content .bag-list.show .content-table .table.table-transfers tbody td:nth-child(1){ text-align: left!important; } .content .bag-list.show .content-table .table.table-transfers thead th:nth-child(2){ text-align: left!important; } .content .bag-list.show .content-table .table.table-transfers tbody td:nth-child(2){ text-align: left!important; } .content .bag-list.show .content-table .table.table-transfers thead th:nth-child(3){ text-align: left!important; } .content .bag-list.show .content-table .table.table-transfers tbody td:nth-child(3){ text-align: left!important; } /* .content .bag-list.show .content-table .table.custom.table-atacado thead th:nth-child(7){ width: 0%; } .content .bag-list.show .content-table .table.custom.table-atacado thead th:nth-child(6){ text-align: center; } .content .bag-list.show .content-table .table.custom.table-atacado tbody td:nth-child(6){ text-align: center; } .content .bag-list.show .content-table .table.custom.table-atacado thead th:nth-child(3){ display: none; } .content .bag-list.show .content-table .table.custom.table-atacado tbody td:nth-child(3){ display: none; } .content .bag-list.show .content-table .table.custom.table-atacado thead th:nth-child(2){ display: none; } .content .bag-list.show .content-table .table.custom.table-atacado tbody td:nth-child(2){ display: none; } .content .bag-list.show .content-table .table.custom.table-atacado thead th:nth-child(4){ display: none; } .content .bag-list.show .content-table .table.custom.table-atacado tbody td:nth-child(4){ display: none; } */ .content .bag-list.show .content-table .table.table-banhos tbody tr td a.btn.btn-primary { display: inline-block; font-size: 15px; } .content .bag-list.show .content-table .table.table-banhos tbody tr td div.dropdown { display: inline-block; margin-top: 3px;} .content .bag-list.show .content-table .table.table-maleta tbody tr td a.btn.btn-primary { display: inline-block; font-size: 15px; } .content .bag-list.show .content-table .table.table-maleta tbody tr td div.dropdown { display: inline-block; margin-top: 3px;} /* .content .bag-list.show .content-table .table.custom.table-atacado tbody tr td a.btn.btn-primary { display: inline-block; font-size: 15px; } */ /* .content .bag-list.show .content-table .table.custom.table-atacado tbody tr td div.dropdown { display: inline-block; margin-top: 3px;} */ .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(2) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(2) {text-align: center;} /* .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(3) {display: none; } */ /* .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(3) {display: none; } */ .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(4) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(4) {text-align: center;} .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(5) { display: none; } .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(5) { display: none; } /* .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(6) { display: none; } */ /* .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(6) { display: none; } */ .content .bag-list.show .content-table .table.custom.table-customers thead th:nth-child(6) { text-align: right;} .content .bag-list.show .content-table .table.custom.table-customers tbody td:nth-child(6) { text-align: right;} .content .list-user { margin-top: 20px; } .content .list-user h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px !important; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .content .list-user form .globalButton { width: 100%; } .content .list-user form label { font-size: 14px; opacity: 0.8; } .content .list-user form .form-control { margin-bottom: 10px; } .content .list-user .table tbody tr td { line-height: 20px; } .content .bag-list.show .content-table .table.custom.table-users thead th:nth-child(3){ text-align: center; } .content .bag-list.show .content-table .table.custom.table-users tbody td:nth-child(1){ padding-right: 5px; } .content .bag-list.show .content-table .table.custom.table-users tbody td:nth-child(2){ padding-right: 5px; word-break: break-all; } .content .bag-list.show .content-table .table.custom.table-users tbody td:nth-child(3){ padding-right: 5px; text-align: center;} #table-responsive-users table, #table-responsive-users thead, #table-responsive-users tbody, #table-responsive-users th, #table-responsive-users td, #table-responsive-users tr { display: block; } #table-responsive-users thead tr { position: absolute; top: -9999px; left: -9999px;} #table-responsive-users tr { border: 1px solid #f2f2f2; margin-bottom: 20px; border-radius: 5px; } #table-responsive-users td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 5%; white-space: normal; text-align:left; padding-bottom: 15px; } #table-responsive-users tbody td:nth-child(1):before { content: 'Nome completo'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-users tbody td:nth-child(2):before { content: 'Email'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } #table-responsive-users tbody td:nth-child(3):before { content: 'Nova senha'; display: block; font-size: 11px; line-height: 0px; margin-top: 20px; margin-bottom:7px; opacity: 0.65; font-weight: bold; } .content .FormVarejo .row .col-2.relative { width: 100%; margin-top: 5px;} .content .FormVarejo .row .col-3.relative { width: 100%; margin-top: 5px;} .content .FormVarejo .row .col-4.relative { width: 100%; margin-top: 5px;} /* .content .FormVarejo .row .col-3.relative img { margin-left: 30%; } */ .content .FormVarejo .row .col-5.relative { width: 100%; margin-top: 5px;} .content .FormVarejo .row .col-6.relative { width: 100%; margin-top: 5px;} .content .FormMyProfile .row .col-4 { width: 100%; } .col-3.relative.FormMyProfile { width: 100%; } } .trialalert.topbartrial {background: orange; padding: 7px !important; border-radius: 10px; margin: 0 auto; text-align: center; cursor: pointer;} .trialalert.dashboard { display: none !important; margin-bottom: 10px !important; background: orange; padding: 7px !important; border-radius: 10px; margin: 0 auto; text-align: center; cursor: pointer;} .subscriptionalert { background:#198754; padding: 7px !important; font-size: 12px; border-radius: 10px; margin: 0 auto; text-align: center; cursor: pointer;} .subscriptioncanceled { background:#c41f27; padding: 7px !important; font-size: 12px; border-radius: 10px; margin: 0 auto; text-align: center; cursor: pointer;} .shopcartamount { background: green; padding: 10px; border-radius: 10px; display: inline-block; line-height: 0px; cursor: pointer;} .shopcartamount img { width: 20px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(285deg) brightness(102%) contrast(105%); display: inline-block; vertical-align: baseline;} @media only screen and (max-width:899px) { div.col-5.my-auto.col-smartphone { width: 100%; margin-bottom: 5px !important;} div.col-2.my-auto.col-smartphone { width: 100%; margin-bottom: 5px !important;} div.col-4.my-auto.col-smartphone { width: 100%; margin-bottom: 5px !important;} .content .bag-list.show .tab-content .tab-pane.fade.show.active .row .col-3.relative { width: 100%; margin-top: 5px;} .content .bag-list.show .tab-content .tab-pane.fade.show.active .row .col-2.relative { width: 100%; margin-top: 5px;} .content .bag-list.show .tab-content .tab-pane.fade.show.active .row .col-4.relative { width: 100%; margin-top: 5px;} .content .bag-list.show .tab-content .tab-pane.fade.show.active .row .col-6.relative { width: 100%; margin-top: 5px;} .content .bag-list.show .tab-content .tab-pane.fade.show.active .row .col-12.relative { width: 100%; margin-top: 5px;} } .video-container { line-height: 0;} .video-container img { display:none; } .video-container video { width: 100%; } .row .col-6.maleta { width: 33% !important;} .row .col-3.maleta .card { text-align: center;} .row .col-3.maleta .card .count { font-size: 24px; display: block; line-height: 24px;} .row .col-6.maleta .card .count { font-size: 24px; display: block; line-height: 24px;} .row .col-6.maleta div { display: inline-block;} .row .col-6.maleta .progress-bar-div { float: right; } /* .row .col-6.maleta:nth-child(3) { margin-top: 10px;} */ .row .col-3.maleta:nth-child(4) { margin-top: 10px;} .row .col-6.maleta .text-bottom { display: block; width: calc(100% - 120px); text-align: center;} .progress-bar-round { display: flex !important; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; } .progress-bar-round.purple { background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#8269ff calc(var(--percentagenumber) * 1%), #d7c0ff 0) } .progress-bar-round.yellow { background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#ffd769 calc(var(--percentagenumber) * 1%), #ffeec0 0) } .progress-bar-round.green { background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#69ff94 calc(var(--percentagenumber) * 1%), #c2ffc0 0) } .progress-bar-round::before { content: attr(data-number)"%" !important; } @media only screen and (max-width:899px) { .video-container { width: 200px; height: 200px; margin: 0 auto; display: block; border-radius: 10px; position: relative;} .video-container video { width: 200px; height: 200px; border: 2px solid #e6e6e6; margin: 0 auto; display: block; border-radius: 10px; object-fit: cover;} .video-container img { position: absolute; width: 100px; top: 130px; left: 0; right: 0; margin: 0 auto; opacity: 0.3; display:block; } #FormProdutoBrutoCost .row .col-1.relative { width: 100%; } #FormProdutoBrutoCost .row .col-1.relative .btn.btn-danger { margin-top: 5px; } #FormProdutoBrutoCost .row .col-2.relative { width: 100%; } #FormProdutoBrutoCost .row .col-3.relative { width: 100%; } #FormProdutoBrutoCost .row .col-4.relative { width: 100%; } #FormProdutoBrutoCost .row .col-6.relative { width: 100%; } .content .list-product-varejo span { width: 50%; } .modal.fade.show .modal-body .bag-report .search-report .row .col-4.relative { width: 100%; } .modal.fade.show .modal-body .bag-report .search-report .row .col-2.relative { width: 100%; } .row .col-1 { width: 100%;} .row .col-2 { width: 100%;} .row .col-3 { width: 100%;} .row .col-4 { width: 100%;} .row .col-5 { width: 100%;} .row .col-6 { width: 100%;} .row .col-7 { width: 100%;} .row .col-8 { width: 100%;} .row .col-9 { width: 100%;} .row .col-10 { width: 100%;} .content .info-home .alert.alert-success { margin-top: 10px; } .row .col-3.maleta { width: 50% !important;} .row .col-6.maleta { width: 100% !important;} .row .maleta:nth-child(1n+1) { margin-top: 10px;} #ModalFormVirtualCatalogProduct .modal-dialog .modal-content .modal-body .row .col-8.relative .row .col-4.relative { margin-top: 20px; margin-bottom: 20px;} /* .content .bag-list.show .content-table .buttons .btn.btn-outline-dark { margin-bottom: 5px;} */ .content .bag-list.show .content-table .buttons { flex-direction: column;} } .alert.alert-success.virtualcataloglink { margin-top: 20px; max-width: max-content; } @media only screen and (max-width:899px) { .trialalert.topbartrial { display: none !important;} .trialalert.dashboard { display: block !important;} .subscriptionalert { display: none !important;} .content.trial { margin-top: 70px;} .topbar.trial { height: 90px; } .sidebar.trial ul { margin-top: 70px;} .alert.alert-success.virtualcataloglink { margin-top: 0px !important; max-width: max-content; } } .content .products .content-table .table.custom.table-accessories tbody tr {cursor: pointer;} .pick-accessory { padding: 3px; margin-bottom: 4px; } .pick-accessory:hover { background: lightgrey; } #FormVarejo .form-group small { float: right;} #button-search-duplicate {width: 220px; margin-bottom: 30px;} .photos-modal {width: 100%; padding: 10px; border-radius: 20px; height: 300px; object-fit: cover; } #ModalFormVirtualCatalogProduct .modal-dialog.modal-dialog-centered.modal-fullscreen .modal-content .modal-body .row .col-8.relative .row .col-4.relative .border { border: 1px dashed !important; padding: 5px;} #ModalFormVirtualCatalogProduct .modal-dialog.modal-dialog-centered.modal-fullscreen .modal-content .modal-body .row .col-8.relative .row .col-8.relative span.alert {margin-top: 20px; display: block;} .table.custom.orders thead th:nth-child(1){ width: 20%; } .table.custom.orders thead th:nth-child(2){ width: 20%; } .table.custom.orders thead th:nth-child(3){ width: 50px; text-align: center;} .table.custom.orders tbody td:nth-child(3){ width: 50px; text-align: center;} .table.custom.orders tbody tr td img{ width: 17px; } .orders-comments { list-style: auto; } form.form-comment { border: 1px dashed; padding: 5px; max-width: 100%;} .orders-comments li { border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom: 20px;} .alert-inline {display: inline-table; width: 100%;} .youtube { width: 30px; cursor:pointer; margin-bottom: 5px;} table.table.custom.integrations tr {cursor: pointer;} section.secgallery { padding: 2px; display: flex; flex-wrap: wrap; } div.gallery { margin: 2px; position: relative; height: 200px; flex-grow: 1; cursor: pointer; img { max-width: 100%; min-width: 30%; height: 200px; object-fit: cover; vertical-align: bottom; } } div.gallery .card-img-overlay{ position: absolute; top: 2px; left: 2px; background: green; /* border-radius: 10px; */ text-align: center; width: 37px; height: 20px; border-radius: 25px; /* max-width: fit-content; */ } div.gallery .card-img-overlay.red{ position: absolute; top: 2px; left: 40px; background: #ff0000e0; border-radius: 10px; text-align: center; width: 100px; height: 23px; max-width: fit-content; } div.gallery .card-img-overlay.red.promo{ left: 45px; } div.gallery .card-img-overlay.discount{ width: 40px; height: 40px; border-radius: 25px; max-width: fit-content; } div.gallery .card-img-overlay .card-title.badge{ vertical-align: top; } div.gallery .card-img-overlay.discount .card-title.badge{ margin-top: 3px; } .col-3.card.trial { width: 24%; margin-right: 5px;} #vcatalog-close .alert { display: block; } .varejo-parcelas { list-style: none; max-width: 60%;} .varejo-parcelas li { border: 1px dashed; padding: 5px; margin-bottom: 5px;} .varejo-parcelas li a { display: inline-block; line-height: 10px;} .varejo-parcelas li .alert span { display: inline-block; margin-bottom: 0px;} .modal-content .modal-body .varejo-parcelas { max-width: 100%;} .retailhistory .collection.collection-container.collection-retailhistory .item.item-container .attribute .link.inline .alert {display: block; max-width: max-content; line-height: 1px;} #mycart .row .col-4 .row { border: 1px dashed black; padding: 5px; margin: 5px; } #mycart .row .col-4 .row .col-12 img{ width: 25%; max-width: 150px; display: inline-block; vertical-align: top; } #mycart .row .col-4 .row .col-12 div{ margin-left:10px; display: inline-block; vertical-align: top; width: 70%;} #mycart .row .col-4 .row .col-12 div .remove-icon { width: 17px; cursor: pointer; vertical-align: middle;} @media only screen and (max-width:899px) { div.gallery { width: 30%; } .col-3.card.trial { width: 100%; margin-top: 5px;} #buttons-varejo {width: 100%; display: inline-block; } #buttons-varejo div.dropdown {width: 40% !important; } .content .products .row .col-8.relative.simulador { width: 60% !important;} .content .products .row .col-4.relative.simulador { width: 40% !important;} .varejo-parcelas { max-width: 99%; padding-left: 5px;} #mycart { font-size: 14px; } #mycart .row .col-4 .row .col-12 img { width: 25%; } #mycart .row .col-4 .row .col-12 div{ margin-left: 0px; float: right; width: 70%;} #mycart .row .col-4 .row .col-12 div .btn{ width: 88%; font-size: 14px;} div.gallery { margin: 2px; position: relative; height: 200px; flex-grow: 1; cursor: pointer; img { max-width: 100%; min-width: 100%; height: 200px; object-fit: cover; vertical-align: bottom; } } div.gallery .card-img-overlay{ height: 15px; font-size: 12px; } div.gallery .card-img-overlay.red{ width: 80px; height: 15px; } div.gallery .card-img-overlay.discount{ width: 30px; height: 30px; } } .row.product-option { border: 1px dashed; margin-top: 5px; width: 90%; margin-left: 2%;} .trial-price { text-align: center; height: 100%; vertical-align: bottom; display: inline-flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items: center;} .trial-price small { display: contents; font-size: 16px;} .table-scroll { max-height: 200px; overflow: auto;} #customers-result li.selected { background:#baffba; padding: 5px; border-radius: 10px;} .table-vcatalog-allproducts { text-align: center; align-items: center; overflow-x: scroll; display: inline-block;} .table-vcatalog-allproducts tbody tr td{ align-content: center; } .table-vcatalog-allproducts tbody tr td .btn{ margin-top: 5px; } .table-vcatalog-allproducts thead th:nth-child(1) { width: 150px; } .table-vcatalog-allproducts tbody td:nth-child(1) { width: 150px; } .table-vcatalog-allproducts thead th:nth-child(2) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts tbody td:nth-child(2) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts thead th:nth-child(3) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts tbody td:nth-child(3) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts thead th:nth-child(4) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts tbody td:nth-child(4) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts thead th:nth-child(5) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts tbody td:nth-child(5) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts thead th:nth-child(6) { width: 20%; min-width: 100px; } .table-vcatalog-allproducts tbody td:nth-child(6) { width: 20%; min-width: 100px; } #FormAddNewCustomer .row .col-12 input[type="text"] { width: 60%; display: inline-block; } #FormAddNewCustomer .row .col-12 .btn { width: 30%; display: inline-block; } #ModalVirtualCatalogAddCustomer img { width: 200px; padding: 10px; } .phonewithcode { display: inline; } .phonewithcode select{ width: 25%; display: inline-block; } .phonewithcode input { width: 73%; display: inline-block; } .content .products.div-content .content-table .dropdown { display: inline-block; height: 44px;} /* .content .products.div-content .content-table .buttons .dropdown.btn50:nth-child(4) { margin-top: 5px;} */ #FormWhatsAppMessage .row .col-12 label.form-check-label { display: inline;} @media only screen and (max-width:899px) { #FormAddNewCustomer .row .col-12 input[type="text"] { width: 50%; display: inline-block; } #FormAddNewCustomer .row .col-12 .btn { width: 45%; display: inline-block; } #ModalVirtualCatalogAddCustomer img { height: 150px; max-width: 200px; padding: 10px; } #vcatalog-products.products.div-content.vcatalog-products .content-table .buttons .dropdown.btn50 { width: 50% !important;} } .content .bag-list.show .content-table .table.custom.table-vcataloghistory thead th:nth-child(1){ width: 20px !important; } .content .bag-list.show .content-table .table.custom.table-vcataloghistory thead th:nth-child(2){ width: 30% !important; } .content .bag-list.show .content-table .table.custom.table-vcataloghistory thead th:nth-child(3){ width: 20% !important; } .content .bag-list.show .content-table .table.custom.table-vcataloghistory thead th:nth-child(4){ width: 20% !important; } .table.custom.returntable th { text-align: center; vertical-align: middle;} .table.custom.returntable td { text-align: center; vertical-align: middle;} .content .products.catalogo .products-list.catalogo { margin-top: 20px; justify-content: center;} .content .products.catalogo .products-list.catalogo .card { margin-bottom: 5px; margin-right: 10px; width: 250px;} .content .products.catalogo .products-list.catalogo .card ul { padding: 10px;} .content .products.catalogo .products-list.catalogo .card .btn.btn-success { width: 80%; align-self: center; margin-bottom: 10px; } .content .products.catalogo .products-list.catalogo .card .parcela { font-size: 18px; display: block; text-align: center;} .content .products.catalogo .products-list.catalogo .card .fullprice-parcela { font-size: 13px; display: block; text-align: center; } .content .products.catalogo .products-list.catalogo .card .fullprice { font-size: 18px; display: block; text-align: center; } .content .products.catalogo .products-list.catalogo .card .remove-icon {width: 30px; border-radius: 0px; padding: 5px; height: auto; cursor: pointer;} .content .products.catalogo .products-list.catalogo .card input[type="number"] {width: 50%; display: inline-block;} .wrapper.catalogo .sidebar { display: none; } .alert.alert-success.catalogo {display: inline-block; padding: 12px; line-height: 0px; margin: 0px 0px 0px 10px;} .catalog-title { margin-bottom: 10px; margin-left: 10px;} .form-control.form-varejo { width: calc(100% - 30px); display: inline-block;} .globalDelete.form-varejo { display: inline-block; vertical-align: middle; } .warning-box { margin: 0 auto; background: navajowhite; width: 100% !important; padding: 20px; border-radius: 20px; } .alert.block { display: block;} .table.acerto tbody tr td { align-content: center; } .table.acerto thead th:nth-child(1){ max-width: 300px; } .table.acerto thead th:nth-child(2){ width: 155px; } .table.acerto thead th:nth-child(3){ width: 155px; } .table.acerto thead th:nth-child(4){ width: 155px; } .table.acerto thead th:nth-child(5){ width: 155px; } .table.acerto thead th:nth-child(6){ width: 155px; } .buttons.stock .dropdown { margin-right: 5px;} .buttons.stock.atacado .total-amount { margin-left: 100px; background: lightgrey; border-radius: 10px; padding: 10px;} ; .buttons.stock.atacado { margin-bottom: 0px !important;} .content .bag-list.show.div-content .content-table .buttons.stock a { display: inline-block !important; } .content .bag-list.show.div-content .content-table .buttons.stock h3 { display: inline-block !important; padding: 0px;} .buttons.stock .dropdown { width: max-content !important; margin-right: 5px; display: inline-block; } .content .div-content .bag-list.show .content-table .buttons.stock .dropdown .globalButton { background: #2E333F;} .row.alert.alert-success.black { color: black; font-size: 14px;} @media only screen and (max-width:899px) { .wrapper.catalogo .sidebar { display: block; } .content .products.catalogo .products-list.catalogo .card { width: 45%;} .wrapper.catalogo .topbar .shopcartamount { position: fixed !important; margin-left: 10px; padding: 5px; top: 34px;} .wrapper.catalogo .topbar .company { max-width: 50%; } .btn.btn-lg-action { display: none !important;} .alert.alert-success.catalogo {margin: 0px 0px 10px 0px;} .col-2.catalogo { width: 82% !important; padding: 0px;} .col-5.relative.search-products.catalogo { width: 100% !important;} .col-5.relative.search-products.catalogo input[type=text] { width: 100% !important ;} .col-5.relative.search-products.catalogo .search-img { right: 5% !important ;} .buttons.stock.return { display: flex; flex-direction: row !important; flex-wrap: nowrap; align-content: stretch; align-items: baseline;} .buttons.stock { justify-content: space-around !important; margin-bottom: 5px !important;} .buttons.stock .globalButton.bg { width: 45% !important; } .buttons.stock .dropdown { width: 45% !important; margin-right: 5px; display: inline-block; } .buttons.stock .dropdown.margintop { margin-top: 10px; } .buttons.stock button.globalButton.bg { width: 100% !important;} .buttons.stock .dropdown:nth-child(4) { margin-left: 5px;} .buttons.stock .dropdown:nth-child(5) { margin-left: 5px;} .globalButton.bg.category { width: 50% !important;} .content .bag-list.show.div-content .content-table .buttons.stock a { vertical-align: text-bottom; margin-left: 5px;} .content .bag-list.show.div-content .content-table .buttons.stock a:first-child { vertical-align: middle; } .content .bag-list.show.div-content .content-table .buttons.stock .btn{ vertical-align: middle; } .content .products.div-content.vcatalog-products .content-table .buttons { margin-bottom: 0px;} .content .products.div-content.vcatalog-products .content-table .buttons.stock { justify-content: space-around !important; } .content .products.div-content.vcatalog-products .content-table .buttons.stock .globalButton.bg { width: 47% !important; height: 55px !important; } .content .products.div-content.vcatalog-products .content-table .buttons.stock .dropdown { width: 45% !important; margin-top: 10px; } .content .bag-list.show.div-content .content-table section .collection.collection-container li.item.item-container .attribute ul { padding: 0px !important;} .content .bag-list.show.div-content .content-table section .collection.collection-container li.item.item-container .attribute .attribute-details a.link { display: inline-block; margin-left: 5px;} .content .bag-list.div-content .content-table .table.custom tbody tr td span.alert { display: block; } .content .bag-list.show.div-content .content-table .buttons.stock h3 { width: calc(100% - 60px); text-align: center;} .content .div-content .bag-list.show .content-table .buttons.stock .globalButton { width: 45% !important; } .content .div-content .bag-list.show .content-table .buttons.stock .globalButton.big { width: 47% !important; } .content .div-content .bag-list.show .content-table .buttons.stock .dropdown .globalButton { width: 100% !important; background: #2E333F;} } .dropdown button.globalButton.dropdown-toggle { margin-bottom: 5px;} .dropdown button.globalButton.dropdown-toggle.dark { background: #2E333F !important; margin-bottom: 5px;} .all-goals { padding: 10px; border: 1px dashed black; margin-top: 10px; } .all-goals .row .col-3 label { text-align: center;} .progresssjnet { width: 100%; max-width: 300px; display: inline-block; background:linear-gradient(to right, red,orange,yellow,green) !important;} .progresssjnet .progress-bar{ background-color: transparent; color: black; height: 100%; font-weight: 900; text-align: right; font-size: xx-large;} .content .info-home .maleta-welcome { align-items: center;} .content .info-home .maleta-welcome .text { line-height: 20px; text-align: start; width: calc(100% - 120px); float: right; display: inline-block;} .content .info-home .maleta-welcome .points { width: 100px; text-align: center; display: block; font-weight: bold; } .content .info-home .alert.alert-success { display: inline-block; margin-top: 10px;} .content .info-home .alert.alert-warning { width: max-content; display: inline-block; margin-top: 10px;} .retailhistory { max-width: 600px; margin: 0 auto; } .retailhistory-image { width: 100% } @media only screen and (max-width:899px) { .wrapper.catalogo .topbar .shopcartamount { position: fixed !important; margin-left: 10px; padding: 5px; top: 34px;} .buttons.stock.atacado .total-amount { margin-left: 0px !important; width: 100%;} ; .content .div-content .bag-list.show .content-table .buttons.stock .globalButton { width: 45% !important; } .progresssjnet { max-width: 100%;} /* .retailhistory-image { width: 20% } */ .col-4.retailhistory { width: 20%; padding: 5px; margin: 5px;} .col-8.retailhistory { width: 70%; } } .row.div-filters { margin-top: 20px; margin-bottom: 20px; border: 1px dashed black; padding: 10px;} /* .img-magnifier-container { position: relative; } */ .img-magnifier-glass { position: absolute; border: 3px solid #000; border-radius: 50%; cursor: none; /*Set the size of the magnifier glass:*/ width: 100px; height: 100px; } .label-tag { border-radius: 5px; padding: 5px; max-width: fit-content;} .label-tag.open { background: #fc6e6e; } .label-tag.waiting_payment { background: lightseagreen; } .label-tag.andamento { background: lightcoral; } .label-tag.done { background: lightgreen; } .label-tag.paid { background: rgb(144, 216, 238); } .label-tag.expedicao { background: rgb(216, 144, 238); } .label-tag.checked { background: rgb(213, 239, 110); } .label-tag.route { background: rgb(144, 146, 144); } .label-tag.delivered { background: rgb(17, 100, 195); color: white;} .label-tag.canceled { background: #f7bdbd; } .label-tag.delivered a{ color: white; text-decoration: underline;} .tag-goal { width: fit-content; text-align: center; font-weight: bold; display: block; line-height: 20px; font-size: 12px; min-width: 50px; border-radius: 5px; padding-left: 5px; padding-right: 5px; margin-top: 5px;} .tag-goal.success { background: #6bf088; } .tag-goal.warning { background: #43a3f4; } .tag-goal.below { background: #ed8d8d; } .tag-goal.total { background: #949292; } .box-variation { padding: 10px; border: 2px dashed lightgrey; margin-top: 10px;} .varejo-details { padding-left: 5px;list-style: none;border: 1px dashed black; } .just-icon { width: 17px !important; height: 17px !important; border: none !important; padding: 0px !important; margin-left: 5px; margin-right: 0px !important; cursor: pointer;} .just-icon.green { filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%); } .just-icon.black { filter: brightness(0) saturate(100%); } .just-icon.white { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(100%) contrast(103%); } .just-icon.medium { width: 25px !important; height: 25px !important; } .just-icon.big { width: 50px !important; height: 50px !important; } .just-icon-medium { width: 25px !important; height: 25px !important; border: none !important; padding: 0px !important; margin-left: 5px; margin-right: 0px !important; cursor: pointer;} .just-icon-medium.selected { filter: invert(16%) sepia(81%) saturate(2464%) hue-rotate(353deg) brightness(118%) contrast(119%); } .just-icon.medium.moveright { float: right; background-color: #bdbdbd; padding: 5px !important; margin-left: 10px; border-radius: 5px;} .just-icon.medium.movetop { float: right; background-color: #bdbdbd; padding: 5px !important; margin-left: 10px; border-radius: 5px;} .just-icon.medium.movemiddle { float: right; background-color: #bdbdbd; padding: 5px !important; margin-left: 10px; border-radius: 5px;} .just-icon.medium.movecenter { float: right; background-color: #bdbdbd; padding: 5px !important; margin-left: 10px; border-radius: 5px;} .modalright { position: absolute !important; right: 10px;} .modaltop { align-items: flex-start !important;} .content .div-content .bag-list.show .content-table .table.custom.table-varejo tbody tr td:nth-child(1) { line-height: 20px;} .profile-photo { width: 100px; height: 100px; padding: 0px; margin-right: 10px; border-radius: 50%; cursor: pointer;} .profile-photo.small { width: 45px; height: 45px;} .whatsapppro .row .col-4 .header{ border: 1px solid black; padding: 10px; margin-bottom: 10px; border-radius: 10px;} .whatsapppro .row .col-4 ul{ list-style: none; padding: 0px;} .whatsapppro .row .col-4 ul li{ padding: 10px; border: 1px solid lightgrey; margin-bottom: 5px; cursor: pointer; border-radius: 5px;} .whatsapppro .row .col-4 ul li.active{ background: lightblue; } div.whatsapppro-messages-header { padding: 10px; margin: 0 auto; width: 90%; background-color: lightgray; border-radius: 10px;} .whatsapppro .row .col-4 .header form { margin-top: 5px;} .whatsapppro .row .col-4 .header .search-img { top: 40%; right: 69%; width: 20px; height: 20px; position: absolute;} .whatsapppro-small { display: none; } .whatsapppro-messages { padding: 10px; margin-top: 10px; margin-bottom: 10px; max-height: 50vh; overflow-y: scroll; word-wrap: break-word;} .whatsapppro-messages .entry { background: lightgray; border-radius: 10px; padding: 5px; width: 100%; margin-top: 5px; text-align: left;} .whatsapppro-messages .entry.internal { background: #b4cbff;} .whatsapppro-messages .entry.bot { background: #b4ffb8;} .wrapper .content.delivery-link { width: 90%; margin: 0 auto; position: relative; margin-top: 20px; } /* .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(1) { width: 5%; } .content .bag-list .table.custom.table-whatsapp thead th:nth-child(2) { width: 5%; } .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(2) { width: 5%; } .content .bag-list .table.custom.table-whatsapp thead th:nth-child(4) { text-align: left;} .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(4) { text-align: left;} .content .bag-list .table.custom.table-whatsapp thead th:nth-child(5) { width: 5%; text-align: right;} .content .bag-list .table.custom.table-whatsapp tbody td:nth-child(5) { width: 5%; text-align: right;} */ .table.custom.payment-progress thead th:nth-child(1) { width: 250px; } .table.custom.payment-progress thead th:nth-child(2) { width: 100px; } .table.custom.payment-progress thead th:nth-child(3) { width: 100px; } .table.custom.payment-progress thead th:nth-child(4) { width: 100px; } .table.custom.payment-progress thead th:nth-child(5) { width: 100px; } .table.custom.payment-progress tbody tr td span.alert { padding: 3px; line-height: 15px; display: inline-block;} .table.custom.pending-customers thead th:nth-child(1) { width: 150px; } .table.custom.pending-customers thead th:nth-child(2) { width: 150px; } .table.custom.pending-customers thead th:nth-child(3) { width: 100px; } .table.custom.pending-customers thead th:nth-child(4) { width: 100px; } .table.custom.pending-customers thead th:nth-child(5) { width: 100px; } .table.custom.pending-customers tbody tr td span.alert { padding: 3px; line-height: 15px; display: inline-block;} .table.custom.table-coupons { table-layout: fixed;} .table.custom.table-coupons thead th:nth-child(1) { width: 250px; } /* .table.custom.table-coupons thead th:nth-child(2) { width: 150px; } */ .table.custom.table-coupons thead th:nth-child(3) { width: 150px; } .table.custom.table-coupons thead th:nth-child(4) { width: 100px; } /* .table.custom.table-coupons thead th:nth-child(5) { width: 300px; } */ .table.custom.table-kits { table-layout: fixed;} .table.custom.table-kits thead th:nth-child(1) { width: 150px; } .table.custom.table-kits thead th:nth-child(2) { width: 150px; } .table.custom.table-kits thead th:nth-child(3) { width: 150px; } .table.custom.table-kits thead th:nth-child(4) { width: 100px; } .table.custom.table-kits thead th:nth-child(5) { width: 100px; } .table.custom.table-valepresentes { table-layout: fixed;} .table.custom.table-valepresentes thead th:nth-child(1) { width: 150px; } .table.custom.table-valepresentes thead th:nth-child(2) { width: 150px; } .table.custom.table-valepresentes thead th:nth-child(3) { width: 250px; } .table.custom.table-valepresentes thead th:nth-child(4) { width: 200px; } .table.custom.table-categories { table-layout: fixed;} .table.custom.table-categories thead th:nth-child(1) { width: 100px; } .table.custom.table-categories thead th:nth-child(2) { width: 150px; } .table.custom.table-categories thead th:nth-child(3) { width: 50px; } .table.custom.table-categories thead th:nth-child(4) { width: 150px; } .table.custom.table-categories thead th:nth-child(5) { width: 100px; } .table.custom.table-categories thead th:nth-child(6) { width: 100px; } .table.custom.table-categories thead th:nth-child(7) { width: 100px; } .table.custom.podium thead th:nth-child(1) { width: 50px; } .table.custom.podium thead th:nth-child(2) { width: 300px; } .table.custom.podium thead th:nth-child(3) { width: 100px; } .table.custom.podium thead th:nth-child(4) { width: 100px; } .table.custom.levelhistory thead th:nth-child(1) { width: 200px; } .table.custom.levelhistory thead th:nth-child(2) { width: 200px; } .table.custom.levelhistory thead th:nth-child(3) { width: 200px; } .table.custom.levelhistory tbody td { vertical-align: middle;} .table.custom.awards thead th:nth-child(1) { width: 300px; } .table.custom.awards thead th:nth-child(2) { width: 50px; } .table.custom.awards thead th:nth-child(3) { width: 100px; } .table.custom.awards thead th:nth-child(4) { width: 100px; } .table.maleta-report thead th:nth-child(1) { width: 100px; } .table.maleta-report thead th:nth-child(1) { width: 100px; } .table.maleta-report thead th:nth-child(1) { width: 100px; } .table.maleta-report thead th:nth-child(1) { width: 100px; } .table.custom.levelsrev thead th:nth-child(1) { width: 300px; } .table.custom.levelsrev thead th:nth-child(2) { width: 150px; } .table.custom.levels thead th:nth-child(1) { width: 60px; } .table.custom.levels thead th:nth-child(2) { width: 350px; } .table.custom.levels thead th:nth-child(3) { width: 150px; } .table.custom.levels thead th:nth-child(4) { width: 150px; } .table.custom.levels thead th:nth-child(5) { width: 150px; } .table.custom.levels tbody .mylevel { background-color: yellowgreen !important; --bs-table-bg: yellowgreen; } /* .table.custom.levels tbody tr td .btn.btn-outline-dark { float: right; } */ /* .table.custom.levels tbody tr td b { float: left; } */ /* .table.custom.table-kits { } */ @media only screen and (max-width:1024px) { .content-table.whatsapppro { display: none;} .whatsapppro-small { display: block; } .just-icon.medium.moveright { display: none;} .just-icon.medium.movecenter { display: none;} .just-icon.medium.movetop { display: none;} .just-icon.medium.modemiddle { display: none;} } .span-explain { margin-top: 10px;} .alert.alert-success.mypoints { width: 100%; max-width: 300px; text-align: center; margin-bottom: 0px;} .alert.alert-success.mypoints .link{ font-size: 12px; } .levelname { display: block; width: fit-content; background: #2E333F; padding: 5px; border-radius: 10px; color: white; margin-top: 5px;} .attribute .attribute-details{ align-content: center;} .attribute.dropdown-open { display: contents !important; } /* .attribute.dropdown-open .attribute-details.dropdown-open .dropdown .dropdown-menu.dropdown-open { display: block; inset: 0px 0px auto auto; transform: translate3d(1.5px, 39px, 0px); margin: 0px;} */ .just-photo { width: 100px !important; border: none !important; padding: 0px !important; margin-left: 5px; margin-right: 0px !important; cursor: pointer;} /* .table.custom.queue thead th:nth-child(0) { width: 50px; } */ .table.custom.queue thead th:nth-child(1) { width: 50px; } .table.custom.queue thead th:nth-child(2) { width: 150px; } .table.custom.queue thead th:nth-child(3) { width: 450px; } .table.custom.queue thead th:nth-child(4) { width: 100px; } .table.custom.queue thead th:nth-child(5) { width: 100px; } .content .content-table .checkinbar { position: fixed;} .content .products.div-content.maleta-produtos .content-table .products-list.checkin { margin-top: 70px;} .content .bag-list.show .content-table .buttons .btn.btn-secondary.config { float: right;} .diamond-photos { display: block; width: 50%; font-weight: bold; margin-top: 10%; float: right; text-align: center;} .row.photos { justify-content: center; } .row.photos .card.photo:not(:first-child) { margin-left: 10px;} @media only screen and (max-width:899px) { .tag-goal { display: inline-block; } .content .products.div-content.maleta-produtos .content-table .products-list { margin-top: 120px;} .table.custom.pending-customers { overflow-x: scroll; table-layout: fixed; } .table.custom.payment-progress { overflow-x: scroll; table-layout: fixed; } .table.custom.levels tbody tr td b { font-size: 15px; } .span-explain { margin-top: 10px; font-size: 11px;} .span-explain span{ padding: 3px;} .table.custom.fixed { table-layout: fixed; overflow-x: scroll; } .table.custom.fixed.allnfs thead th:nth-child(1) { width: 100px; } .table.custom.fixed.allnfs thead th:nth-child(2) { width: 100px; } .table.custom.fixed.allnfs thead th:nth-child(3) { width: 100px; } .table.custom.fixed.allnfs thead th:nth-child(4) { width: 100px; } .table.custom.fixed.allnfs thead th:nth-child(5) { width: 100px; } .btn.btn-success.award { font-size: 12px; } .alert.alert-warning.award { font-size: 12px; } .alert.alert-success.mypoints { width: 100%; } .row.photos.maletas .card.photo { width: 100% !important; font-size: 12px; text-align-last: center; text-align: center; margin-top: 10px;} .row.photos .card.photo { width: 30% !important; font-size: 12px; text-align-last: center; text-align: center;} .row.photos .card.photo .product-photo {height: 100px;} .row.photos .card.photo input.btn { font-size: 8px; } .row.photos .card.photo small { font-size: 8px; } .diamond-photos { width: 100%;} .content .bag-list.show .content-table .buttons .btn.btn-secondary.config { float: left;} }