[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); } } :root{ scrollbar-color: #606060 !important; scrollbar-width: thin !important; } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } /* Hide scrollbar For Chrome, Safari And Opera */ /*.drawer-side::-webkit-scrollbar { */ /* display: none; */ /*} */ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-2xl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; display: flex; flex-wrap: wrap; margin-bottom: .75rem; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0%; padding-top: .75rem; padding-bottom: .75rem } .paginationjs .paginationjs-pages li { border: 1px solid #aaa !important; } .screen { overflow-y: auto !important; text-align: initial !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); } } :root{ scrollbar-color: #606060 !important; scrollbar-width: thin !important; } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } /* Hide scrollbar For Chrome, Safari And Opera */ /*.drawer-side::-webkit-scrollbar { */ /* display: none; */ /*} */ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-2xl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; display: flex; flex-wrap: wrap; margin-bottom: .75rem; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0%; padding-top: .75rem; padding-bottom: .75rem } .paginationjs .paginationjs-pages li { border: 1px solid #aaa !important; } .overlay { border: 1px solid #b71c1c; background: #d50000; padding: 5px; font-size: 17px; color: white; } .kanban-container { position: relative; width: auto; overflow: scroll } .kanban-container, .kanban-container * { box-sizing: border-box } .kanban-container:after { clear: both; display: block; content: "" } .kanban-board { position: relative; float: left; background: #e9ecef; transition: all .3s cubic-bezier(.23, 1, .32, 1); border-radius: .5rem } .kanban-board.disabled-board { opacity: .3 } .kanban-board.is-moving.gu-mirror { transform: rotate(3deg) } .kanban-board.is-moving.gu-mirror .kanban-drag { overflow: hidden; padding-right: 50px } .kanban-board header { font-size: 16px; padding: 20px } .kanban-board header .kanban-title-board { font-weight: 600; margin: 0; padding: 0; display: inline; color: #344767 } .kanban-board header .kanban-title-button { float: right } .kanban-board .kanban-drag { min-height: 200px; padding: 20px } .kanban-board:after { clear: both; display: block; content: "" } .kanban-item { background: #fff; padding: 15px; margin-bottom: 20px; transition: all .3s cubic-bezier(.23, 1, .32, 1) } .kanban-item img.w-100 { border-radius: .5rem } .kanban-item:hover { cursor: move } .kanban-item:last-child { margin: 0 } .kanban-item.is-moving.gu-mirror { transform: rotate(3deg); height: auto !important } .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important } .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 { box-shadow: inset 0 0 2px #fefefed1; -webkit-backdrop-filter: saturate(200%) blur(30px); backdrop-filter: saturate(200%) blur(30px); background-color: hsla(0, 0%, 100%, .8) !important; box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !important } .drag_handler { background: #fff; border-radius: 50%; width: 24px; height: 24px; position: relative; float: left; top: -3px; margin-right: 4px } .drag_handler:hover { cursor: move } .drag_handler_icon { position: relative; display: block; background: #000; width: 24px; height: 2px; top: 12px; transition: .5s ease-in-out } .drag_handler_icon:after, .drag_handler_icon:before { background: #000; content: ""; display: block; width: 100%; height: 100%; position: absolute; transition: .5s ease-in-out } .drag_handler_icon:before { top: 6px } .drag_handler_icon:after { bottom: 6px } .screen { overflow-y: auto !important; text-align: initial !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); } } :root{ scrollbar-color: #606060 !important; scrollbar-width: thin !important; } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } /* Hide scrollbar For Chrome, Safari And Opera */ /*.drawer-side::-webkit-scrollbar { */ /* display: none; */ /*} */ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-2xl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; display: flex; flex-wrap: wrap; margin-bottom: .75rem; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0%; padding-top: .75rem; padding-bottom: .75rem } .paginationjs .paginationjs-pages li { border: 1px solid #aaa !important; } .overlay { border: 1px solid #b71c1c; background: #d50000; padding: 5px; font-size: 17px; color: white; } .kanban-container { position: relative; width: auto; overflow: scroll } .kanban-container, .kanban-container * { box-sizing: border-box } .kanban-container:after { clear: both; display: block; content: "" } .kanban-board { position: relative; float: left; background: #e9ecef; transition: all .3s cubic-bezier(.23, 1, .32, 1); border-radius: .5rem } .kanban-board.disabled-board { opacity: .3 } .kanban-board.is-moving.gu-mirror { transform: rotate(3deg) } .kanban-board.is-moving.gu-mirror .kanban-drag { overflow: hidden; padding-right: 50px } .kanban-board header { font-size: 16px; padding: 20px } .kanban-board header .kanban-title-board { font-weight: 600; margin: 0; padding: 0; display: inline; color: #344767 } .kanban-board header .kanban-title-button { float: right } .kanban-board .kanban-drag { min-height: 200px; padding: 20px } .kanban-board:after { clear: both; display: block; content: "" } .kanban-item { background: #fff; padding: 15px; margin-bottom: 20px; transition: all .3s cubic-bezier(.23, 1, .32, 1) } .kanban-item img.w-100 { border-radius: .5rem } .kanban-item:hover { cursor: move } .kanban-item:last-child { margin: 0 } .kanban-item.is-moving.gu-mirror { transform: rotate(3deg); height: auto !important } .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important } .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 { box-shadow: inset 0 0 2px #fefefed1; -webkit-backdrop-filter: saturate(200%) blur(30px); backdrop-filter: saturate(200%) blur(30px); background-color: hsla(0, 0%, 100%, .8) !important; box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !important } .drag_handler { background: #fff; border-radius: 50%; width: 24px; height: 24px; position: relative; float: left; top: -3px; margin-right: 4px } .drag_handler:hover { cursor: move } .drag_handler_icon { position: relative; display: block; background: #000; width: 24px; height: 2px; top: 12px; transition: .5s ease-in-out } .drag_handler_icon:after, .drag_handler_icon:before { background: #000; content: ""; display: block; width: 100%; height: 100%; position: absolute; transition: .5s ease-in-out } .drag_handler_icon:before { top: 6px } .drag_handler_icon:after { bottom: 6px }