ul.drag-inner-list { padding-left: 0px !important; } ul.drag-list { padding-left: 0px !important; } ul.drag-list, ul.drag-inner-list { list-style-type: none; margin: 0; padding: 0; height:100% !important; } .drag-container { max-width: 100% !important; } .drag-list { display: flex; align-items: flex-start; } @media (max-width: 690px) { .drag-list { display: block; } } .drag-column { flex: 1; margin: 0 10px; position: relative; overflow: hidden; height:100% !important; } @media (max-width: 690px) { .drag-column { margin-bottom: 30px; } } .drag-column h2 { font-size: 0.8rem; margin: 0; text-transform: uppercase; font-weight: 600; } .drag-column-header { display: flex; align-items: center; justify-content: space-between; padding: 10px; } .drag-inner-list { min-height: 50px; color: white; } .drag-item { margin: 8px !important; border-radius: 5px !important transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .drag-item.is-moving { transform: scale(1.0); } .drag-header-more { cursor: pointer; } .drag-options { position: absolute; top: 44px; left: 0; width: 100%; height: 100%; padding: 10px; transform: translateX(100%); opacity: 0; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .drag-options.active { transform: translateX(0); opacity: 1; } .drag-options-label { display: block; margin: 0 0 5px 0; } .drag-options-label input { opacity: 0.6; } .drag-options-label span { display: inline-block; font-size: 0.9rem; font-weight: 400; margin-left: 5px; } /* Dragula CSS */ .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; list-style-type: none; } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.2; } .drag-column .drag-column-header > div { width: 100%; } .drag-column .drag-column-header > div h2 > a { float: right; } .drag-column .drag-column-footer > div { margin-left: 10px; } .drag-column .drag-column-footer > div a { text-decoration: none; color: white; } .drag-column .drag-column-footer > div a:hover { text-decoration: underline; } .section { padding: 20px; text-align: center; } .section a { color: white; text-decoration: none; font-weight: 300; } .section h4 { font-weight: 400; } .section h4 a { font-weight: 600; } html { overflow-y: auto !important} .v-application--wrap { min-height: 100% !important; } .diamond { transform: rotate(45deg); border-radius: 4rem; padding: 0 } .diamond.round { transform: rotate(45deg) } .diamond, .square { min-width: 40px !important; min-height: 40px !important; max-width: 40px !important; max-height: 40px !important; height: 40px !important; } .diamond.v-btn__content.v-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); margin: 0; padding: 0 } .top-round { border-radius: 24rem 24rem 4rem 4rem !important } .bottom-round { border-radius: 4rem 4rem 24rem 24rem !important } .left-round { border-radius: 24rem 4rem 4rem 24rem !important } .right-round { border-radius: 4rem 24rem 24rem 4rem !important } .top-round.left-round { border-radius: 24rem 24rem 4rem 24rem !important } .top-round.right-round { border-radius: 24rem 24rem 24rem 4rem !important } .bottom-round.left-round { border-radius: 24rem 4rem 24rem 24rem !important } .bottom-round.right-round { border-radius: 4rem 24rem 24rem 24rem !important } .v-btn.withoutuppercase { text-decoration: none; } .v-card--reveal--product { align-items: center; bottom: 0; justify-content: center; opacity: 0.5; position: absolute; width: 100%; } .v-card-borderme { border: 2px solid #704232 !important; } .v-card-borderout { border: 1px solid #BCAAA4 !important; } .swal2-popup { font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } [v-cloak] { display:none; } .pulse { box-shadow: 0 0 0 rgba(88, 120, 243, 0.4); animation: pulse 1s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); } 100% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0); } } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } .bankgradient { background: rgb(63, 94, 251); background: radial-gradient( circle, rgba(63, 94, 251, 1) 0%, rgba(52, 36, 69, 1) 100% ); } .flip { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; } .flip:hover { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .sc-launcher { z-index:999999 !important; } .sc-chat-window { z-index:999999 !important; } .screen { overflow-y: auto !important; text-align: initial !important; } .swal2-popup { font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } [v-cloak] { display:none; } .pulse { box-shadow: 0 0 0 rgba(88, 120, 243, 0.4); animation: pulse 1s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); } 100% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0); } } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } .bankgradient { background: rgb(63, 94, 251); background: radial-gradient( circle, rgba(63, 94, 251, 1) 0%, rgba(52, 36, 69, 1) 100% ); } .flip { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; } .flip:hover { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .sc-launcher { z-index:999999 !important; } .sc-chat-window { z-index:999999 !important; } .screen { overflow-y: auto !important; text-align: initial !important; } ul.drag-inner-list { padding-left: 0px !important; } ul.drag-list { padding-left: 0px !important; } ul.drag-list, ul.drag-inner-list { list-style-type: none; margin: 0; padding: 0; height:100% !important; } .drag-container { max-width: 100% !important; } .drag-list { display: flex; align-items: flex-start; } @media (max-width: 690px) { .drag-list { display: block; } } .drag-column { flex: 1; margin: 0 10px; position: relative; overflow: hidden; height:100% !important; } @media (max-width: 690px) { .drag-column { margin-bottom: 30px; } } .drag-column h2 { font-size: 0.8rem; margin: 0; text-transform: uppercase; font-weight: 600; } .drag-column-header { display: flex; align-items: center; justify-content: space-between; padding: 10px; } .drag-inner-list { min-height: 50px; color: white; } .drag-item { margin: 8px !important; border-radius: 5px !important transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .drag-item.is-moving { transform: scale(1.0); } .drag-header-more { cursor: pointer; } .drag-options { position: absolute; top: 44px; left: 0; width: 100%; height: 100%; padding: 10px; transform: translateX(100%); opacity: 0; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .drag-options.active { transform: translateX(0); opacity: 1; } .drag-options-label { display: block; margin: 0 0 5px 0; } .drag-options-label input { opacity: 0.6; } .drag-options-label span { display: inline-block; font-size: 0.9rem; font-weight: 400; margin-left: 5px; } /* Dragula CSS */ .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; list-style-type: none; } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.2; } .drag-column .drag-column-header > div { width: 100%; } .drag-column .drag-column-header > div h2 > a { float: right; } .drag-column .drag-column-footer > div { margin-left: 10px; } .drag-column .drag-column-footer > div a { text-decoration: none; color: white; } .drag-column .drag-column-footer > div a:hover { text-decoration: underline; } .section { padding: 20px; text-align: center; } .section a { color: white; text-decoration: none; font-weight: 300; } .section h4 { font-weight: 400; } .section h4 a { font-weight: 600; } html { overflow-y: auto !important} .v-application--wrap { min-height: 100% !important; } .diamond { transform: rotate(45deg); border-radius: 4rem; padding: 0 } .diamond.round { transform: rotate(45deg) } .diamond, .square { min-width: 40px !important; min-height: 40px !important; max-width: 40px !important; max-height: 40px !important; height: 40px !important; } .diamond.v-btn__content.v-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); margin: 0; padding: 0 } .top-round { border-radius: 24rem 24rem 4rem 4rem !important } .bottom-round { border-radius: 4rem 4rem 24rem 24rem !important } .left-round { border-radius: 24rem 4rem 4rem 24rem !important } .right-round { border-radius: 4rem 24rem 24rem 4rem !important } .top-round.left-round { border-radius: 24rem 24rem 4rem 24rem !important } .top-round.right-round { border-radius: 24rem 24rem 24rem 4rem !important } .bottom-round.left-round { border-radius: 24rem 4rem 24rem 24rem !important } .bottom-round.right-round { border-radius: 4rem 24rem 24rem 24rem !important } .v-btn.withoutuppercase { text-decoration: none; } .v-card--reveal--product { align-items: center; bottom: 0; justify-content: center; opacity: 0.5; position: absolute; width: 100%; } .v-card-borderme { border: 2px solid #704232 !important; } .v-card-borderout { border: 1px solid #BCAAA4 !important; } .style-1 { background-color: rgb(215,215,44) } .style-2 { background-color: rgb(114,114,67) } .swal2-popup { font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } [v-cloak] { display:none; } .pulse { box-shadow: 0 0 0 rgba(88, 120, 243, 0.4); animation: pulse 1s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); } 100% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0); } } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } .bankgradient { background: rgb(63, 94, 251); background: radial-gradient( circle, rgba(63, 94, 251, 1) 0%, rgba(52, 36, 69, 1) 100% ); } .flip { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; } .flip:hover { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .sc-launcher { z-index:999999 !important; } .sc-chat-window { z-index:999999 !important; } .screen { overflow-y: auto !important; text-align: initial !important; } ul.drag-inner-list { padding-left: 0px !important; } ul.drag-list { padding-left: 0px !important; } ul.drag-list, ul.drag-inner-list { list-style-type: none; margin: 0; padding: 0; height:100% !important; } .drag-container { max-width: 100% !important; } .drag-list { display: flex; align-items: flex-start; } @media (max-width: 690px) { .drag-list { display: block; } } .drag-column { flex: 1; margin: 0 10px; position: relative; overflow: hidden; height:100% !important; } @media (max-width: 690px) { .drag-column { margin-bottom: 30px; } } .drag-column h2 { font-size: 0.8rem; margin: 0; text-transform: uppercase; font-weight: 600; } .drag-column-header { display: flex; align-items: center; justify-content: space-between; padding: 10px; } .drag-inner-list { min-height: 50px; color: white; } .drag-item { margin: 8px !important; border-radius: 5px !important transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .drag-item.is-moving { transform: scale(1.0); } .drag-header-more { cursor: pointer; } .drag-options { position: absolute; top: 44px; left: 0; width: 100%; height: 100%; padding: 10px; transform: translateX(100%); opacity: 0; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .drag-options.active { transform: translateX(0); opacity: 1; } .drag-options-label { display: block; margin: 0 0 5px 0; } .drag-options-label input { opacity: 0.6; } .drag-options-label span { display: inline-block; font-size: 0.9rem; font-weight: 400; margin-left: 5px; } /* Dragula CSS */ .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; list-style-type: none; } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.2; } .drag-column .drag-column-header > div { width: 100%; } .drag-column .drag-column-header > div h2 > a { float: right; } .drag-column .drag-column-footer > div { margin-left: 10px; } .drag-column .drag-column-footer > div a { text-decoration: none; color: white; } .drag-column .drag-column-footer > div a:hover { text-decoration: underline; } .section { padding: 20px; text-align: center; } .section a { color: white; text-decoration: none; font-weight: 300; } .section h4 { font-weight: 400; } .section h4 a { font-weight: 600; } html { overflow-y: auto !important} .v-application--wrap { min-height: 100% !important; } .diamond { transform: rotate(45deg); border-radius: 4rem; padding: 0 } .diamond.round { transform: rotate(45deg) } .diamond, .square { min-width: 40px !important; min-height: 40px !important; max-width: 40px !important; max-height: 40px !important; height: 40px !important; } .diamond.v-btn__content.v-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); margin: 0; padding: 0 } .top-round { border-radius: 24rem 24rem 4rem 4rem !important } .bottom-round { border-radius: 4rem 4rem 24rem 24rem !important } .left-round { border-radius: 24rem 4rem 4rem 24rem !important } .right-round { border-radius: 4rem 24rem 24rem 4rem !important } .top-round.left-round { border-radius: 24rem 24rem 4rem 24rem !important } .top-round.right-round { border-radius: 24rem 24rem 24rem 4rem !important } .bottom-round.left-round { border-radius: 24rem 4rem 24rem 24rem !important } .bottom-round.right-round { border-radius: 4rem 24rem 24rem 24rem !important } .v-btn.withoutuppercase { text-decoration: none; } .v-card--reveal--product { align-items: center; bottom: 0; justify-content: center; opacity: 0.5; position: absolute; width: 100%; } .v-card-borderme { border: 2px solid #704232 !important; } .v-card-borderout { border: 1px solid #BCAAA4 !important; } .style-1 { background-color: rgb(215,215,44) } .style-2 { background-color: rgb(114,114,67) }