:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable tfoot:empty{display:none}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll{width:100%}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>th.dt-ordering-asc,table.dataTable thead>tr>th.dt-ordering-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc,table.dataTable thead>tr>td.dt-ordering-asc,table.dataTable thead>tr>td.dt-ordering-desc{position:relative;padding-right:30px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:absolute;right:12px;top:0;bottom:0;width:12px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}:root{--dt-row-hover-alpha: 0.035;--dt-row-stripe-alpha: 0.023;--dt-column-ordering-alpha: 0.019;--dt-row-selected-stripe-alpha: 0.923;--dt-row-selected-column-ordering-alpha: 0.919}table.dataTable{width:100%;margin:0 auto;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable>thead>tr>th,table.dataTable>thead>tr>td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>tfoot>tr>th,table.dataTable>tfoot>tr>td{border-top:1px solid rgba(0, 0, 0, 0.3);padding:10px 10px 6px 10px}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr:first-child>*{border-top:none}table.dataTable>tbody>tr:last-child>*{border-bottom:none}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable>tbody>tr>th,table.dataTable>tbody>tr>td{padding:8px 10px}table.dataTable.row-border>tbody>tr>*,table.dataTable.display>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border>tbody>tr:first-child>*,table.dataTable.display>tbody>tr:first-child>*{border-top:none}table.dataTable.row-border>tbody>tr.selected+tr.selected>td,table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}table.dataTable.cell-border>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr>*:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr:first-child>*{border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.stripe>tbody>tr:nth-child(odd)>*,table.dataTable.display>tbody>tr:nth-child(odd)>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha))}table.dataTable.stripe>tbody>tr:nth-child(odd).selected>*,table.dataTable.display>tbody>tr:nth-child(odd).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha))}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha))}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha))}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha)))}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}div.dt-container div.dt-layout-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:.75em 0}div.dt-container div.dt-layout-row div.dt-layout-cell{display:flex;justify-content:space-between;align-items:center}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start{justify-content:flex-start;margin-right:auto}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{justify-content:flex-end;margin-left:auto}div.dt-container div.dt-layout-row div.dt-layout-cell:empty{display:none}@media screen and (max-width: 767px){div.dt-container div.dt-layout-row:not(.dt-layout-table){display:block}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell{display:block;text-align:center}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>*{margin:.5em 0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start{margin-right:0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end{margin-left:0}}div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block !important}@media screen and (max-width: 767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}div.dt-container{position:relative;clear:both}div.dt-container .dt-search input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit;margin-left:3px}div.dt-container .dt-input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit}div.dt-container select.dt-input{padding:4px}div.dt-container .dt-paging .dt-paging-button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}div.dt-container .dt-paging .dt-paging-button.current,div.dt-container .dt-paging .dt-paging-button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.05);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05)));background:-webkit-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-moz-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-ms-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-o-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}div.dt-container .dt-paging .dt-paging-button.disabled,div.dt-container .dt-paging .dt-paging-button.disabled:hover,div.dt-container .dt-paging .dt-paging-button.disabled:active{cursor:default;color:rgba(0, 0, 0, 0.5) !important;border:1px solid transparent;background:transparent;box-shadow:none}div.dt-container .dt-paging .dt-paging-button:hover{color:white !important;border:1px solid #111;background-color:#111;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}div.dt-container .dt-paging .dt-paging-button:active{outline:none;background-color:#0c0c0c;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}div.dt-container .dt-paging .ellipsis{padding:0 1em}div.dt-container .dt-length,div.dt-container .dt-search,div.dt-container .dt-info,div.dt-container .dt-processing,div.dt-container .dt-paging{color:inherit}div.dt-container .dataTables_scroll{clear:both}div.dt-container .dataTables_scroll div.dt-scroll-body{-webkit-overflow-scrolling:touch}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td{vertical-align:middle}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}div.dt-container.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>*{border-bottom:none}html.dark{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}html.dark table.dataTable>thead>tr>th,html.dark table.dataTable>thead>tr>td{border-bottom:1px solid rgb(89, 91, 94)}html.dark table.dataTable>thead>tr>th:active,html.dark table.dataTable>thead>tr>td:active{outline:none}html.dark table.dataTable>tfoot>tr>th,html.dark table.dataTable>tfoot>tr>td{border-top:1px solid rgb(89, 91, 94)}html.dark table.dataTable.row-border>tbody>tr>*,html.dark table.dataTable.display>tbody>tr>*{border-top:1px solid rgb(64, 67, 70)}html.dark table.dataTable.row-border>tbody>tr:first-child>*,html.dark table.dataTable.display>tbody>tr:first-child>*{border-top:none}html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}html.dark table.dataTable.cell-border>tbody>tr>th,html.dark table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgb(64, 67, 70);border-right:1px solid rgb(64, 67, 70)}html.dark table.dataTable.cell-border>tbody>tr>th:first-child,html.dark table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgb(64, 67, 70)}html.dark .dt-container.dt-empty-footer table.dataTable{border-bottom:1px solid rgb(89, 91, 94)}html.dark .dt-container .dt-search input,html.dark .dt-container .dt-length select{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--dt-html-background)}html.dark .dt-container .dt-paging .dt-paging-button.current,html.dark .dt-container .dt-paging .dt-paging-button.current:hover{border:1px solid rgb(89, 91, 94);background:rgba(255, 255, 255, 0.15)}html.dark .dt-container .dt-paging .dt-paging-button.disabled,html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,html.dark .dt-container .dt-paging .dt-paging-button.disabled:active{color:#666 !important}html.dark .dt-container .dt-paging .dt-paging-button:hover{border:1px solid rgb(53, 53, 53);background:rgb(53, 53, 53)}html.dark .dt-container .dt-paging .dt-paging-button:active{background:#3a3a3a}*[dir=rtl] table.dataTable thead th,*[dir=rtl] table.dataTable thead td,*[dir=rtl] table.dataTable tfoot th,*[dir=rtl] table.dataTable tfoot td{text-align:right}*[dir=rtl] table.dataTable th.dt-type-numeric,*[dir=rtl] table.dataTable th.dt-type-date,*[dir=rtl] table.dataTable td.dt-type-numeric,*[dir=rtl] table.dataTable td.dt-type-date{text-align:left}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start{text-align:right}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end{text-align:left}*[dir=rtl] div.dt-container div.dt-search input{margin:0 3px 0 0} /*! * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/) * Author: boniface pereira * Website: www.craftpip.com * Contact: hey@craftpip.com * * Copyright 2013-2019 jquery-confirm * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) */ @-webkit-keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body[class*=jconfirm-no-scroll-] { overflow: hidden !important; } .jconfirm { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; } .jconfirm .jconfirm-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } .jconfirm .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; } .jconfirm .jconfirm-scrollpane { -webkit-perspective: 500px; perspective: 500px; -webkit-perspective-origin: center; perspective-origin: center; display: table; width: 100%; height: 100%; } .jconfirm .jconfirm-row { display: table-row; width: 100%; } .jconfirm .jconfirm-cell { display: table-cell; vertical-align: middle; } .jconfirm .jconfirm-holder { max-height: 100%; padding: 50px 0; } .jconfirm .jconfirm-box-container { -webkit-transition: -webkit-transform; transition: -webkit-transform; transition: transform; transition: transform, -webkit-transform; } .jconfirm .jconfirm-box-container.jconfirm-no-transition { -webkit-transition: none !important; transition: none !important; } .jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: none; padding: 15px 15px 0; overflow: hidden; margin-left: auto; margin-right: auto; } @-webkit-keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @-webkit-keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @-webkit-keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @-webkit-keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @-webkit-keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @-webkit-keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } @keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } .jconfirm .jconfirm-box.jconfirm-type-animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .jconfirm .jconfirm-box.jconfirm-type-blue { border-top: solid 7px #3498db; -webkit-animation-name: type-blue; animation-name: type-blue; } .jconfirm .jconfirm-box.jconfirm-type-green { border-top: solid 7px #2ecc71; -webkit-animation-name: type-green; animation-name: type-green; } .jconfirm .jconfirm-box.jconfirm-type-red { border-top: solid 7px #e74c3c; -webkit-animation-name: type-red; animation-name: type-red; } .jconfirm .jconfirm-box.jconfirm-type-orange { border-top: solid 7px #f1c40f; -webkit-animation-name: type-orange; animation-name: type-orange; } .jconfirm .jconfirm-box.jconfirm-type-purple { border-top: solid 7px #9b59b6; -webkit-animation-name: type-purple; animation-name: type-purple; } .jconfirm .jconfirm-box.jconfirm-type-dark { border-top: solid 7px #34495e; -webkit-animation-name: type-dark; animation-name: type-dark; } .jconfirm .jconfirm-box.loading { height: 120px; } .jconfirm .jconfirm-box.loading:before { content: ''; position: absolute; left: 0; background: white; right: 0; top: 0; bottom: 0; border-radius: 10px; z-index: 1; } .jconfirm .jconfirm-box.loading:after { opacity: 0.6; content: ''; height: 30px; width: 30px; border: solid 3px transparent; position: absolute; left: 50%; margin-left: -15px; border-radius: 50%; -webkit-animation: jconfirm-spin 1s infinite linear; animation: jconfirm-spin 1s infinite linear; border-bottom-color: dodgerblue; top: 50%; margin-top: -15px; z-index: 2; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: .6; text-align: center; font-size: 27px !important; line-height: 14px !important; display: none; z-index: 1; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover { opacity: 1; } .jconfirm .jconfirm-box div.jconfirm-title-c { display: block; font-size: 22px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding-bottom: 15px; } .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand { cursor: move; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { margin-bottom: 15px; height: auto; -webkit-transition: height 0.4s ease-in; transition: height 0.4s ease-in; display: inline-block; width: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll { overflow-y: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar { width: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img { max-width: 100%; height: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty { display: none; } .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { color: #e74c3c !important; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { color: #3498db !important; } .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { color: #2ecc71 !important; } .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { color: #9b59b6 !important; } .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { color: #f1c40f !important; } .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c { color: #34495e !important; } .jconfirm .jconfirm-clear { clear: both; } .jconfirm.jconfirm-rtl { direction: rtl; } .jconfirm.jconfirm-rtl div.jconfirm-closeIcon { left: 5px; right: auto; } .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg { background-color: #444; opacity: .2; } .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); border-radius: 5px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #333; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #ddd; } .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg { background-color: darkslategray; opacity: .4; } .jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background: #444; border-radius: 5px; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow { -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @-webkit-keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0px red; box-shadow: 0 0 0px red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } @keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0px red; box-shadow: 0 0 0px red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } /*Transition rules*/ .jconfirm { -webkit-perspective: 400px; perspective: 400px; } .jconfirm .jconfirm-box { opacity: 1; -webkit-transition-property: all; transition-property: all; } .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0; } .jconfirm .jconfirm-box.jconfirm-animation-rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .jconfirm .jconfirm-box.jconfirm-animation-rotatex { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatexr { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatey { -webkit-transform: rotatey(90deg); transform: rotatey(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotateyr { -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scaley { -webkit-transform: scaley(1.5); transform: scaley(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scalex { -webkit-transform: scalex(1.5); transform: scalex(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-top { -webkit-transform: translate(0px, -100px); transform: translate(0px, -100px); } .jconfirm .jconfirm-box.jconfirm-animation-left { -webkit-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-right { -webkit-transform: translate(100px, 0px); transform: translate(100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-bottom { -webkit-transform: translate(0px, 100px); transform: translate(0px, 100px); } .jconfirm .jconfirm-box.jconfirm-animation-zoom { -webkit-transform: scale(1.2); transform: scale(1.2); } .jconfirm .jconfirm-box.jconfirm-animation-scale { -webkit-transform: scale(0.5); transform: scale(0.5); } .jconfirm .jconfirm-box.jconfirm-animation-none { visibility: hidden; } .jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54, 70, 93, 0.95); } .jconfirm.jconfirm-supervan .jconfirm-box { background-color: transparent; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon { color: white; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * { padding-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane { margin-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content { text-align: center; color: white; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button { font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: none; color: white; padding: 10px; min-width: 100px; } .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-material .jconfirm-bg { background-color: rgba(0, 0, 0, 0.67); } .jconfirm.jconfirm-material .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 25px 10px 25px; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons { text-align: right; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-weight: 500; } .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-bg { background-color: rgba(0, 0, 0, 0.21); } .jconfirm.jconfirm-bootstrap .jconfirm-box { background-color: white; -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); border: solid 1px rgba(0, 0, 0, 0.4); padding: 15px 0 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; padding-left: 15px; padding-right: 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); padding: 0px 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons { text-align: right; padding: 10px; margin: -5px 0 0px; border-top: solid 1px #ddd; overflow: hidden; border-radius: 0 0 4px 4px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button { font-weight: 500; } .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-modern .jconfirm-bg { background-color: slategray; opacity: .6; } .jconfirm.jconfirm-modern .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 30px 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); top: 15px; right: 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(0); transform: scale(0); display: block; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; font-size: 69px; color: #aaa; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { text-align: center; font-size: 15px; color: #777; margin-bottom: 25px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button { font-weight: bold; text-transform: uppercase; -webkit-transition: background .1s; transition: background .1s; padding: 10px 20px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button { margin-left: 4px; } .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { -webkit-transform: scale(1); transform: scale(1); } .selectize-control.plugin-drag_drop.multi>.selectize-input.dragging{overflow:visible}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible!important;background:#f2f2f2!important;background:rgba(0,0,0,.06)!important;border:0 none!important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important;text-decoration:none}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover{color:#000}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0!important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #0073bb;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#00578d}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:0}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:#aaa}.selectize-control.plugin-clear_button .clear{text-decoration:none;display:flex;position:absolute;height:100%;width:25px;top:0;right:calc(8px - 6px);color:#000;opacity:.4;font-weight:700;border:0;cursor:pointer;z-index:1;font-size:21px;justify-content:center;align-items:center}.selectize-control.plugin-clear_button .clear:hover{opacity:1}.selectize-control.plugin-clear_button.single .clear{right:calc(8px - 6px + 1.5rem)}.selectize-dropdown.plugin-auto_position.selectize-position-top{border-top:1px solid #d0d0d0;border-bottom:0 none;border-radius:3px 3px 0 0;box-shadow:0 -6px 12px rgba(0,0,0,.18)}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active{border-radius:0 0 3px 3px;border-top:0 none}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before{top:0;bottom:unset}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;font-smoothing:inherit}.selectize-control.single .selectize-input.input-active,.selectize-input{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #d0d0d0;padding:8px 8px;display:inline-block;width:100%;position:relative;z-index:1;box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border-radius:3px}.selectize-control.multi .selectize-input.has-items{padding:calc(8px - 2px - 1px) 8px calc(8px - 2px - 3px - 1px)}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled *{cursor:default!important}.selectize-input.focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.selectize-input.dropdown-active{border-radius:3px 3px 0 0}.selectize-input>*{vertical-align:baseline;display:inline-block;zoom:1}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#1da7ee;color:#fff;border:1px solid #0073bb}.selectize-control.multi .selectize-input>div.active{background:#92c836;color:#fff;border:1px solid #00578d}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#fff;background:#d2d2d2;border:1px solid #aaa}.selectize-input>input{display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0!important;text-indent:0!important;border:0 none!important;background:0 0!important;line-height:inherit!important;user-select:auto!important;box-shadow:none!important}.selectize-input>input::-ms-clear{display:none}.selectize-input>input:focus{outline:0!important}.selectize-input>input[placeholder]{box-sizing:initial}.selectize-input.has-items>input{margin:0 0!important}.selectize-input::after{content:" ";display:block;clear:left}.selectize-input.dropdown-active::before{content:" ";display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0 0 3px 3px}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.selectize-dropdown .create,.selectize-dropdown .no-results,.selectize-dropdown .optgroup-header,.selectize-dropdown .option{padding:5px 8px}.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.selectize-dropdown [data-selectable].option{opacity:1;cursor:pointer}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}.selectize-dropdown .active{background-color:#92c836;color:#fff}.selectize-dropdown .active.create{color:#495c68}.selectize-dropdown .selected{background-color:#92c836;color:#fff}.selectize-dropdown .create{color:rgba(48,48,48,.5)}.selectize-dropdown .active:not(.selected){background:#f5fafd;color:#495c68}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;overflow-scrolling:touch}.selectize-dropdown-emptyoptionlabel{text-align:center}.selectize-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:5px 8px}.selectize-dropdown .spinner:after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 transparent #d0d0d0 transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input:not(:read-only){cursor:text}.selectize-control.single .selectize-input:after{content:" ";display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:grey transparent transparent transparent}.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent grey transparent}.selectize-control.rtl{text-align:right}.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px!important}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa}.selectize-control.multi .selectize-input.has-items{padding-left:5px;padding-right:5px}.selectize-control.multi .selectize-input.disabled [data-value]{color:#999;text-shadow:none;background:0;box-shadow:none}.selectize-control.multi .selectize-input.disabled [data-value],.selectize-control.multi .selectize-input.disabled [data-value] .remove{border-color:#e6e6e6}.selectize-control.multi .selectize-input.disabled [data-value] .remove{background:0}.selectize-control.multi .selectize-input [data-value]{text-shadow:0 1px 0 rgba(0,51,83,.3);border-radius:3px;background-color:#1b9dec;background-image:linear-gradient(to bottom,#1da7ee,#178ee9);background-repeat:repeat-x;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03)}.selectize-control.multi .selectize-input [data-value].active{background-color:#0085d4;background-image:linear-gradient(to bottom,#008fd8,#0075cf);background-repeat:repeat-x}.selectize-control.single .selectize-input{box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.8);background-color:#f9f9f9;background-image:linear-gradient(to bottom,#fefefe,#f2f2f2);background-repeat:repeat-x}.selectize-control.single .selectize-input,.selectize-dropdown.single{border-color:#b8b8b8}.selectize-dropdown .optgroup-header{padding-top:7px;font-weight:700;font-size:.85em}.selectize-dropdown .optgroup{border-top:1px solid #f0f0f0}.selectize-dropdown .optgroup:first-child{border-top:0 none}.selectize-dropdown.plugin-auto_position.selectize-position-top{border-top:1px solid #d0d0d0;border-bottom:0 none;border-radius:3px 3px 0 0;box-shadow:0 -6px 12px rgba(0,0,0,.18)}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active{border-radius:0 0 3px 3px;border-top:0 none}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before{top:0;bottom:unset}.selectize-control.plugin-clear_button .clear{text-decoration:none;display:flex;position:absolute;height:100%;width:25px;top:0;right:calc(8px - 6px);color:#000;opacity:.4;font-weight:700;border:0;cursor:pointer;z-index:1;font-size:21px;justify-content:center;align-items:center}.selectize-control.plugin-clear_button .clear:hover{opacity:1}.selectize-control.plugin-clear_button.single .clear{right:calc(8px - 6px + 1.5rem)}.selectize-control.plugin-drag_drop.multi>.selectize-input.dragging{overflow:visible}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible!important;background:#f2f2f2!important;background:rgba(0,0,0,.06)!important;border:0 none!important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important;text-decoration:none}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover{color:#000}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0!important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #0073bb;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#00578d}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:0}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:#aaa} /* Layout ------------------------------*/ .login-wrapper { min-height: 100vh; display: flex; color: #424956; background: url('../img/login-bg.jpg') no-repeat center center / cover; } .login-wrapper .left { display: flex; width: 50%; align-items: center; padding: 48px 96px; } .login-wrapper .left h1 { color: #4A00FF; font-size: 60px; font-weight: 700; line-height: 66px; } .login-wrapper .left h3 { color: #4A00FF; font-size: 21px; font-weight: 500; line-height: 27px; margin-top: 16px; } .login-wrapper .left h3:before { content: ""; display: block; width: 64px; height: 3px; margin-bottom: 16px; background: #4A00FF; } .login-wrapper .right { display: flex; width: 50%; padding: 48px; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(30px); } /* * Header */ .header { top: 0; left: 0; right: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; position: fixed; padding: 15px 24px; } .header .language .trigger { font-size: 14px; font-weight: bold; line-height: 20px; } .header .language svg { width: 20px; height: 20px; margin-right: 5px; } /* Form ------------------------------*/ .login .form-wrapper { color: #030712; width: 100%; max-width: 340px; } .login .form-wrapper p + p { margin-top: 20px; } /* * Login buttons */ .btn-login { display: flex; width: 100%; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; line-height: 21px; padding: 11px 15px; border-radius: 5px; outline: 1px solid #424956; } .btn-login svg { fill: #424956; margin-right: 15px; } .btn-login + .btn-login { margin-top: 10px; } .btn-login:hover { color: #ffffff; border: 0; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); } .btn-login:hover svg { fill: #fff; } /* * Bottom Text */ .bottom-text { margin-top: 40px; text-align: center; } .bottom-text a { font-weight: 700; text-decoration: underline; } .bottom-text > a { color: #4A00FF; } .bottom-text a:hover { color: #4A00FF; } .bottom-text small { display: block; font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 40px; } .bottom-text small a { font-weight: 600; } .bottom-text.mt-0 { margin-bottom: 40px; } /* * Input Fields */ .f-row { } .f-row + .f-row { margin-top: 10px; } .f-row input { display: block; width: 100%; color: #424956; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; font-weight: 500; line-height: 22px; border-radius: 5px; padding: 13px 15px 13px 48px; border: 1px solid #424956; } .f-row input { padding-left: 48px; } .f-row input::placeholder { color: #424956; opacity: 1; } .f-row .input-icon { top: 50%; left: 15px; position: absolute; transform: translateY(-50%); } .f-row .input-icon.lock { left: 17px; } .login-options { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; } .login-options a { font-size: 14px; font-weight: 700; line-height: 18px; } .login-options a:hover { color: #4A00FF; text-decoration: underline; } .remember { } .remember input { display: none; } .remember span { display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; line-height: 18px; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .remember span:before { content: ""; display: block; width: 18px; height: 18px; margin-right: 10px; border-radius: 5px; border: 1px solid #424956; } .remember input:checked + span:before { border-color: #4A00FF; background: #4A00FF url('../img/icon-check-white.svg') no-repeat center center / 70%; } /* * Form footer */ form .btn { margin-top: 30px; } /* * Password Reset */ .password-reset-message { text-align: center; } .password-reset-message a { color: #4A00FF; font-weight: 700; text-decoration: underline; } /* Responsive ------------------------------*/ @media (max-width: 1023px) { } @media (max-width: 767px) { } /* CSS file for Eagle Connect */ /* General ------------------------------*/ * { padding: 0; margin: 0; outline: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; } body { color: #424956; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; line-height: 24px; background: #F7F7FE; } img, svg { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } a:hover { color: #4A00FF; } a img { border: 0; } a, svg, path, button { transition: all ease 0.4s; } .container { width: 100%; padding: 0 48px; } .wrapper { width: 100%; padding-top: 82px; display: flex; flex-direction: column; min-height: 100vh; position: relative; overflow: hidden; } /* * jConfirm */ .jconfirm-bg { background: rgba(66, 73, 86, 0.6); backdrop-filter: blur(1px); } .jconfirm .jconfirm-scrollpane { display: flex; align-items: center; justify-content: center; overflow: auto; } .jconfirm .jconfirm-row, .jconfirm .jconfirm-cell { display: block; max-height: 100vh; } .jconfirm .jconfirm-holder { display: flex; overflow: visible; padding: 0 !important; } .jconfirm .jconfirm-holder .container { padding: 40px 0; } .jconfirm .jconfirm-box div.jconfirm-content-pane { max-height: none !important; height: auto !important; } .jconfirm .jconfirm-box.loading { height: 200px; padding-bottom: 0; } .jconfirm .jconfirm-box.loading:after { display: block; top: 0; left: 0; width: 100%; height: 200px; margin: 0; border: 0; border-radius: 0; overflow: hidden; background: #fff url('../img/icon-loader-eagle.svg') no-repeat center center; animation: none; opacity: 1; z-index: 5; } .jconfirm .jconfirm-box.loading:before { top: calc(50% + 1px); left: 0; z-index: 6; width: 100%; height: 100px; margin-top: -50px; position: absolute; background: url('../img/icon-loader-circle.svg') no-repeat center center / auto 100%; animation: loader-spin 1.5s linear infinite; } .jconfirm .jconfirm-box div.jconfirm-content-pane, .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll, .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: visible !important; } .jconfirm .jconfirm-box { width: calc(100% - 12px); max-width: 620px; padding: 0 0 30px 0; border-radius: 10px; background: #ffffff; box-shadow: 0 0 30px rgba(116, 116, 194, 0.30); } .jconfirm .jconfirm-box-container.wide .jconfirm-box { max-width: 644px; } .jconfirm.loaded .jconfirm-box { overflow: visible; } .jconfirm-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 20px 30px; border-radius: 9px 9px 0 0; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); } .jconfirm-title-c { width: calc(100% - 56px); padding-bottom: 0 !important; } .jconfirm-title { color: #FFF; font-size: 21px; font-weight: 700; line-height: 24px; } .jconfirm-title small { display: block; color: #6B7280; font-size: 13px; font-weight: 400; line-height: 16px; margin-top: 4px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { order: 2; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; top: auto; right: auto; opacity: 1; position: relative; } .jconfirm .jconfirm-box div.jconfirm-content-pane { padding: 30px 30px 10px 30px; margin-bottom: 0; } .jconfirm-buttons { display: flex; justify-content: center; padding: 24px 30px 0 30px; } .jconfirm-buttons > div { display: flex; } .jconfirm-buttons .btn + .btn { margin-left: 8px; } .jconfirm-hide-buttons div.jconfirm-content-pane { padding-bottom: 0 !important; } .jconfirm-hide-buttons .jconfirm-buttons { display: none !important; } /* * Successs dialog */ .popup-success-alert .jconfirm-box { max-width: 480px; } .popup-success-alert .jconfirm-header { justify-content: flex-end; background: none; } .popup-success-alert .jconfirm-header svg { fill: rgb(74, 0, 255); } .popup-success-alert .jconfirm-box div.jconfirm-content-pane { padding: 0px 30px 10px 30px; text-align: center; } .popup-success-alert .icon { display: flex; width: 120px; height: 120px; margin: 0 auto; align-items: center; justify-content: center; border-radius: 50%; background: #F7F7FE; margin-bottom: 24px; } .popup-success-alert .icon svg { fill: #3FAC04; } .popup-success-alert p { max-width: 360px; font-size: 15px; line-height: 22px; margin: 16px auto 0 auto; } /* * Toastr */ #toastr { display: flex; z-index: 100000000; left: 20px; right: 20px; bottom: 40px; position: fixed; align-items: center; flex-direction: column; } #toastr .toastr-item { display: flex; align-items: center; color: #ffffff; font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; line-height: 21px; text-align: center; border: 0; padding: 8px 15px 10px 15px; border-radius: 5px; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); box-shadow: 0 3px 4px -3px rgba(3, 7, 18, 0.2); } #toastr .toastr-item.success:before { content: ""; display: block; width: 16px; height: 16px; margin-top: 1px; margin-right: 8px; background: url('../img/icon-toastr-success.svg') no-repeat top left; } #toastr .toastr-item .close { width: 16px; height: 16px; border: 0; background: none; margin-top: 1px; margin-left: 8px; cursor: pointer; } #toastr .toastr-item.danger { background: #EE3662; } #toastr .toastr-item.danger:before { content: ""; display: block; width: 16px; height: 16px; margin-right: 8px; background: url('../img/icon-toastr-danger.svg') no-repeat top left; } #toastr .toastr-item.danger .close path { fill: #fff; } #toastr .toastr-item + .toastr-item { margin-top: 8px; } .loader { display: none; height: 101px; overflow: hidden; position: relative; background: url('../img/icon-loader-eagle.svg') no-repeat center center; } .loader.show { display: block; } .loader div { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: url('../img/icon-loader-circle.svg') no-repeat center center / auto 100%; animation: loader-spin 1.5s linear infinite; } @keyframes loader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (min-width: 768px) { .show-mobile { display: none; } } /* * Responsive video */ .responsive-video { height: 0; padding-bottom: 67.5%; position: relative; overflow: hidden; } .responsive-video.widescreen { padding-bottom: 56.25%; } .responsive-video.vimeo { padding-top: 0; } .responsive-video embed, .responsive-video iframe, .responsive-video object, .responsive-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } /* Common Elements -------------------------------------------*/ /* * Layout */ main { flex-grow: 1; } .flex { display: flex !important; } .flex.middle { align-items: center; justify-content: center; } .flex.align-center { align-items: center; } .flex.justify-between { justify-content: space-between; } /* * Dropdown */ .dropdown { opacity: 0; visibility: hidden; } .dropdown.open { opacity: 1; visibility: visible; } /* * Dropdown actions */ .dd-actions { display: inline-block; position: relative; } .dd-actions .trigger { display: flex; justify-content: center; align-items: center; cursor: pointer; } .dd-actions .dropdown { top: 100%; right: -8px; z-index: 5000; min-width: 148px; margin-top: 12px; padding: 8px 0; border-radius: 10px; background: #FFF; box-shadow: 0 0 20px rgba(74, 0, 255, 0.10); position: absolute; } .dd-actions .dropdown:before { content: ""; right: 24px; bottom: 100%; width: 0; height: 0; z-index: 100; position: absolute; border-style: solid; border-width: 0 6.5px 6px 6.5px; border-color: transparent transparent #fff transparent; } .dd-actions .links { } .dd-actions .links a { display: flex; font-size: 14px; font-weight: 600; line-height: 18px; white-space: nowrap; padding: 10px 20px; align-items: center; } .dd-actions .links a svg { width: 20px; min-width: 20px; height: auto; margin-right: 10px; } .dd-actions .links a span { padding-bottom: 2px; } .dd-actions .links a:hover { background: #EFEFFF; } .dd-actions .sep { display: block; width: 100%; height: 1px; background: #EEEFF2; } /* * Simple link (underline style) */ a.link { text-decoration: underline; } a.link.disabled { } /* * External/"Jump to" link */ a.jump { display: inline-flex; align-items: center; position: relative; text-decoration: underline; } a.jump:after { content: ""; display: block; width: 16px; height: 16px; margin-left: 2px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 4V10.5C12.5 10.6326 12.4474 10.7598 12.3536 10.8536C12.2598 10.9473 12.1326 11 12 11C11.8674 11 11.7402 10.9473 11.6465 10.8536C11.5527 10.7598 11.5 10.6326 11.5 10.5V5.20687L4.35378 12.3538C4.25996 12.4476 4.13272 12.5003 4.00003 12.5003C3.86735 12.5003 3.7401 12.4476 3.64628 12.3538C3.55246 12.2599 3.49976 12.1327 3.49976 12C3.49976 11.8673 3.55246 11.7401 3.64628 11.6462L10.7932 4.5H5.50003C5.36743 4.5 5.24025 4.44732 5.14648 4.35355C5.05271 4.25979 5.00003 4.13261 5.00003 4C5.00003 3.86739 5.05271 3.74021 5.14648 3.64645C5.24025 3.55268 5.36743 3.5 5.50003 3.5H12C12.1326 3.5 12.2598 3.55268 12.3536 3.64645C12.4474 3.74021 12.5 3.86739 12.5 4Z' fill='%23030712'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } /* * Remove link */ a.remove { color: #ED0043; text-decoration: underline; } a.remove:hover { text-decoration: none; } /* * Button */ .btn { display: inline-flex; align-items: center; min-height: 44px; color: #ffffff; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: 21px; text-align: center; border: 0; padding: 0 20px; border-radius: 5px; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); cursor: pointer; } .btn.lg { min-height: 52px; font-size: 18px; font-weight: 700; line-height: 24px; } .btn.sm { height: 36px; font-size: 14px; line-height: 20px; padding: 0 15px; } .btn svg { fill: #fff; min-width: 16px; } .btn svg + span { display: block; white-space: nowrap; margin-left: 5px; } .btn span + svg { margin-left: 8px; } .btn[disabled], .btn.disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.2) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: radial-gradient(50% 80.56% at 50% 100%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.00) 100%), #E5E7EB !important; } .btn:hover { color: #fff; } .btn.btn-block { width: 100%; display: flex; justify-content: center; } .btn.btn-white { color: #4A00FF; border: 0; background: linear-gradient(90deg, #FFF 0%, #F7F7FE 100%); } .btn.btn-white svg { fill: #4A00FF; } .btn.btn-secondary { color: #fff; border: 1px solid #424956; background: #424956; } .btn.btn-simple { background: #4A00FF; } .btn.btn-alt { color: #4A00FF !important; border: 1px solid #EFEFFF; background: #EFEFFF; } .btn.btn-alt svg { fill: #4A00FF; } .btn.btn-danger { color: #fff; background: #ED0043; } .btn.btn-danger-text { color: #EE3662; } .btn.btn-danger-text svg { fill: #EE3662; } .btn-icon { padding: 0 8px; background: transparent; } .btn-icon svg { fill: #424956; } .btn-icon.btn-danger { background: transparent; } /* * Links */ .btn-link { cursor: pointer; display: inline-flex; align-items: center; color: #4A00FF; font-weight: 500; text-decoration: underline; } .btn-link svg { fill: #4A00FF; margin-right: 8px; } /* * Alert */ .alert { display: flex; color: #EF5407; font-size: 13px; font-weight: 500; line-height: 18px; align-items: center; margin-bottom: 16px; padding: 12px 16px; border-radius: 5px; background: #FFF7ED; } .alert .icon { width: 16px; height: 16px; margin-right: 8px; } .alert svg, .alert img { fill: #EF5407; width: 16px; height: 16px; margin-right: 8px; } .alert p { width: calc(100% - 24px); } .alert.alert-success { color: #ffffff; background: #3fac04; } .alert.alert-success svg { fill: #ffffff; } .alert.alert-danger { color: #ffffff; background: #ED0043; } .alert.alert-danger svg { fill: #ffffff; } /* * Datepicker */ .datepicker { z-index: 10; padding: 8px; position: absolute; border-radius: 8px; background: #FFF; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10); } .datepicker.datepicker-orient-bottom { margin-top: 5px; } .datepicker table { width: 240px; margin: 0; padding: 0; border-collapse: collapse; } .datepicker table th { font-size: 11px; padding: 0; margin: 0; } .datepicker table thead tr:last-child th { padding: 3px 0; } .datepicker table .datepicker-switch { font-size: 14px; padding: 8px 0; cursor: pointer; } .datepicker table th.prev, .datepicker table th.next { cursor: pointer; text-align: center; border-radius: 8px; } .datepicker table th.prev svg, .datepicker table th.next svg { display: block; margin: 0 auto; } .datepicker table th.prev svg { transform: scale(-1, 1); } .datepicker table td { color: #303030; font-size: 13px; line-height: 18px; text-align: center; cursor: pointer; padding: 6px 0; margin: 0; border-radius: 8px; } .datepicker table td.old, .datepicker table td.disabled { color: #D1D5DB; cursor: default; } .datepicker table td.new { color: #D1D5DB; } .datepicker table td.active { color: #fff; background: #4A00FF; } .datepicker table td.day:not(.active):not(.disabled):hover { background: #EFEFFF; } .datepicker .datepicker-months td, .datepicker .datepicker-years td{ padding: 6px 0 0 0; } .datepicker .datepicker-months .month, .datepicker .datepicker-years .year { float: left; width: 33.3333%; border-radius: 8px; padding: 10px 0; } .datepicker .datepicker-months .month:hover, .datepicker .datepicker-years .year:hover{ background: rgba(3, 7, 18, 0.04); } .datepicker .datepicker-months .month.focused, .datepicker .datepicker-years .year.focused{ color: #ffffff; background: #EF5407; } /* * Section Title */ .section-title { display: flex; color: #424956; font-size: 28px; font-weight: 700; line-height: 32px; align-items: center; } .section-title img, .section-title svg { margin-top: 3px; margin-right: 8px; } /* * Search form */ .search-form { display: flex; } .search-form input { display: flex; flex-grow: 1; height: 44px; color: #424956; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; font-weight: 500; line-height: 21px; padding: 0 15px; border-radius: 5px; border: 1px solid #424956; } .search-form .btn { margin-top: 0; margin-left: 12px; } /* * Table Wrapper */ .table-wrapper { border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); margin-top: 30px; margin-bottom: 48px; } .table-wrapper table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-radius: 10px; } .table-wrapper table thead { } .table-wrapper table thead th { color: #9494B2; font-size: 16px; font-weight: 700; line-height: 18px; background: #F7F7FE; padding: 22px 15px; } .table-wrapper table thead th:first-child { text-align: left; padding-left: 30px; border-radius: 10px 0 0 0; } .table-wrapper table thead th:last-child { padding-right: 30px; border-radius: 0 10px 0 0; } .table-wrapper table td { font-size: 14px; font-weight: 500; line-height: 18px; text-align: center; padding: 20px 15px; } .table-wrapper table tr + tr td { border-top: 1px solid #EFEFFF; } .table-wrapper table td:first-child { text-align: left; padding-left: 30px; } .table-wrapper table td:last-child { padding-right: 30px; } .table-wrapper tr:not(.no-data):hover td { color: #4A00FF; background: #FAFAFF; } .table-wrapper table td.name { width: 22%; min-width: 220px; font-weight: 600; } .table-wrapper table td.name .avatar { width: 42px; height: 42px; min-width: 42px; overflow: hidden; position: relative; border-radius: 50%; margin-right: 20px; } .table-wrapper table td.name .avatar img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .table-wrapper table td.referrals small { display: block; color: #777; font-size: 11px; text-align: center; } .table-wrapper table td.level { font-size: 9px; font-weight: 800; line-height: 10px; text-align: center; } .table-wrapper table td.level img { display: block; height: 22px; margin: 0 auto 5px auto; } .table-wrapper table td.package { color: #3FAC04 !important; font-weight: 800; text-align: center; } .table-wrapper table td.package img { display: block; height: 12px; margin: 0 auto 5px auto; } .table-wrapper table td.actions { width: 150px; } .table-wrapper .no-data { text-align: center; padding: 50px 30px; } .table-wrapper .no-data p { font-size: 16px; margin-bottom: 24px; } .table-wrapper .bottom { text-align: center; padding: 20px 30px; border-top: 1px solid #EFEFFF; } /* * Pagination */ .pagination { padding: 25px 30px; } .table-wrapper .pagination { border-top: 1px solid #EFEFFF; } .pagination ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -5px; } .pagination ul li { margin: 0 5px; } .pagination ul li a, .pagination ul li span { display: flex; width: 36px; height: 36px; font-size: 13px; font-weight: bold; border: 1px solid #EFEFFF; border-radius: 5px; align-items: center; justify-content: center; } .pagination ul li svg { fill: currentColor; width: 12px; height: 12px; } .pagination ul li a:hover { border-color: #4A00FF; } .pagination ul li.active span { color: #FFF; background: #4A00FF; border-color: #4A00FF; } .pagination ul li.disabled span { color: #D1D5DB; border-color: #EFEFFF; } .pagination ul li span.dots { border-color: transparent; } /* * General Content */ .general-content { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.16px; } .general-content > *:first-child { padding-top: 0; margin-top: 0; } .general-content h2 { color: #9494B2; font-size: 28px; font-weight: 800; line-height: 32px; margin-top: 36px; } .general-content h3 { font-size: 22px; font-weight: 800; line-height: 28px; margin-top: 32px; } .general-content h4 { font-size: 20px; font-weight: 800; line-height: 28px; margin-top: 32px; } .general-content p { margin-top: 20px; } .general-content h3 + p { margin-top: 20px; } .general-content ul, .general-content ol { margin-left: 28px; margin-top: 16px; } .general-content li + li { margin-top: 8px; } .general-content .no-list-style { list-style: none; margin-lefT: 14px; } .general-content a:not(.btn) { text-decoration: underline; } .general-content img { display: block; margin-top: 24px; border-radius: 24px; } .general-content p:has(img) { margin-top: 0; padding-top: 0; } .general-content img[style*="float: left"] { margin-right: 24px; margin-bottom: 12px; } .general-content img[style*="float: right"] { margin-left: 24px; margin-bottom: 12px; } .general-content .responsive-video { margin-top: 32px; overflow: hidden; position: relative; border-radius: 24px; } /* Form Elements -------------------------------------------*/ /* * Global styles */ input, textarea { color: #424956; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; line-height: 20px; } input::placeholder, textarea::placeholder { color: #9494B2; } textarea { resize: none; } /* * Select */ body .selectize-control.single .selectize-input { width: 100%; height: 44px; display: block; font-size: 16px; line-height: 22px; padding: 11px 35px 10px 15px; border: 0; border-radius: 5px; background: #ffffff; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); position: relative; z-index: 2; } body .selectize-control.single .selectize-input .item { display: block; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } body .selectize-control.single .selectize-input .item + input { display: none !important; } body .selectize-input.dropdown-active:before { display: none; } body .selectize-control.single .selectize-input:after { width: 14px; height: 9px; right: 15px; border: 0; margin-top: -4px !important; background: url('../img/select-arrow.svg') no-repeat center; } body .selectize-control.single .selectize-input.dropdown-active:after { transform: rotate(180deg); } body .selectize-dropdown { top: 48px !important; min-width: 92px; font-size: 16px; line-height: 18px; background: #FFF; border: 0; border-radius: 5px !important; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } body .selectize-dropdown.plugin-auto_position.selectize-position-top { top: auto !important; bottom: 48px !important; } body .selectize-dropdown-content { padding: 4px 0; max-height: 200px; } body .selectize-dropdown .create, body .selectize-dropdown .no-results, body .selectize-dropdown .optgroup-header, body .selectize-dropdown .option { color: inherit !important; padding: 10px 12px 11px 12px; } body .selectize-dropdown .option + .option { border-top: 1px solid #EEEFF2; } body .selectize-dropdown .active { color: #4A00FF; background-color: #EFEFFF !important; } body .selectize-dropdown .selected { background: #f9fafb; } body .selectize-control.single.small .selectize-input { font-size: 13px; line-height: 16px; padding: 7px 31px 7px 9px !important; } body .selectize-control.single.small .selectize-input:after { background-size: 14px 14px; right: 8px; } body .selectize-control .has-avatar { display: flex; align-items: center; } body .selectize-control .item.has-avatar { margin-top: -5px; margin-bottom: -5px; } body .selectize-control .has-avatar .avatar { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; margin-right: 8px; } body .selectize-control .has-avatar .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; } body .selectize-control .has-avatar { display: flex; align-items: center; } body .selectize-control.uploaded-by .option:not([data-value="all"]) { padding-left: 36px; background: url('../img/icon-user.svg') no-repeat 12px center; } body .selectize-control.uploaded-by .option.selected:not([data-value="all"]) { background-color: #f9fafb; background-image: url('../img/icon-tick.svg'), url('../img/icon-user.svg'); background-repeat: no-repeat, no-repeat; background-position: right 12px center, 12px center; } body .selectize-control.uploaded-by .option.you:after { content: ' (You)'; color: #9CA3AF; } /* * Checkbox */ .checkbox { cursor: pointer; } .checkbox input { display: none; } .checkbox span { width: 20px; height: 20px; display: block; border-radius: 4px; border: 1px solid #D1D5DB; background: #FFF; box-shadow: 0 0 4px 0 rgba(195, 195, 195, 0.25); } .checkbox input:checked + span { border-color: #FF9038; background: #FE6F10 url('../img/icon-checkbox.svg') no-repeat center; } .checkbox input.partly + span { border-color: #FF9038; background: #FE6F10 url('../img/icon-checkbox-partly.svg') no-repeat center; } .checkbox input[disabled] + span { border: 1px solid #EEEFF2; background: #F9FAFB; cursor: not-allowed; } /* * Form elements */ .form-row { } .form-row + .form-row, .form-group + .form-row, .form-row-alt + .form-row { margin-top: 30px; } .form-row > label, .form-group > label { display: block; width: 100%; color: #424956; font-size: 16px; font-weight: 600; line-height: 18px; margin-bottom: 15px; } .form-group > label { margin-left: 8px; margin-right: 8px; } .form-row > label span { font-weight: 400; } .form-group { display: flex; margin: 0 -8px; } .form-group.flex-wrap { flex-wrap: wrap; } .form-group + .form-group, .form-row + .form-group, .form-row-alt + .form-group { margin-top: 30px; } .form-group .form-row { flex-grow: 1; margin: 0 8px; } .form-group .form-row.size-50 { width: calc(50% - 16px) } .form-group .to { display: flex; color: #64748B; font-size: 15px; font-weight: 400; line-height: 20px; align-items: center; } .form-row .input-container { position: relative; } .form-row .input-container + .input-container { margin-top: 8px; } .form-row .input-icon { top: 50%; z-index: 5; left: 12px; width: 18px; height: 18px; margin-top: -9px; position: absolute; } .form-row .password .input-icon { left: auto; right: 12px; cursor: pointer; background: url('../img/icon-eye.svg') no-repeat center center; user-select: none; } .form-row .password input[type="text"] + .input-icon { background-image: url('../img/icon-eye-close.svg'); } .form-row .input-container .remove { top: 50%; right: 32px; z-index: 5; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; margin-top: -10px; position: absolute; cursor: pointer; } .form-row .input-container .remove svg { width: 16px; height: 16px; } .form-row .input-container .remove:hover svg { fill: #EE3662; } body .form-row .input-container .remove ~ .selectize-control.single .selectize-input { padding-right: 55px; } .form-row .field-description { display: block; margin-top: 5px; } .form-hr { height: 1px; background: #EEEFF2; margin: 30px 0; } .input-container { position: relative; } .form-input, .form-textarea{ width: 100%; height: 44px; display: block; font-size: 16px; line-height: 18px; padding: 13px 15px; border: 0; border-radius: 5px; background: #ffffff; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); position: relative; z-index: 2; } .form-input[disabled] { color: #9CA3AF; border-radius: 8px; border: 1px solid #EEEFF2; background: #F9FAFB; box-shadow: 0 3px 3px -2px rgba(3, 7, 18, 0.04); } .form-textarea { height: 80px; resize: none; } .form-checkbox, .form-radio { display: flex; align-items: center; cursor: pointer; } .form-checkbox input, .form-radio input { display: none; } .form-checkbox span, .form-radio span { min-width: 20px; width: 20px; height: 20px; display: block; margin-right: 8px; border-radius: 5px; border: 2px solid #BDBDD3; background: #FFF; position: relative; box-sizing: border-box; } .form-checkbox input:checked + span, .form-radio input:checked + span { border-color: #4A00FF; background: #fff url('../img/icon-tick.svg') no-repeat center; } .form-checkbox input[disabled] + span, .form-radio input[disabled] + span { border: 2px solid #EEEFF2; background: #F9FAFB; cursor: not-allowed; } .form-checkbox label, .form-radio label { cursor: pointer; } .form-radio + .form-radio, .form-checkbox + .form-checkbox { margin-top: 8px; } .form-radio span { border-radius: 50%; } .form-radio-horizontal { display: flex; } .form-radio-horizontal .form-radio { margin-top: 0px !important; margin-right: 25px; margin-bottom: 8px; } .form-error { z-index: 1; margin-top: 3px; color: #fff; font-size: 12px; font-weight: bold; line-height: 15px; padding: 8px 15px 10px 15px; background: #ED0043; border-radius: 5px; position: relative; } form > .form-error { margin-top: 0; margin-bottom: 20px; } /* input:has(~.form-error) { border-color: #EE3662; } */ .form-footer { display: flex; justify-content: space-between; margin-top: 20px; } .form-footer .btn.btn-primary { padding-left: 20px; padding-right: 20px; } .form-title { display: flex; color: #424956; font-size: 28px; font-weight: 700; line-height: 32px; align-items: center; margin-bottom: 36px; } .form-title svg { margin-right: 12px; } .form-title span { padding-bottom: 2px; } .form-description { opacity: 0.7; font-size: 15px; margin-top: -24px; margin-bottom: 36px; } /* * Field: FILE UPLOADERS */ .jFiler-input-dragDrop { display: flex; padding: 24px; border-radius: 8px; border: 1px dashed #E5E7EB; background: #FFF; } .jFiler-input-dragDrop .jFiler-input-inner { width: 100%; text-align: center; transition: all ease 0.4s; } .jFiler-input-dragDrop .jFiler-input-icon { display: flex; width: 36px; height: 36px; border-radius: 6px; background: #F9FAFB; justify-content: center; align-items: center; margin: 0 auto 8px auto; } .jFiler-input-dragDrop .jFiler-input-text { color: #4B5563; text-align: center; margin: 8px 0 16px 0; } .jFiler-input-dragDrop.dragged { cursor: pointer; border-color: #FE6F10; } .jFiler-input-dragDrop.dragged .jFiler-input-inner { opacity: 0.25; } .jFiler-input-dragDrop.alt, .jconfirm-content .jFiler-input-dragDrop { cursor: pointer; background: #F9FAFB; } .jFiler-input-dragDrop.alt .jFiler-input-inner { height: 152px; display: flex; flex-direction: column; justify-content: center; } .jFiler-input-dragDrop.alt .jFiler-input-icon { width: 32px; height: 32px; border-radius: 50%; background: #EEEFF2; margin-bottom: 8px; } .jFiler-input-dragDrop.alt .jFiler-input-text { font-size: 13px; line-height: 16px; margin: 0; } .jFiler-input-dragDrop.alt .jFiler-input-text u { font-weight: 600; } .jFiler-input-dragDrop.alt .jFiler-input-choose-btn { display: none; } .jFiler-items-list { margin-top: 20px; } .jFiler-item + .jFiler-item { margin-top: 8px; } .jFiler + .jFiler-item { margin-top: 20px; } .jFiler:has(.jFiler-item) + .jFiler-item { margin-top: 8px; } .jFiler-item .inner { display: flex; padding: 11px; align-items: center; border-radius: 8px; border: 1px solid #EEEFF2; background: #F9FAFB; position: relative; z-index: 2; } .jFiler-item .inner:has(+ .progress) { box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.10); } .jFiler-item .icon { width: 28px; height: 28px; margin-right: 8px; border-radius: 8px; background: #FFF url('../img/icon-file-orange.svg') no-repeat center center / 16px 16px; } .jFiler-item .inner .title { width: calc(100% - 88px); font-size: 13px; font-weight: 500; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .jFiler-item .inner .actions { width: 52px; display: flex; justify-content: flex-end; } .jFiler-item .inner .actions a + a { margin-left: 4px; } .jFiler-item .inner .actions a { display: flex; width: 20px; height: 20px; border-radius: 4px; background: #EEEFF2; align-items: center; justify-content: center; cursor: pointer; } .jFiler-item .inner .actions a:hover { background: #FE6F10; } .jFiler-item .inner .actions a:hover svg { fill: #fff; } .jFiler-item .inner .actions .jFiler-item-download-action:not([href]) { display: none; } .jFiler-item .progress { margin-top: -8px; padding: 14px 12px 6px 12px; border-radius: 0 0 8px 8px; background: #F9FAFB; } .jFiler-item .progress .text-error { font-size: 13px; font-weight: 600; line-height: 16px; } .jFiler-item .progress .jFiler-jProgressBar { width: 100%; margin: 5px 0; overflow: hidden; position: relative; border-radius: 100px; background: #E5E7EB; } .jFiler-item .progress .jFiler-jProgressBar .bar { height: 6px; background: #FE6F10; transition: width linear 0.2s; } /* * Field: Datepicker */ .form-input.has-datepicker { background-image: url('../img/icon-datepicker.svg'); background-repeat: no-repeat; background-position: right 12px center; } .form-input.has-datepicker[disabled] { background-image: url('../img/icon-datepicker-disabled.svg'); } /* * Field: Event time */ .field-event-time .input-container { display: flex; } .field-event-time .time-wrapper { display: flex; align-items: center; margin-left: 8px; } .field-event-time .time-wrapper > div:not(.semicolon) { width: 50px; } .field-event-time .semicolon { align-items: center; font-weight: 800; padding: 0 4px; } .field-event-time .selectize-control.single .selectize-input { padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .field-event-time .selectize-control.single .selectize-input:after { display: none !important; } .field-event-time .selectize-dropdown { min-width: 0 !important; } /* * Googe Maps Autocomplete */ .pac-container { z-index: 10; font-size: 14px; line-height: 20px; padding: 4px 0; background: #FFF; border: 0; margin: 4px 0; border-radius: 8px !important; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12) !important; } .pac-container:after { display: none; } .pac-item { color: #030712; font-size: 13px; line-height: 20px; padding: 9px 12px 10px 12px; border-top: 0; } .pac-item + .pac-item { border-top: 1px solid #EEEFF2; } .pac-item .pac-icon { display: none; } .pac-item:hover { background-color: #FFF7ED !important; } /* Confirmation/Alert dialogs -------------------------------------------*/ .popup-confirm .jconfirm-box { max-width: 400px; } .popup-confirm .jconfirm-header { justify-content: flex-end; padding-bottom: 10px; border-bottom: 0; background: transparent !important; } .popup-confirm div.jconfirm-content-pane { padding: 0 32px 32px 32px !important; } .popup-confirm .icon { display: flex; width: 80px; height: 80px; align-items: center; justify-content: center; margin: 0 auto 32px auto; border-radius: 100px; background: #EEEFF2; } .popup-confirm .icon svg { width: 32px; height: 32px; fill: #030712; } .popup-confirm.danger .icon { background: #FDE7ED; } .popup-confirm.danger .icon svg { fill: #EE3662; } .popup-confirm.success .icon { background: rgba(14, 180, 146, 0.08); } .popup-confirm h2 { color: #030712; text-align: center; font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 600; line-height: 33px; letter-spacing: -1.12px; } .popup-confirm p { margin-top: 8px; text-align: center; } .popup-confirm p a { color: #EF5407; font-weight: 500; } .popup-confirm.danger p { color: #6B7280; } .popup-confirm .jconfirm-buttons { border-top: 0; padding: 0 32px 8px 32px; } .popup-confirm .jconfirm-buttons-right { width: 100%; } .popup-confirm .jconfirm-buttons-right .btn { width: 50%; flex-grow: 1; height: 44px; justify-content: center; } /* Header & Footer -------------------------------------------*/ header { top: 0; left: 0; right: 0; z-index: 100; position: fixed; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); box-shadow: 0 0 20px 0 rgba(74, 0, 255, 0.25); } .admin header { background: #000428; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #4A00FF, #040b4d); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #4A00FF, #040b4d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } header .container { display: flex; align-items: center; justify-content: space-between; } /* * Left/right */ header .left, header .right { display: flex; align-items: center; } /* * Logo */ header .logo { position: relative; margin-top: -5px; /* temp */ } .admin header .logo { margin-top: -5px; } header .logo:after { content: 'BETA'; left: 50%; bottom: -11px; display: block; color: #fff; font-family: 'Arial'; font-size: 9px; font-weight: 800; line-height: 9px; padding: 2px 5px;f; border-radius: 5px; position: absolute; transform: translateX(-50%); background: #BD80FF; } .admin header .logo:after { content: 'ADMIN'; } /* * Nav */ header nav { display: flex; margin-left: 50px; } header nav ul { display: flex; list-style: none; } header nav ul li + li { margin-left: 50px; } header nav ul li a { height: 82px; display: flex; align-items: center; color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 17px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } header nav ul li a:hover { color: #BD80FF; } header nav ul li.current a { color: #BD80FF; border-bottom-color: #BD80FF; } /*.admin header nav ul li.current a { color: #4DEEEA; border-bottom-color: #4DEEEA; }*/ /* * Bars */ header .bars { padding: 12px 8px; margin-left: -8px; } /* * Language selector */ header .language { margin-right: 24px; } header .language .trigger span { color: #FFF; font-size: 14px; font-weight: 700; line-height: 16px; margin: 0 7px; } /* * Notifications */ header .notifications { margin-right: 16px; } header .notifications.has-unread .trigger { position: relative; } header .notifications.has-unread .trigger:before { content: ""; top: -4px; right: -7px; width: 9px; height: 9px; border-radius: 50%; background: #F24B4B; position: absolute; } header .notifications .dropdown { width: 300px; right: -19px; padding: 0; } header .notifications .dropdown .items { max-height: 300px; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; } header .notifications .dropdown .item { font-size: 14px; line-height: 18px; padding: 10px 32px 10px 16px; position: relative; } header .notifications .dropdown .item.unread:hover { cursor: pointer; } header .notifications .dropdown .item.unread:after { content: ""; top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -5px; border-radius: 50%; background: #4A00FF; position: absolute; } header .notifications .dropdown .item .date { color: #9494B2; font-size: 11px; line-height: 14px; } header .notifications .dropdown .item + .item { border-top: 1px solid #EEEFF2; } /* * User */ header .user { margin-right: 24px; } header .user .trigger { width: 44px; height: 44px; border-radius: 50%; position: relative; overflow: hidden; } header .user .trigger img { width: 100%; height: 100%; object-fit: cover; object-position: center; } /* * Invitation button */ header .invite-button { display: flex; } header .btn { font-size: 18px; line-height: 24px; } header .btn-qr { margin-right: 6px; } /* * Footer */ footer { padding: 20px 0; border-top: 1px solid #EFEFFF; background: #FFF; } footer .container { display: flex; align-items: center; justify-content: space-between; } footer .copyright { display: flex; align-items: center; font-size: 14px; font-weight: 600; line-height: 16px; } footer .copyright p { margin-left: 20px; } footer .links { display: flex; font-size: 12px; font-weight: 600; line-height: 13px; } footer .links span { margin: 0 7px; } /* Section: Page Header -------------------------------------------*/ .page-head { margin-bottom: 48px; padding: 50px 0 60px 0; background: #fff; } .page-head.alt { margin-bottom: 0; background: transparent; } .page-head.transparent { background: transparent; } .page-head h1 { color: #9494B2; font-size: 45px; font-weight: 800; line-height: 50px; } .page-head .subtitle { color: #424956; font-size: 14px; font-weight: 600; line-height: 19px; margin-top: 10px; } .page-head .subtitle strong { color: #4A00FF; font-weight: 800; } /* Page: Error Pages -------------------------------------------*/ .error-page .container { display: flex; min-height: 100vh; justify-content: center; align-items: center; } .error-page .box { width: 100%; max-width: 500px; padding: 40px; text-align: center; border-radius: 20px; background: #ffffff; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.20); } .error-page .box img { display: block; margin: 0 auto 24px auto; } .error-page .box h1 { color: #ED0043; font-size: 28px; line-height: 32px; } .error-page .box h1 small { display: block; color: #424956; } .error-page .box h1.green { color: #3FAC04; } .error-page .box p { color: #424956; font-size: 16px; line-height: 24px; margin: 24px 0; } /* Page: My Network -------------------------------------------*/ /* * Members list */ .table-wrapper table.members td { padding-top: 10px; padding-bottom: 10px; } .table-wrapper table.members td.projects .count { display: none; } .table-wrapper table.members td.name .btn { display: none; } /* * Invitations list */ .invitations-list table td:first-child { width: 15%; min-width: 0; } /* Page: Dashboard -------------------------------------------*/ /* * Stats */ .page-head .stats { margin-top: 60px; } .page-head .stats h3 { display: flex; font-size: 28px; font-weight: 700; line-height: 32px; align-items: center; margin-bottom: 30px; } .page-head .stats h3 svg { margin-top: 4px; margin-right: 10px; } .page-head .stats .flex { justify-content: space-between; } .page-head .stats .flex + .flex { margin-top: 24px; } .page-head .stats .box { width: calc(50% - 12px); display: flex; align-items: center; border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); padding: 20px 20px 20px 30px; justify-content: space-between; } .page-head .stats .box .left { font-size: 21px; font-weight: 600; line-height: 23px; } .page-head .stats .box .left strong { display: block; color: #4A00FF; font-size: 40px; font-weight: 800; line-height: 44px; margin-top: 12px; } .page-head .stats .box .right { display: flex; } .page-head .stats .box .right .stat { display: flex; font-size: 14px; font-weight: 600; line-height: 16px; text-align: center; width: 135px; height: 135px; border-radius: 10px; background: #F9F9FF; align-items: center; flex-direction: column; justify-content: center; } .page-head .stats .box .right .stat .icon { display: flex; align-items: center; justify-content: center; height: 40px; } .page-head .stats .box .right .stat strong { display: block; margin-top: 10px; } .page-head .stats .box .right .stat + .stat { margin-left: 12px; } /* * Projects */ .project-list .title { font-size: 16px; font-weight: 700; line-height: 18px; } .project-list .title .image { width: 106px; height: 68px; min-width: 106px; border-radius: 5px; position: relative; overflow: hidden; margin-right: 30px; } .project-list .title .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } /* * Admin */ .page-admin-dashboard .page-head { background: transparent; } .page-admin-dashboard .stats .box .left { width: calc(100% - 145px); } .page-admin-dashboard .stats .box .left span { display: block; color: #9494B2; font-size: 40px; font-weight: 600; line-height: 44px; margin-top: 12px; } .page-admin-dashboard .stats .box .left span strong { display: inline; margin-top: 0; } /* Page: Projects -------------------------------------------*/ .projects { padding-bottom: 48px; } .projects .item { display: flex; align-items: stretch; overflow: hidden; border-radius: 10px; position: relative; background: #FFF; box-shadow: 0 0 20px 0 rgba(74, 0, 255, 0.10); } .projects .item .image { width: 320px; height: auto; } .projects .item .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .projects .item .right { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 320px); min-height: 200px; padding: 30px; } .projects .item .details { width: calc(100% - 190px); } .projects .item .details h2 { color: #4A00FF; font-size: 30px; font-weight: 800; line-height: 34px; } .projects .item .details h2 .badge { display: inline-block; font-size: 16px; color: #424956; line-height: 16px; font-weight: 900; text-transform: uppercase; border-radius: 5px; padding: 5px 10px; margin-left: 10px; border: 1px solid #424956; position: relative; top: -3px; } .projects .item .details h2 .badge.badge-warning { border-color: #EE3662; color: #EE3662; } .projects .item .details .available { display: inline-flex; padding: 9px 12px; font-size: 14px; font-weight: 500; line-height: 16px; border-radius: 5px; background: #f0f0fa; margin-top: 16px; margin-bottom: -6px; } .projects .item .details .available svg { margin-right: 6px; } .projects .item .details p { max-width: 1000px; color: #424956; font-size: 14px; line-height: 20px; letter-spacing: 0.14px; margin-top: 25px; } .projects .item .buttons { width: 160px; } .projects .item .buttons a + a { margin-top: 20px; } .projects .item + .item { margin-top: 32px; } /* Page: Project Single -------------------------------------------*/ .page-projects-show main { display: flex; height: 100%; align-items: stretch; } .single-project { display: flex; width: 100%; align-items: stretch; } .single-project .container { width: 100%; max-width: 1120px; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } .single-project h4 { font-size: 16px; font-weight: 800; line-height: 18px; margin-bottom: 24px; } .single-project .head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid #EFEFFF; } .single-project .head h1 { color: #4A00FF; font-size: 45px; font-weight: 800; line-height: 50px; } .single-project .featured-image { width: 100%; height: 590px; overflow: hidden; position: relative; border-radius: 20px; } .single-project .featured-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .single-project .content { margin-top: 32px; } /* Page: My Network -------------------------------------------*/ .invite-link { margin-top: 30px; } .invite-link h3 { display: flex; color: #4A00FF; font-size: 28px; font-weight: 700; line-height: 31px; align-items: center; margin-bottom: 20px; } .invite-link h3 svg { margin-right: 10px; } .invite-link .details { display: flex; align-items: center; justify-content: space-between; } .invite-link .details p { width: 42%; color: #424956; font-size: 14px; font-weight: 500; line-height: 20px; padding-right: 40px; } .invite-link .details .input { display: flex; width: 58%; max-width: 650px; } .invite-link .details .input input { display: flex; flex-grow: 1; height: 44px; color: #424956; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; font-weight: 500; line-height: 21px; padding: 0 15px; border-radius: 5px; border: 1px solid #424956; } .invite-link .details button { margin-left: 20px; } .invite-link .details .btn + .btn { margin-left: 10px; } /* Page: Account -------------------------------------------*/ .page-account { width: 100%; display: flex; } /* * Sidebar */ .page-account aside { width: 414px; padding: 0 48px 48px 48px; } .page-account .page-head { margin-bottom: 0; padding-bottom: 52px; background: transparent; } .page-account .card { border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } .page-account .card .inner { padding: 30px 20px; } .page-account .avatar { width: 135px; height: 135px; margin: 0 auto; position: relative; } .page-account .avatar .img { width: 135px; height: 135px; overflow: hidden; position: relative; border-radius: 50%; } .page-account .avatar .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .page-account .avatar .edit { right: 0; bottom: 0; width: 40px; height: 40px; background: #fff; border: 0; border-radius: 50%; padding: 9px 0 0 9px; box-shadow: 0 0 20px rgba(74, 0, 255, 0.10); position: absolute; cursor: pointer; } .page-account .avatar .edit:hover { background: #4A00FF; } .page-account .avatar .edit:hover svg path { fill: #fff; } .page-account .avatar input { top: 0; left: 0; opacity: 0; width: 100%; height: 100%; position: absolute; cursor: pointer; } .page-account .card h2 { color: #4A00FF; font-size: 21px; font-weight: 700; line-height: 23px; text-align: center; margin: 20px 0 15px 0; } .page-account .card .info { display: flex; align-items: center; justify-content: center; } .page-account .card .info svg { margin: 2px 8px 0 0; } .page-account .card .link { padding: 20px; border-top: 2px solid #EFEFFF; } .page-account .card .link h5 { color: #424956; font-size: 16px; font-weight: 600; line-height: 18px; margin-bottom: 15px; } .page-account .card .link .input-wrapper { position: relative; border-radius: 5px; background: #EFEFFF; } .page-account .card .link .input-wrapper input { display: block; width: 100%; color: #4A00FF; font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; padding: 15px 50px 15px 15px; text-overflow: ellipsis; border: 0; background: transparent; } .page-account .card .link .input-wrapper button { display: flex; top: 0; right: 0; border: 0; height: 100%; position: absolute; padding: 0 12px 0 6px; align-items: center; justify-content: center; background: transparent; cursor: pointer; } /* * Content */ .page-account .content { display: flex; flex-direction: column; width: calc(100% - 414px); background: #fff; } .page-account .scrollable { width: 100%; overflow: auto; flex-grow: 1; } .page-account .form-wrapper { width: 100%; padding: 48px; } .page-account .alert { margin-top: -20px; margin-bottom: 24px; } .page-account .content .avatar { display: none; } /* * Tabs */ .page-account .tabs { padding: 56px 48px 0 48px; background: #fff; } .page-account .tabs ul { font-size: 0; line-height: 0; list-style: none; padding-bottom: 70px; border-bottom: 1px solid #EFEFFF; } .page-account .tabs ul li { display: inline-block; color: #565E6D; font-size: 16px; font-weight: 600; line-height: 18px; } .page-account .tabs ul li + li { margin-left: 50px; } .page-account .tabs ul li a { display: block; padding: 4px 0; position: relative; } .page-account .tabs ul li.current a { color: #4A00FF; } .page-account .tabs ul li.current a:after { content: ""; left: 0; right: 0; bottom: -14px; height: 6px; background: #4A00FF; position: absolute; } /* * Form */ .page-account .form-wrapper { flex-grow: 1; } /* * Settings (Notifications) */ .form-settings { border-top: 2px solid #EFEFFF; padding-top: 24px; } .form-settings h3 { color: #424956; font-size: 24px; line-height: 28px; margin-bottom: 24px; } .form-settings .setting-row { display: flex; padding: 22px 25px; border-radius: 10px; background: #F7F7FE; justify-content: space-between; } .form-settings .setting-row p { width: calc(100% - 80px); padding-top: 2px; } .switch { } .switch input { display: none; } .switch span { display: block; width: 52px; height: 28px; background: #424956; border-radius: 60px; position: relative; cursor: pointer; transition: all 0.3s ease; } .switch span:before { content: ""; top: 4px; left: 4px; width: 20px; height: 20px; background: #fff; border-radius: 50%; position: absolute; z-index: 2; transition: all 0.3s ease; } .switch input:checked + span { background: #4A00FF; } .switch input:checked + span:before { transform: translateX(24px); } /* * Subscription details */ .page-account .current-plan { display: flex; color: #fff; padding: 22px 25px; margin-top: -10px; border-radius: 10px; background: linear-gradient(-90deg, #8500FF 0%, #4A00FF 100%); justify-content: space-between; align-items: center; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); border: 1px solid #E2E2F2; } .page-account .current-plan .details { width: calc(100% - 80px); } .page-account .current-plan .details h4 { font-size: 24px; line-height: 26px; } .page-account .current-plan .details p { font-size: 14px; } .page-account .current-plan .btn { margin-top: 0; color: #4A00FF; background: #fff; } .page-account .current-plan .btn.btn-disabled { opacity: 0.7 !important; cursor: not-allowed; } /* * Transactions */ .transactions { margin-top: 48px; } table.transactions td { padding-top: 15px; padding-bottom: 15px; } .transactions .no-data p { margin-bottom: 0; } .transactions .col-date { width: 135px; } .transactions .col-nr { width: 135px; } .transactions .col-total { width: 140px; } .transactions .col-status { width: 160px; } .transactions .col-action { width: 160px; } /* Page: Calendar -------------------------------------------*/ .calendar-wrapper { margin: 45px 0; border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } .fc { border: 0; } .fc table { border: 0 !important; } .fc .fc-header-toolbar { padding: 20px; margin-bottom: 0 !important; background: #FAFAFF; border: 0 !important; border-radius: 10px 10px 0 0 !important; } .fc .fc-header-toolbar .fc-toolbar-chunk:last-child { display: flex; align-items: center; } .fc .fc-header-toolbar .fc-toolbar-chunk > div { display: flex; align-items: center; } .fc .fc-header-toolbar h2 { color: #4A00FF; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; font-weight: 800; line-height: 32px; margin-right: 20px; } .fc .fc-header-toolbar .fc-prev-button, .fc .fc-header-toolbar .fc-next-button { width: 36px; height: 36px; padding: 0; position: relative; background: #FFFFFF !important; box-shadow: 0 0 20px rgba(74, 0, 255, 0.1) !important; border-radius: 50%; border: 0; } .fc .fc-header-toolbar .fc-prev-button { margin-right: 10px; } .fc .fc-header-toolbar .fc-next-button { margin-right: 25px; } .fc .fc-header-toolbar .fc-button .fc-icon { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .fc-icon-chevron-left:before { content: ""; width: 11px; height: 15px; margin-right: 2px; position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='11' height='15' viewBox='0 0 11 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.92801 14.6069L10.2852 12.3211L3.21373 5.46398L0.856585 7.7497L7.92801 14.6069Z' fill='%234A00FF'/%3E%3Cpath d='M10.2851 3.1783L7.92796 0.892578L0.856585 7.7497L3.21368 10.0355L10.2851 3.1783Z' fill='%234A00FF'/%3E%3C/svg%3E"); } .fc-icon-chevron-right:before { content: ""; width: 11px; height: 15px; margin-left: 2px; position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92746 14.6069L0.570312 12.3211L7.64174 5.46398L9.99888 7.7497L2.92746 14.6069Z' fill='%234A00FF'/%3E%3Cpath d='M0.570361 3.1783L2.9275 0.892578L9.99888 7.7497L7.64179 10.0355L0.570361 3.1783Z' fill='%234A00FF'/%3E%3C/svg%3E"); } .fc .fc-header-toolbar .fc-dayGridMonth-button, .fc .fc-header-toolbar .fc-timeGridWeek-button { height: 42px; color: #4A00FF !important; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 22px; border-radius: 5px !important; background: #EFEFFF !important; border: 0 !important; box-shadow: none !important; } .fc .fc-header-toolbar .fc-timeGridWeek-button { margin-left: 10px; } .fc .fc-header-toolbar .fc-button-active { color: #fff !important; background: #4A00FF !important; } .btn-filter.active span { display: flex; align-items: center; } .btn-filter.active span:after { content: attr(data-count); display: block; color: #4A00FF; width: 18px; height: 18px; font-size: 14px; line-height: 18px; background: #ffffff; border-radius: 50%; margin-left: 8px; } .fc-theme-standard .fc-col-header th { color: #424956; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; font-weight: 700; line-height: 20px; padding: 18px 0 36px 0; border: 0 !important; background: #FAFAFF; } .fc-theme-standard th { border: 0 !important; } .fc-theme-standard td { border: 2px solid #EFEFFF; } .fc-theme-standard td:first-child { border-left: 0; } .fc-theme-standard td:last-child { border-right: 0; } .fc-theme-standard tr:first-child td { border-top: 0; } .fc-theme-standard tr:last-child td { border-bottom: 0; } .fc .fc-daygrid-day-frame { min-height: 115px; } .fc .fc-daygrid-day-top { padding-top: 10px; justify-content: center; } .fc .fc-daygrid-day-number { color: #424956; text-align: center; font-size: 14px; font-weight: 600; line-height: 16px; padding-bottom: 10px; } .fc .fc-daygrid-day.fc-day-today { background: #FAFAFF; } .fc .fc-day-today .fc-daygrid-day-number { color: #4A00FF; font-weight: 700; } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2px !important; } .fc-event { display: block !important; font-size: 0; line-height: 0; background: #EFEFFF !important; box-shadow: none !important; border: 0 !important; padding: 7px !important; cursor: pointer; } .fc-event-selected:before, .fc-event:focus:before, .fc-event-selected:after, .fc-event:focus:after { display: none !important; } .fc-event > div { display: inline-block; } .fc-event .fc-event-main, .fc-event .fc-event-main-frame { display: block; } .fc-timegrid-event-harness { padding: 1px; } .fc-timegrid-event { margin: 2px 0 !important; background: #FAFAFF; } .fc-event .fc-event-title-container { font-size: 0 !important; line-height: 0 !important; display: inline !important; } .fc-event .fc-event-title { display: inline !important; color: #8500FF; font-size: 11px; font-weight: 700; line-height: 13px; white-space: normal !important; padding: 0; } .fc-event.text-light .fc-event-title { color: #fff; } .fc-event .fc-event-time { display: inline !important; color: #424956; font-size: 11px; font-weight: 800; line-height: 13px; text-transform: uppercase; margin-right: 5px !important; } .fc-event.text-light .fc-event-time { color: rgba(255, 255, 255, 0.7); } .fc-daygrid-event-dot { display: none !important; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 4px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 4px; } .fc-daygrid-event-harness + .fc-daygrid-event-harness { margin-top: 4px !important; } .fc .fc-timegrid-col.fc-day-today { background-color: #FAFAFF; } .fc-theme-standard .fc-list { border: 0; } .fc .fc-list-empty { background: transparent !important; } .fc-list-table, .fc-list-table tbody, .fc-list-table tr, .fc-list-table th, .fc-list-table td { display: block; } .fc-list-table thead { display: none; } .fc .fc-list-day { margin-bottom: 4px; } .fc .fc-list-day-cushion { font-size: 14px; padding: 8px 16px !important; background: #F7F7FE !important; } .fc .fc-list-event { display: flex; font-size: 16px; line-height: 24px; border-radius: 5px; padding: 0 12px !important; margin: 4px; } .fc .fc-list-event.text-light { color: #ffffff !important; } .fc .fc-list-day-cushion, .fc .fc-list-table td { padding: 0; } .fc .fc-list-event-graphic { display: none; } .fc .fc-list-event-time { color: inherit !important; width: 40px; font-size: 12px; padding: 8px 0 0 0 !important; border: 0 !important; } .fc .fc-list-event-title { color: inherit !important; font-size: 16px; font-weight: 600; padding: 0 0 8px 0 !important; margin: 0 !important; border: 0 !important; } /* * Event Popover */ .event-popover { top: 256px; left: 723px; width: 316px; z-index: 999; padding: 20px; position: absolute; border-radius: 10px; background: #ffffff; box-shadow: 0 0 20px rgba(74, 0, 255, 0.10); } .event-popover:before { content: "▲"; color: #fff; position: absolute; top: 30px; right: 100%; margin-right: -3px; transform: rotate(-90deg) scaleX(1.5) scaleY(0.8); text-shadow: 0 0 -20px rgba(74, 0, 255, 0.10); } .event-popover.right:before { left: 100%; right: auto; margin-left: -3px; margin-right: 0; transform: rotate(90deg) scaleX(1.5) scaleY(0.8); text-shadow: 0 0 20px rgba(74, 0, 255, 0.10); } .event-popover.bottom:before { top: auto; bottom: 30px; } .event-popover .close { top: 10px; right: 10px; position: absolute; cursor: pointer; } .event-popover .title-wrapper { padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 2px solid #EFEFFF; } .event-popover .title { display: flex; } .event-popover .title img { width: 18px; height: 18px; margin-right: 10px; } .event-popover .title h2 { color: #4A00FF; width: calc(100% - 28px); font-size: 20px; font-weight: 700; line-height: 20px; } .event-popover .share a { display: flex; font-size: 14px; line-height: 18px; align-items: center; margin-top: 6px; } .event-popover .share a svg { display: block; width: 14px; height: 14px; margin-top: 1px; margin-right: 5px; transition: none; } .event-popover .share a:hover svg { fill: #4A00FF; } .event-popover .date { font-size: 17px; font-weight: 800; line-height: 22px; padding-left: 20px; margin-bottom: 20px; border-left: 4px solid #4A00FF; } .event-popover .date small { display: block; opacity: 0.85; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 3px; } .event-popover .date-wrapper h5 { color: #4A00FF; margin-bottom: 4px; } .event-popover .date-wrapper .date + h5 { margin-top: -10px; } .event-popover .time { display: flex; align-items: center; padding-top: 2px; } .event-popover .time img { display: block; width: 15px; height: 15px; margin-top: 2px; margin-right: 6px; } .event-popover .time span { font-size: 14px; font-weight: 600; line-height: 22px; } .event-popover .description { font-size: 14px; line-height: 20px; padding-top: 15px; border-top: 2px solid #EFEFFF; } .event-popover .info { margin-top: 20px; padding-top: 15px; border-top: 2px solid #EFEFFF; } .event-popover .info h5 { font-size: 14px; font-weight: 800; line-height: 21px; margin-bottom: 10px; } .event-popover .info a.link { display: block; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 21px; text-decoration: none; padding: 4px 5px 6px 28px; border-radius: 5px; background: #4A00FF url('../img/icon-link-white.svg') no-repeat 8px center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .event-popover .info .lang { display: inline-flex; color: #9494B2; font-size: 14px; font-weight: 700; line-height: 18px; border-radius: 5px; padding: 5px 7px 7px 7px; background: #EFEFFF; align-items: center; } .event-popover .info .lang svg { fill: #9494B2; width: 16px; height: 16px; margin-right: 5px; margin-top: 1px; } .event-popover .actions { display: flex; margin-top: 20px; padding-top: 15px; border-top: 2px solid #EFEFFF; justify-content: space-between; } .event-popover .actions a { } /* * Filters */ .calendar-filters { width: 260px; padding: 20px !important; } .calendar-filters .form-row + .form-row { margin-top: 20px; } .calendar-filters .buttons { display: flex; margin-top: 20px; } .calendar-filters .buttons .btn + .btn { margin-left: 10px; } /* * Public Event Details */ .event-page .container { display: flex; min-height: 100vh; justify-content: center; align-items: center; } .event-page .event { padding: 24px 24px 32px 24px; } .event-page .logo { display: block; width: 100px; height: auto; margin: 0 auto 24px auto; } .event-page .box { width: 400px; position: relative; border-radius: 20px; background: #ffffff; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.20); } .event-page .box .title { border-radius: 20px 20px 0 0; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); } .event-page .box .title h1 { color: #fff; font-size: 22px; line-height: 28px; text-align: center; padding: 16px 32px; } .event-page .cover { height: 200px; } .event-page .cover img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .event-page .box .inner { padding: 20px; } .event-page .box .date-wrapper { padding-bottom: 16px; border-bottom: 2px dashed #EFEFFF; } .event-page .box .date-wrapper div { display: flex; align-items: center; } .event-page .box .date-wrapper div img { width: 18px; min-width: 18px; height: auto; margin-right: 10px; } .event-page .box .date-wrapper div + div { margin-top: 4px; } .event-page .box .date-wrapper .date { font-size: 18px; font-weight: 600; line-height: 24px; } .event-page .box .date-wrapper .time { flex-wrap: wrap; font-size: 15px; } .event-page .box .date-wrapper .timezone { display: block; opacity: 0.7; font-size: 13px; margin-top: 0; } .event-page .box .date-wrapper h5 { color: #4A00FF; font-size: 15px; font-weight: 400; padding-bottom: 4px; } .event-page .box .date-wrapper .timezone + h5 { margin-top: 15px; } .event-page .box .description { padding-top: 16px; } .event-page .location { padding-top: 20px; } .event-page .location h5 { font-size: 16px; line-height: 22px; } .event-page .location a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .event-page .buttons { z-index: 20; margin-top: 24px; position: relative; } .event-page .buttons .btn { width: 100%; justify-content: center; } .event-page .buttons .btn span { margin-left: 8px; } .event-page.show-add-to-calendar .bg-blur { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(1px); } .add-to-calendar { display: none; position: relative; } .event-page.show-add-to-calendar .add-to-calendar { display: block; } .add-to-calendar .ate-links { left: 0; right: 0; bottom: 100%; z-index: 20; position: absolute; margin-bottom: 10px; padding: 10px 0; border-radius: 20px; background: #ffffff; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.20); } .add-to-calendar a { display: block; font-weight: 600; padding: 10px 20px 10px 50px; } .add-to-calendar a em { display: inline-block; color: #999; font-size: 14px; font-weight: 400; margin-left: 2px; } .add-to-calendar .appleical { background: url('../img/icon-ate-apple.svg') no-repeat 18px 40% / 22px 100%; } .add-to-calendar .google { background: url('../img/icon-ate-google.svg') no-repeat 18px 50% / 22px 100%; } .add-to-calendar .office365 { background: url('../img/icon-ate-office365.svg') no-repeat 19px 50% / 18px 100%; } .add-to-calendar .outlook { background: url('../img/icon-ate-outlook.svg') no-repeat 18px 50% / 22px 100%; } .add-to-calendar .outlookcom { background: url('../img/icon-ate-outlookcom.svg') no-repeat 18px 40% / 22px 100%; } .add-to-calendar .yahoo { background: url('../img/icon-ate-yahoo.svg') no-repeat 18px 50% / 22px 100%; } .add-to-calendar a:hover { color: inherit; background-color: #EFEFFF; } /* Page: Packages -------------------------------------------*/ .page-packages { padding-bottom: 60px; } .page-packages .page-head { text-align: center; background: transparent !important; padding: 60px 0 10px 0; } .page-packages .page-head p { font-weight: 800; margin-top: 18px; } .page-packages .tabs { display: flex; width: 100%; max-width: 400px; margin: 0 auto; background: #ffffff; border-radius: 5px; overflow: hidden; } .page-packages .tabs .tab { display: flex; width: 50%; height: 42px; font-weight: bold; align-items: center; justify-content: center; cursor: pointer; } .page-packages .tabs .tab.active { color: #ffffff; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); } .page-packages .items { display: flex; justify-content: center; margin: 70px -12px 0 -12px; } .page-packages .item { width: calc(25% - 24px); max-width: 300px; margin: 0 12px; border-radius: 10px; background: #FFF; box-shadow: 0 0 20px 0 rgba(74, 0, 255, 0.10); position: relative; } .page-packages .item .badge { top: -34px; left: 50%; width: 100%; max-width: 160px; padding: 8px 20px; color: #ffffff; font-size: 14px; line-height: 18px; font-weight: bold; text-align: center; position: absolute; background: #424956; border-radius: 5px 5px 0 0; transform: translateX(-50%); } .page-packages .item .head { padding: 30px; text-align: center; border-bottom: 2px solid #EFEFFF; } .page-packages .item .head h3 { color: #4A00FF; font-size: 24px; font-weight: 800; line-height: 24px; } .page-packages .item .head .price { display: flex; flex-wrap: wrap; font-size: 40px; font-weight: 800; line-height: 44px; align-items: center; justify-content: center; margin: 24px 0; } .page-packages .item .head .price s { width: 100%; display: block; font-size: 28px; line-height: 32px; } .page-packages .item .head .price small { font-size: 16px; font-weight: 400; line-height: 16px; margin-left: 6px; } .page-packages .item .head .discount { display: flex; justify-content: center; margin-top: -10px; margin-bottom: 24px; } .page-packages .item .head .discount span { color: #4A00FF; font-weight: bold; padding: 4px 15px; border: 2px solid #4A00FF; border-radius: 30px; } .page-packages .item .head .btn { width: 100%; max-width: 260px; justify-content: center; } .page-packages .item.free .discount { opacity: 0; visibility: hidden; } .page-packages .item .details ul { list-style: none; padding: 32px 0 36px 0; } .page-packages .item .details ul li { font-size: 19px; line-height: 24px; text-align: center; padding: 14px 0; } .page-packages .item .details ul li strong { font-weight: 900; } .page-packages .item .details ul li.not-available { color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } .page-packages .items[data-period="monthly"] .item .head .annual { display: none; } .page-packages .items[data-period="annual"] .item .head .monthly { display: none; } /* Page: Form (Edit) -------------------------------------------*/ .page-form .container { max-width: 800px; margin: 0 auto; padding: 50px 0 60px 0; } .page-form h2 { color: #9494B2; font-size: 45px; font-weight: 800; line-height: 50px; margin-bottom: 48px; } .page-form .cover-image-input { display: inline-flex; align-items: center; border-radius: 5px; background: #ffffff; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); position: relative; overflow: hidden; } .page-form .cover-image-input .image { width: 320px; height: 200px; background: url('../img/default-project-cover.jpg') no-repeat center center / cover; } .page-form .cover-image-input .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .page-form .cover-image-input .buttons { max-width: calc(100% - 320px); padding-left: 32px; padding-right: 32px; } .page-form .cover-image-input .buttons .btn { display: flex; width: 200px; justify-content: center; margin-top: 0; position: relative; } .page-form .cover-image-input .buttons .btn + .btn { margin-top: 10px; } .page-form .cover-image-input .buttons .btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } /* Page: Checkout -------------------------------------------*/ .page-checkout { padding-bottom: 60px; } .page-checkout .page-head { padding-bottom: 0; } .page-checkout .page-head { text-align: center; background: transparent !important; padding: 60px 0 0px 0; } .page-checkout .page-head p { font-weight: 800; margin-top: 18px; } .page-checkout form { width: 100%; max-width: 430px; margin: 0 auto; } /* * Package */ .page-checkout .package { display: flex; min-height: 100px; border-radius: 10px; background: #FFF; overflow: hidden; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } .page-checkout .package .image { width: 115px; overflow: hidden; } .page-checkout .package .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .page-checkout .package .details { width: calc(100% - 115px); display: flex; align-items: center; justify-content: space-between; padding: 12px 20px 12px 15px; } .page-checkout .package .details h4 { color: #4A00FF; font-size: 18px; font-weight: 800; line-height: 20px; margin-bottom: 5px; } .page-checkout .package .details p { font-size: 12px; line-height: 18px; } .page-checkout .package .price { font-size: 21px; font-weight: 800; line-height: 24px; text-align: right; } .page-checkout .package .price small { display: block; font-size: 12px; font-weight: 400; font-style: italic; line-height: 16px; } .page-checkout .back { font-size: 12px; line-height: 14px; text-align: center; margin-top: 12px; } /* * Payment box */ .page-checkout .payment-box { margin-top: 30px; overflow: hidden; background: #FFF; border-radius: 10px; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } .page-checkout .payment-box .payment-method { display: flex; background: #f7f7fe; } .page-checkout .payment-box .payment-method .tab { display: flex; align-items: center; justify-content: center; width: 50%; padding: 20px; text-align: center; cursor: pointer; font-size: 16px; font-weight: 600; line-height: 18px; color: #9494B2; box-shadow: inset 2px -2px 4px 0 rgba(116, 116, 194, 0.1); } .page-checkout .payment-box .payment-method .tab .icon { margin-right: 10px; } .page-checkout .payment-box .payment-method .tab .icon svg { fill: #9494B2; transition: none !important; } .page-checkout .payment-box .payment-method .tab.active { color: #4A00FF; font-weight: 800; background: #FFF; box-shadow: none; } .page-checkout .payment-box .payment-method .tab.active .icon svg { fill: #4A00FF; } .page-checkout .payment-box .payment-method .tab:not(.active):first-child { box-shadow: inset -2px -2px 4px 0 rgba(116, 116, 194, 0.1); } .page-checkout .payment-box .form { padding: 30px; } .page-checkout .payment-box .form > p { font-size: 14px; line-height: 20px; margin-bottom: 20px; } .page-checkout .payment-box .form-row + p { margin-top: 24px; } .field-card label { position: relative; } .field-card label img { top: -6px; right: -18px; height: 32px; position: absolute; } .page-checkout .payment-box .notice { font-size: 12px; line-height: 18px; margin-top: 24px; } .page-checkout .payment-box .notice a { text-decoration: underline; } .page-checkout .payment-box .notice p + p { margin-top: 10px; } .page-checkout .nowpayments-logo { display: inline-block; padding: 12px 16px 10px 16px; background: #1b1e22; border-radius: 10px; margin-bottom: 12px; } .page-checkout .nowpayments-logo img { height: 16px; } .page-checkout .payment-box .details { padding: 30px; } .page-checkout .payment-box .details .row { display: flex; align-items: center; justify-content: space-between; } .page-checkout .payment-box .details .row + .row { margin-top: 20px; } .page-checkout .payment-box .details .label { display: flex; font-size: 14px; font-weight: 600; line-height: 16px; align-items: center; } .page-checkout .payment-box .details .label img { margin-right: 10px; } .page-checkout .payment-box .details .value { color: #4A00FF; font-weight: 800; text-align: right; } .page-checkout .payment-box .total { display: flex; color: #ffffff; font-size: 21px; font-weight: 800; line-height: 24px; align-items: center; justify-content: space-between; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); padding: 24px 30px; } .page-checkout .payment-box .total .price { font-size: 28px; font-weight: 800; line-height: 32px; } /* * Button container */ .page-checkout .button-container { padding-top: 10px; text-align: center; } .page-checkout .button-container .btn { height: 50px; } /* Page: Users -------------------------------------------*/ .popup-user .name { display: flex; align-items: center; } .popup-user .name .avatar { width: 80px; height: 80px; min-width: 80px; margin-right: 20px; border-radius: 50%; overflow: hidden; } .popup-user .name .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .popup-user .name .right { font-size: 22px; font-weight: bold; line-height: 24px; } .popup-user .name .right small { display: block; font-size: 12px; font-weight: normal; line-height: 16px; margin-top: 3px; } .popup-user .name .right div { display: flex; align-items: center; font-size: 12px; font-weight: 400; line-height: 18px; margin-top: 5px; cursor: pointer; background: #F8F8FF; padding: 6px 8px; border-radius: 5px; } .popup-user .name .right div svg { margin-left: 4px; } .popup-user .name .right div:hover { color: #4A00FF; } .popup-user .name .right div:hover svg { fill: #4A00FF; } .popup-user .network { display: flex; margin: 24px -12px 0 -12px; } .popup-user .network .stat { width: calc(33.333% - 24px); margin: 0 12px; font-size: 14px; line-height: 16px; background: #F7F7FE; border-radius: 5px; padding: 12px 16px; text-align: center; } .popup-user .network .stat strong { display: inline-block;; font-size: 20px; font-weight: bold; line-height: 26px; margin-top: 4px; } .popup-user .programs { margin-top: 24px; } .popup-user .programs h3 { font-size: 18px; line-height: 20px; margin-bottom: 16px; } .popup-user .programs .item { display: flex; background: #F7F7FE; border-radius: 10px; overflow: hidden; } .popup-user .programs .item + .item { margin-top: 16px; } .popup-user .programs .item .image { width: 120px; } .popup-user .programs .item .image img { width: 100%; height: 100% !important; object-fit: cover; object-position: center; } .popup-user .programs .item .details { width: calc(100% - 120px); padding: 18px 20px; } .popup-user .programs .item .details h4 { font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 3px; } .popup-user .programs .item .details p { font-size: 12px; line-height: 18px; } .popup-user .programs .item .details p span { display: inline-flex; align-items: center; cursor: pointer; } .popup-user .programs .item .details p span svg { margin-left: 4px; } .popup-user .programs .item .details p span:hover { color: #4A00FF; } .popup-user .programs .item .details p span:hover svg { fill: #4A00FF; } .popup-user .referred-by { margin-top: 24px; } .popup-user .referred-by h3 { font-size: 18px; line-height: 20px; margin-bottom: 16px; } .popup-user .referred-by .user { display: flex; align-items: center; } .popup-user .referred-by .user .avatar { width: 36px; height: 36px; min-width: 32px; margin-right: 10px; border-radius: 50%; overflow: hidden; } .popup-user .referred-by .user .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .popup-user .referred-by .user span { font-size: 14px; line-height: 18px; font-weight: 600; } /* Popup: QR Code -------------------------------------------*/ .popup-qr { } .popup-qr .jconfirm-box { max-width: 340px !important; } .popup-qr .jconfirm-header { padding: 10px 10px 0 10px; justify-content: flex-end; background: transparent !important; } .popup-qr .jconfirm-header div.jconfirm-closeIcon { width: 36px; height: 36px; } .popup-qr .jconfirm-header div.jconfirm-closeIcon svg { width: 16px; height: 16px; fill: #424956; } .popup-qr .jconfirm-box div.jconfirm-content-pane { padding-top: 10px; padding-bottom: 0; } .popup-qr iframe { display: block; border: 0; margin: 0 auto; } .popup-qr p { font-size: 13px; line-height: 18px; text-align: center; margin-top: 15px; } /* Page: Welcome -------------------------------------------*/ .page-welcome { padding: 30px 0; } .page-welcome .header { left: auto; right: 0; } .page-welcome .container { display: flex; min-height: calc(100vh - 60px); align-items: center; justify-content: center; flex-direction: column; } .page-welcome .logo { display: block; width: 100px; height: auto; margin: 0 auto 16px auto; } .page-welcome .box { width: 100%; max-width: 540px; padding: 36px 20px; overflow: hidden; position: relative; border-radius: 20px; background: #ffffff; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.20); } .page-welcome .box h1 { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 800; line-height: 48px; text-align: center; margin-bottom: 24px; background: linear-gradient(90deg, #8500FF 0%, #4A00FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .page-welcome .box.text-center { text-align: center; } .page-welcome .box p + p { margin-top: 24px; } .page-general .box { max-width: 860px; text-align: left; padding: 30px 35px 45px 35px; } /* Popup: Message -------------------------------------------*/ .popup-message { } .popup-message .content { } .popup-message .general-content h2 { color: inherit; font-size: 26px; line-height: 32px; } .popup-message .content p { } .popup-message .content ul { list-style: none; } /* General helper styles ---------------------------------------------------*/ [class*="display-"] { display: none; } @media (min-width: 1024px) { header .bars { display: none; } } /* Mobile header ---------------------------------------------------*/ /* Media Queries ---------------------------------------------------*/ @media (max-width: 1280px) { .login-wrapper .left { padding-left: 48px; } } @media (max-width: 1240px) { .container { padding: 0 24px; } header nav { margin-left: 32px; } header nav ul li + li { margin-left: 36px; } header .language { display: none; } header .user { margin-right: 16px; } .page-account aside { padding-left: 36px; padding-right: 36px; width: 380px; } .page-account .content { width: calc(100% - 380px); } .page-account .tabs { padding-left: 36px; padding-right: 36px; } .page-account .form-wrapper { padding-left: 36px; padding-right: 36px; } .page-account .tabs ul { padding-bottom: 48px; } .page-account .tabs ul li + li { margin-left: 36px; } .page-account .transactions .col-desc { display: none; } .page-packages .items { margin-left: -12px; margin-right: -12px; } .page-packages .item { margin: 0 6px; width: calc(24% - 12px); } .page-packages .item .head { padding: 30px 15px; } .page-packages .item .head .price { font-size: 36px; } .page-packages .item .details ul li { font-size: 16px; line-height: 20px; padding: 12px 0; } } @media (max-width: 1140px) { .page-head .stats .box .right .stat { width: 125px; } } @media (max-width: 1023px) { .wrapper { padding-top: 60px; } header { padding: 8px 0; } header nav { display: none; } header .user { margin-right: 0; } header .user .trigger { width: 36px; height: 36px; } header .user .dropdown { margin-top: 8px; } header .user .dropdown:before { right: 20px; } header .invite-button { display: none; } header .logo { position: absolute; left: 50%; transform: translateX(-50%); } header .logo:after { font-size: 8px; } header .logo img { height: 40px; width: auto; } header .notifications { padding: 8px; position: absolute; left: 56px; margin-right: 0; } header .notifications .dropdown { right: auto; left: -8px; margin-top: 6px; } header .notifications .dropdown:before { right: auto; left: 20px; } header .bars .dropdown { right: auto; left: 0; margin-top: 6px; } header .bars .dropdown:before { right: auto; left: 14px; } header .bars a.current { color: #4A00FF; } .login-wrapper .left { padding-left: 24px; padding-right: 36px; } .page-account { flex-direction: column; } .page-account aside { width: 100%; padding-left: 24px; padding-right: 24px; padding-bottom: 0; } .page-account .card { display: none; } .page-account .content { width: auto; margin: 0 24px 48px 24px; border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } .page-account .tabs { background: none; padding: 36px 0 0 0; } .page-account .tabs ul { padding-left: 36px; padding-right: 36px; } .page-account .form-wrapper { padding-top: 36px; } .page-account .avatar { width: 110px; height: 110px; } .page-account .avatar .img { width: 110px; height: 110px; } .page-account .content .avatar { display: block; margin-left: 0; margin-right: 0; margin-bottom: 30px; } .page-head { background: transparent; padding-bottom: 0; } .page-head .stats .flex { display: block !important; } .page-head .stats .box { width: 100%; } .page-head .stats .box + .box { margin-top: 24px; } .invite-link .details { display: block; } .invite-link .details p { width: 100%; padding-right: 0; padding-bottom: 16px; } .invite-link .details .input { width: 100%; max-width: 100%; } .page-packages { padding-bottom: 40px; } .page-packages .page-head { padding-top: 50px; padding-bottom: 0; } .page-packages .items { width: 100vw; display: flex; justify-content: flex-start; overflow-x: auto; white-space: nowrap; margin: 50px 0 0 -24px; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding: 34px 20px 40px 20px; } .page-packages .item { width: 260px; min-width: 260px; max-width: none; } .page-checkout .page-head { padding-top: 50px; } .projects { padding-top: 40px; } .projects .item .details { width: 100%; margin-bottom: 24px; } .projects .item .right { display: block; } } @media (max-width: 767px) { .container { padding: 0 15px; } .login-wrapper { flex-direction: column; padding-top: 140px; background-position: 60% 0; background-size: auto 100%; } .login-wrapper:before { content: ""; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 1; position: absolute; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); } .login-wrapper .left { width: 100%; padding: 0 30px; text-align: center; justify-content: center; padding-bottom: 30px; position: relative; z-index: 2; } .login-wrapper .left h1 { font-size: 36px; line-height: 40px; } .login-wrapper .left h3 { font-size: 16px; line-height: 21px; } .login-wrapper .left h3:before { margin-left: auto; margin-right: auto; } .login-wrapper .right { width: 100%; padding: 30px; background: transparent; position: relative; z-index: 2; } main { transition: filter ease 0.3s; } header:has(.dropdown.open) ~ main { filter: blur(2px); } footer .container { flex-direction: column; } footer .links { margin-top: 16px; } .btn { font-size: 16px; } .form-group { display: block; } .form-group .form-row.size-50 { width: calc(100% - 16px); } .form-row + .form-row { margin-top: 24px; } .form-row + .form-group { margin-top: 24px; } .form-group + .form-row { margin-top: 24px; } .form-group .form-row + .form-row { margin-top: 24px; } .form-row > label { margin-bottom: 12px; } .form-description { margin-top: -16px; margin-bottom: 24px; } .content-wrapper { padding-bottom: 24px; } .jconfirm-header { padding-left: 20px; } .jconfirm .jconfirm-box div.jconfirm-title-c { font-size: 19px; } .jconfirm .jconfirm-box div.jconfirm-content-pane { padding: 24px 15px 10px 15px; } .jconfirm .jconfirm-holder .container { padding: 10px 0; } .page-head { padding-top: 30px; margin-bottom: 30px; } .page-head h1 { font-size: 36px; line-height: 40px; } .page-head .stats { margin-top: 30px; } .page-head .stats h3 { font-size: 18px; line-height: 24px; margin-bottom: 20px; } .page-head .stats .box { padding-left: 20px; } .page-head .stats .box .left { font-size: 16px; line-height: 18px; } .page-head .stats .box .right .stat { width: 90px; height: 90px; font-size: 10px; line-height: 13px; } .page-head .stats .box .right .stat strong { margin-top: 5px; } .page-head .stats .box .left strong { font-size: 36px; line-height: 40px; } .page-head .stats .box .right .stat + .stat { margin-left: 10px; } .page-head .stats .box + .box { margin-top: 20px; } .section-title { font-size: 18px; line-height: 24px; } .table-wrapper { margin-bottom: 20px; } .table-wrapper.mobile-off { border: 0; border-radius: 0; background: transparent; box-shadow: none; } .table-wrapper.mobile-off table { display: block; } .table-wrapper.mobile-off table * { display: block; } .table-wrapper.mobile-off table .btn { display: inline-flex; } .table-wrapper.mobile-off table thead { display: none; } .table-wrapper .no-data { border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); padding: 30px 20px; } table.members tr { position: relative; padding: 20px 0 20px 0; border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); display: flex !important; flex-direction: column; align-items: flex-end; } table.members tr + tr { margin-top: 10px; } table.members td { width: calc(100% - 156px); box-sizing: border-box; text-align: left; padding: 10px; font-size: 12px; line-height: 14px; display: flex !important; align-items: center } table.members td:not(.name):before { content: attr(data-label) ":"; display: block; font-weight: 700; font-size: 12px; line-height: 14px; margin-right: 4px; } table.members td + td { border-top: 1px solid #EFEFFF; } table.members td:last-child { padding-bottom: 0; } table.members td.level { border-top: 0; padding-top: 0; } table.members td.level img { height: 16px; margin-left: 0; margin-right: 6px; margin-bottom: 0; } table.members td.name { width: 125px; min-width: 0; position: absolute; top: 20px; left: 20px; padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 15px; border-top: 0; font-size: 13px; line-height: 15px; font-weight: 600; } table.members td.name .avatar { margin-right: 10px; } table.members td.name .btn { position: absolute; left: 0; top: 100%; width: 100%; display: block !important; font-size: 12px; line-height: 14px; height: 36px; padding: 10px 0 12px 0; } table.members td.projects .count { display: block !important; } table.members td.projects .titles { display: none; } table.projects tr { position: relative; overflow: hidden; padding: 0 0 20px 0; border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } table.projects tr + tr { margin-top: 10px; } table.projects td.title { padding: 0; } table.projects td.title .flex { flex-direction: column; align-items: center; font-size: 18px; line-height: 22px; } table.projects td.title .image { width: 100%; height: 130px; margin-right: 0; border-radius: 0; margin-bottom: 16px; } table.projects td.webinar { padding-top: 10px; } table.projects td.webinar:before { content: attr(data-label); display: block; color: #9494B2; font-weight: 700; font-size: 12px; line-height: 14px; margin-bottom: 6px; } table.projects td:last-child { padding-right: 15px; } table.projects td.details { padding-top: 0; padding-bottom: 0; } .popup-user .name .avatar { margin-right: 12px; } .popup-user .name .right { font-size: 21px; } .popup-user .programs p { font-size: 14px; line-height: 18px; } .popup-user .network { margin: 24px -6px 0 -6px; } .popup-user .network .stat { padding-left: 8px; padding-right: 8px; margin: 0 6px; width: calc(33.333% - 12px); } .popup-user .programs .item .image { width: 100px; } .popup-user .programs .item .details { width: calc(100% - 100px); padding: 18px 16px; } .popup-user .programs .item .details h4 { font-size: 15px; } .invitations-list tr { position: relative; overflow: hidden; padding: 0; border-radius: 10px; display: flex !important; flex-wrap: wrap; background: #FFF; box-shadow: 0 0 15px 0 rgba(116, 116, 194, 0.30); } .invitations-list tr + tr { margin-top: 10px; } .invitations-list table td { border-top: 0 !important; } .invitations-list table td.name { width: 100%; padding-bottom: 0; text-align: center; font-weight: bold; padding-left: 20px; } .invitations-list table td.email { width: 100%; padding-top: 2px; border-bottom: 1px solid #EFEFFF; margin-bottom: 16px; } .invitations-list table td.actions { width: 100%; margin-top: 16px; padding-top: 16px; border-top: 1px solid #EFEFFF !important; padding-right: 20px; } .invitations-list table td:before { content: attr(data-label); font-size: 12px; line-height: 14px; color: #9494B2; font-weight: 700; display: block; margin-bottom: 4px; } .invitations-list table td.sent, .invitations-list table td.opened, .invitations-list table td.clicked { width: 33.33%; padding: 0 8px; font-size: 12px; line-height: 14px; } .invitations-list table td span { display: block; } .invite-link h3 { font-size: 18px; line-height: 24px; } .invite-link .details .input { flex-wrap: wrap; justify-content: space-between; } .invite-link .details button { margin-left: 0; } .invite-link .details .btn { width: calc(50% - 5px); margin-top: 8px; justify-content: center } .invite-link .details .btn + .btn { margin-left: 0; } .form-invitation-group { padding: 24px 16px; margin-left: 0; margin-right: 0; border-radius: 10px; background: #F6F6FF; } .form-invitation-group + .form-invitation-group { margin-top: 10px; } .page-account aside { padding-left: 15px; padding-right: 15px; } .page-account .page-head { padding-bottom: 30px; } .page-account .content { margin-left: 15px; margin-right: 15px; } .page-account .form-wrapper { padding: 24px 20px; } .form-title { font-size: 24px; line-height: 28px; margin-bottom: 30px; } .form-footer .btn.btn-primary { margin-top: 15px; } .page-account .tabs { padding-top: 20px; } .page-account .tabs ul { display: flex; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding-left: 20px; padding-right: 20px; padding-bottom: 24px; } .page-account .tabs ul li.current a:after { height: 4px; bottom: -6px; } .page-account .current-plan { margin-top: -5px; display: block; } .page-account .current-plan .details { width: 100%; } .page-account .current-plan .btn { margin-top: 16px; width: 100%; justify-content: center } .page-account .content-wrapper { padding-bottom: 0; } .transactions { margin-top: 32px; } table.transactions { margin-top: 0; } table.transactions tr { padding: 15px 20px; border-radius: 10px; background: #F7F7FE; display: flex; flex-direction: column; } table.transactions tr + tr { margin-top: 10px; } table.transactions td { width: 100% !important; text-align: left; padding: 4px 0; border: 0 !important; } table.transactions td.col-nr { font-size: 18px; line-height: 22px; font-weight: 700; padding-left: 0; border-bottom: 1px solid #EFEFFF !important; padding-bottom: 10px; margin-bottom: 6px; } table.transactions td.col-nr:before { content: "#"; } table.transactions td:before { content: attr(data-label); color: #9595B3; } table.transactions td.col-action { padding-right: 0; padding-top: 10px; } table.transactions td .btn { width: 100%; justify-content: center; } .form-settings .setting-row { padding: 18px 14px 20px 20px; align-items: center; } .form-settings .setting-row p { padding-top: 0; } .page-packages { padding-bottom: 0; } .page-packages .items { margin-left: -15px; padding-left: 15px; padding-right: 15px; } .page-packages .page-head { padding-top: 30px; } .page-packages .page-head p { font-size: 14px; line-height: 22px; max-width: 300px; margin-left: auto; margin-right: auto; } .page-packages .item { width: 240px; min-width: 240px; } .page-packages .item .head .price { letter-spacing: -0.7px; } .page-packages .item .head .discount span { font-size: 14px; } .page-checkout { padding-bottom: 30px; } .page-checkout .page-head { padding-top: 30px; } .page-checkout .page-head p { font-size: 14px; line-height: 22px; max-width: 300px; margin-left: auto; margin-right: auto; } .page-checkout .package .details { flex-direction: column; align-items: flex-start; } .page-checkout .package .price { display: flex; align-items: center; margin-top: 10px; } .page-checkout .package .price small { margin-left: 6px; } .page-checkout .payment-box .details { padding: 20px; } .page-checkout .payment-box .details .label img { margin-right: 8px; } .page-checkout .payment-box .details .value { font-size: 14px; } .page-checkout-thankyou .payment-box .total { padding-left: 20px; padding-right: 20px; } .popup-message .general-content h2 { font-size: 26px; } .projects .item { display: block; } .projects .item .image { width: 100%; height: 50vw; display: block; } .projects .item .right { width: 100%; min-height: 0; } .projects .item .details h2 { font-size: 28px; } .single-project .container { padding-top: 24px; padding-bottom: 48px; } .single-project .head h1 { font-size: 40px; } .general-content h2 { font-size: 25px; } .general-content img { border-radius: 12px; } .general-content .responsive-video { border-radius: 12px; } .page-projects-show .content-wrapper { padding-bottom: 0; } .fc .fc-header-toolbar { display: block; } .fc-dayGridMonth-button { display: none !important; } .fc-timeGridWeek-button { display: none !important; } .fc .fc-header-toolbar { background: transparent !important; } .fc .fc-header-toolbar h2 { width: calc(100% - 82px); margin-right: 0; font-size: 23px; } .fc .fc-header-toolbar .fc-next-button { margin-right: 0; } .fc .fc-header-toolbar .fc-toolbar-chunk:last-child { margin-top: 12px; } .fc .dd-actions .dropdown { right: auto; left: 0; min-width: 290px; } .fc .dd-actions .dropdown:before { right: auto; left: 15px; } .event-popover { z-index: 100; top: 50% !important; left: 10px !important; width: calc(100% - 20px) !important; transform: translateY(-50%) !important; position: fixed; } .event-popover:before { display: none; } .content-wrapper:has(.event-popover[style*="display: block"]):before { content: ""; top: 0; left: 0; width: 100vw; height: 100vh; position: fixed; z-index: 5; backdrop-filter: blur(2px); } } @media (max-width: 360px) { .popup-qr .jconfirm-box div.jconfirm-content-pane { padding-left: 10px; padding-right: 10px; } }