:root{--primary-color: white;--secondary-color: rgb(61, 68, 73);--highlight-color: #3282b8;--dt-status-available-color: greenyellow;--dt-status-away-color: lightsalmon;--dt-status-offline-color: lightgray;--dt-padding: 12px;--dt-padding-s: 6px;--dt-padding-xs: 2px;--dt-border-radius: 3px;--dt-background-color-container: #2a3338;--dt-border-color: var(--secondary-color);--dt-bg-color: var(--highlight-color);--dt-text-color: var(--primary-color);--dt-bg-active-button: var(--highlight-color);--dt-text-color-button: var(--primary-color);--dt-text-color-active-button: var(--primary-color);--dt-hover-cell-color: var(--highlight-color);--dt-even-row-color: var(--secondary-color);--dt-focus-color: var(--highlight-color);--dt-input-background-color: var(--secondary-color);--dt-input-color: var(--primary-color)}.material-icons{font-size:16px}.datatable-container{font-family:sans-serif;background-color:var(--dt-background-color-container);border-radius:var(--dt-border-radius);color:var(--dt-text-color);max-width:1140px;min-width:950px;margin:0 auto;font-size:12px}.datatable-container .header-tools{border-bottom:solid 1px var(--dt-border-color);padding:var(--dt-padding);padding-left:0;display:flex;align-items:baseline}.datatable-container .header-tools .search{width:30%}.datatable-container .header-tools .search .search-input{width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;background-color:var(--dt-input-background-color);display:block;box-sizing:border-box;border-radius:var(--dt-border-radius);border:solid 1px var(--dt-border-color);color:var(--dt-input-color)}.datatable-container .header-tools .tools{width:70%}.datatable-container .header-tools .tools ul{margin:0;padding:0;display:flex;align-items:baseline}.datatable-container .header-tools .tools ul li{display:inline-block;margin:0 var(--dt-padding-xs);align-items:baseline}.datatable-container .footer-tools{padding:var(--dt-padding);display:flex;align-items:baseline}.datatable-container .footer-tools .list-items{width:50%}.datatable-container .footer-tools .pages{margin-left:auto;margin-right:0;width:50%}.datatable-container .footer-tools .pages ul{margin:0;padding:0;display:flex;align-items:baseline;justify-content:flex-end}.datatable-container .footer-tools .pages ul li{display:inline-block;margin:0 var(--dt-padding-xs)}.datatable-container .footer-tools .pages ul li button,.datatable-container .header-tools .tools ul li button{color:var(--dt-text-color-button);width:100%;box-sizing:border-box;border:0;border-radius:var(--dt-border-radius);background:transparent;cursor:pointer}.datatable-container .footer-tools .pages ul li button:hover,.datatable-container .header-tools .tools ul li button:hover{background:var(--dt-bg-active-button);color:var(--dt-text-color-active-button)}.datatable-container .footer-tools .pages ul li span.active{background-color:var(--dt-bg-color);border-radius:var(--dt-border-radius)}.datatable-container .footer-tools .pages ul li button,.datatable-container .footer-tools .pages ul li span,.datatable-container .header-tools .tools ul li button{padding:var(--dt-padding-s) var(--dt-padding)}.datatable-container .datatable{border-collapse:collapse;width:100%}.datatable-container .datatable,.datatable-container .datatable th,.datatable-container .datatable td{padding:var(--dt-padding) var(--dt-padding)}.datatable-container .datatable th{font-weight:bolder;text-align:left;border-bottom:solid 1px var(--dt-border-color)}.datatable-container .datatable td{border-bottom:solid 1px var(--dt-border-color)}.datatable-container .datatable tbody tr:nth-child(2n){background-color:var(--dt-even-row-color)}.datatable-container .datatable tbody tr:hover{background-color:var(--dt-hover-cell-color)}.datatable-container .datatable tbody tr .available:after,.datatable-container .datatable tbody tr .away:after,.datatable-container .datatable tbody tr .offline:after{display:inline-block;vertical-align:middle}.datatable-container .datatable tbody tr .available:after{content:"Online";color:var(--dt-status-available-color)}.datatable-container .datatable tbody tr .away:after{content:"Away";color:var(--dt-status-away-color)}.datatable-container .datatable tbody tr .offline:after{content:"Offline";color:var(--dt-status-offline-color)}.datatable-container .datatable tbody tr .available:before,.datatable-container .datatable tbody tr .away:before,.datatable-container .datatable tbody tr .offline:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;vertical-align:middle}.datatable-container .datatable tbody tr .available:before{background-color:var(--dt-status-available-color)}.datatable-container .datatable tbody tr .away:before{background-color:var(--dt-status-away-color)}.datatable-container .datatable tbody tr .offline:before{background-color:var(--dt-status-offline-color)}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.toggle_input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer}.toggle_label{width:75px;height:35px;background:#ccc;position:relative;display:inline-block;border-radius:40px;transition:.4s;box-sizing:border-box}.toggle_label:after{content:"";position:absolute;width:35px;height:35px;border-radius:100%;left:0;top:0;z-index:2;background:#fff;box-shadow:0 0 5px #0003;transition:.4s}.toggle_input:checked+.toggle_label{background-color:#4bd865}.toggle_input:checked+.toggle_label:after{left:40px}.toggle_button{position:relative;width:75px;height:35px;margin:auto}.pointer{cursor:pointer}