.table-element{display:flex}.table-element .copy-input{margin:0}.table-element .toolbar{width:100%;display:flex;position:relative;overflow:hidden}.table-element .toolbar .button-element{width:40px}.table-element .toolbar .button-element button{color:#0000}.table-element .toolbar .mobile-toolbar-side-items{flex:1;margin:0;display:flex;overflow:auto}.table-element .toolbar .mobile-toolbar-side-items .mobile-toolbar-side-item:not(.custom){padding:0 12px}.table-element .toolbar .mobile-toolbar-side-items .mobile-toolbar-side-item{white-space:nowrap;border-radius:3px;flex-shrink:0;width:auto;height:40px;line-height:40px;position:relative}.table-element .toolbar .mobile-toolbar-side-items .mobile-toolbar-side-item .text{white-space:nowrap;white-space:nowrap;flex-shrink:0;min-width:0;display:inline-block}.table-element .toolbar .mobile-toolbar-side-items .mobile-toolbar-side-item:hover,.table-element .toolbar .mobile-toolbar-side-items .mobile-toolbar-side-item.active{cursor:pointer;color:#fff;background-color:#1d6998}.table-element .toolbar .mobile-toolbar-side-items .mobile-toolbar-side-item-add-new-item-button-div{margin-left:12px;margin-right:12px}.table-element .pointer{cursor:pointer}.table-element .clickable:hover{box-shadow:inset 0 0 250px #00000026}.table-element .clickable:active{box-shadow:inset 0 0 250px #0000004d}.table-element .left-block:not(.hide),.table-element .side-items-filter:not(.hide){flex-flow:column;width:140px;margin:0 20px 0 0}.table-element .left-block .left-block-item:not(.custom),.table-element .side-items-filter .left-block-item:not(.custom){border-radius:3px;height:36px;margin:0 0 8px;padding:0 8px;line-height:36px;position:relative}.table-element .left-block .left-block-item:not(.custom):hover,.table-element .left-block .left-block-item:not(.custom).active,.table-element .side-items-filter .left-block-item:not(.custom):hover,.table-element .side-items-filter .left-block-item:not(.custom).active{cursor:pointer;color:#fff;background-color:#1d6998}.table-element .side-item-add-new-item-button-div .side-item-add-new-item-button-line{background:linear-gradient(90deg,#0000,#1d6998,#0000);width:100%;height:1px;margin:4px 0 12px}.table-element .side-item-add-new-item-button-div .side-item-add-new-item-button{height:36px}.table-element .side-item-add-new-item-button-div .side-item-add-new-item-button .button-status-image{top:6px;right:6px}.table-element .side-item-add-new-item-button-div .side-item-add-new-item-button button{height:36px;line-height:36px}.table-element .side-items-filter:not(.hide){width:100%;margin:0}.table-element .center-block{flex:1;max-width:100%;position:relative}.table-element .center-block .loading-overlay{z-index:75;background-color:#0000001a;justify-content:center;align-items:center;width:100%;height:calc(100% - 30px);position:absolute;top:30px;left:0}.table-element .center-block .loading-overlay:not(.hide),.table-element .center-block .search-bar-buttons-left{display:flex}.table-element .center-block .search-bar-container{flex:1}.table-element .center-block .search-bar-buttons-right{display:flex}.table-element .center-block .search-block{margin:0}.table-element .center-block .search-block .results-count,.table-element .center-block .search-block .results-count-simple{padding:8px;font-size:12px}.table-element .center-block .search-block .results-count-simple{display:none}.table-element .center-block .search-block>form:not(.hide){display:flex}.table-element .center-block .search-block>form .search-conditions{flex:1}.table-element .center-block .search-block>form .search-conditions.singular:not(.hide){display:flex}.table-element .center-block .search-block>form .search-conditions.singular:not(.hide) input[type=text]{flex:1;margin:0}.table-element .center-block .search-block>form .search-conditions .data-range{flex:1;display:flex}.table-element .center-block .search-block>form .search-conditions .data-range .date-epoch-input{margin:0}.table-element .center-block .search-block>form .search-conditions .data-range .spacer{justify-content:center;align-items:center;width:40px;height:100%;display:flex}.table-element .center-block .search-block>form .search-conditions.multi:not(.hide){cursor:pointer;background-color:#fff;border:1px solid #dcdcdc;border-radius:3px;flex-wrap:wrap;height:100%;max-height:40px;padding:1px;display:flex;overflow-y:auto}.table-element .center-block .search-block>form .search-conditions.multi:not(.hide):hover{border-color:#c8c8c8}.table-element .center-block .search-block>form .search-conditions.multi:not(.hide):active{border-color:#b4b4b4}.table-element .center-block .search-block>form .search-conditions.multi:not(.hide) .search-conditon-group{flex-wrap:wrap;display:flex;position:relative}.table-element .center-block .search-block>form .search-conditions.multi:not(.hide) .search-conditon-group:not(:first-of-type){margin:0 0 0 20px}.table-element .center-block .search-block>form .search-conditions.multi:not(.hide) .search-conditon-group:not(:first-of-type):before{text-align:center;content:"OR";width:20px;height:20px;font-size:10px;line-height:20px;position:absolute;top:0;left:-20px}.table-element .center-block .search-block>form .search-conditions.multi:not(.hide) .search-conditon-group .search-condition{background-color:#c8c8c8;border-radius:2px;height:16px;margin:1px;padding:1px 2px;font-size:12px}.table-element .center-block .search-block>form select{margin:0 0 0 12px}.table-element .center-block .search-block>form .button-element{width:40px;margin:0 0 0 12px}.table-element .center-block .search-block>form .button-element.filter{margin:0 12px 0 0}.table-element .center-block .search-block>form .button-element button,.table-element .center-block .search-block>form .button-element input{color:#0000}.table-element .center-block .search-block>form .button-element.add-button{width:auto}.table-element .center-block .search-block>form .button-element.add-button button,.table-element .center-block .search-block>form .button-element.add-button input{color:#fff;padding-right:40px}.table-element .center-block .main-block .content-block table{border-collapse:collapse;width:100%}.table-element .center-block .main-block .content-block table .header{z-index:50;background-color:#f3f7fc;position:sticky;top:-20px;box-shadow:0 8px 8px -4px #0000001a}.table-element .center-block .main-block .content-block table .header th:not(.disabled-index-sort):not(.ignore){cursor:pointer}.table-element .center-block .main-block .content-block table .header th:not(.disabled-index-sort):not(.ignore):hover{box-shadow:inset 0 0 250px #00000026}.table-element .center-block .main-block .content-block table .header th:not(.disabled-index-sort):not(.ignore):active{box-shadow:inset 0 0 250px #0000004d}.table-element .center-block .main-block .content-block table .header th:not(.ignore).order-asc,.table-element .center-block .main-block .content-block table .header th:not(.ignore).order-desc{padding-right:20px;position:relative}.table-element .center-block .main-block .content-block table .header th:not(.ignore).order-asc:before{content:"";border:10px solid #0000;border-bottom-color:#3c3c3c;width:0;height:0;position:absolute;top:calc(50% - 15px);right:2px}.table-element .center-block .main-block .content-block table .header th:not(.ignore).order-desc:before{content:"";border:10px solid #0000;border-top-color:#3c3c3c;width:0;height:0;position:absolute;top:calc(50% - 5px);right:2px}.table-element .center-block .main-block .content-block table th,.table-element .center-block .main-block .content-block table td{padding:2px 4px}.table-element .center-block .main-block .content-block table th{height:40px}.table-element .center-block .main-block .content-block table td{min-height:28px}.table-element .center-block .main-block .content-block table td input{margin:0}.table-element .center-block .main-block .content-block table tr.disable-row-highlight .pointer{cursor:default}.table-element .center-block .main-block .content-block table tr:not(.disable-row-highlight):hover:not(.header){box-shadow:inset 0 0 250px #00000026}.table-element .center-block .main-block .content-block.hide-header-row .header{display:none}.table-element .center-block .main-block .content-block.hide-header-row .loading-overlay{height:100%;top:0}.table-element .center-block .main-block .label-active,.table-element .center-block .main-block .label-inactive{color:#0000;background-color:#c8c8c8;border-radius:4px;width:24px;height:24px;padding:8px;font-size:0;display:inline-block}.table-element .no-results{background-color:#fff;padding:20px}.table-element .footer-block{background-color:#f3f7fc;border-radius:0 0 3px 3px;justify-content:space-between;width:100%;padding:8px;display:flex;position:sticky;bottom:0;overflow:auto;box-shadow:0 -8px 8px -4px #0000001a}.table-element .footer-block .buttons .button-element button{padding-right:40px}.table-element .footer-block .buttons.right .button-element{margin-left:12px}.table-element .footer-block .buttons.left .button-element{margin-right:12px}.table-element .table-search-advanced-modal:first-child{max-width:650px;max-height:80vh;overflow:auto}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions{flex-flow:column;display:flex}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .action-lock{margin:0 8px 0 0;line-height:40px}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group{flex-flow:column;display:flex}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .button-div{flex-flow:row;justify-content:flex-start;margin:0 0 12px;display:flex}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .button-div .button-element{max-width:100px;margin:0 20px 0 0}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .button-div .button-element button{padding-right:40px}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .button-div .or-div:not(.hide){flex:1;justify-content:center;align-items:center;display:flex}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .button-div .or-div:not(.hide) .line{background-color:#dcdcdc;flex:1;height:1px}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .button-div .or-div:not(.hide) .text{padding:0 12px;font-size:10px}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .search-condition{margin:0 0 12px;display:flex;position:relative}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .search-condition:not(:first-of-type):before{text-align:center;content:"AND";color:#000000bf;width:100%;height:12px;font-size:10px;line-height:12px;position:absolute;top:-12px}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .search-condition input{flex:1;margin:0 8px 0 0}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .search-condition select{margin:0 8px 0 0}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .search-condition select.value-select{width:100%}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .search-condition .button-element{max-width:40px}.table-element .table-search-advanced-modal .table-search-advanced-modal-main .search-conditions .search-condition-group .search-condition .button-element button{color:#0000}.table-element .filter-order-by .filter-order-by-box{display:flex}.table-element .filter-order-by .filter-order-by-box select{flex:1}.table-element .filter-order-by .filter-order-by-box .asc-desc{display:flex}.table-element .filter-order-by .filter-order-by-box .asc-desc>span{border-radius:4px;height:40px;margin-left:12px;padding:0 12px;line-height:40px;display:block}.table-element .filter-order-by .filter-order-by-box .asc-desc>span:hover,.table-element .filter-order-by .filter-order-by-box .asc-desc>span.active{cursor:pointer;color:#fff;background-color:#1d6998}.table-element .side-items-filter .line{background-color:#dcdcdc;width:100%;height:1px;margin:12px 0}.sandbox .table-element .left-block .left-block-item:not(.custom):hover,.sandbox .table-element .left-block .left-block-item:not(.custom).active,.sandbox .table-element .left-block .left-block-item:not(.custom) .filter-order-by .filter-order-by-box .asc-desc>span:hover,.sandbox .table-element .left-block .left-block-item:not(.custom) .filter-order-by .filter-order-by-box .asc-desc>span.active{background-color:#22aaa1}.table-element.expand .center-block{flex-flow:column;display:flex}.table-element.expand .center-block .main-block{flex-flow:column;flex:1;display:flex}.table-element.expand .center-block .main-block .content-block{flex:1}@media screen and (min-width:780px){.table-element .left-block{display:flex}.table-element table{background-color:#fff}.table-element table td{text-align:right}.table-element .search-conditions select{max-width:120px}.table-element .search-bar-buttons-right .inner-search-bar-buttons-left{display:none}}@media screen and (min-width:779px){.table-element .toolbar{display:none}}@media screen and (max-width:779px){.table-element .left-block,.table-element thead{display:none}.table-element table,.table-element table tbody,.table-element table tr,.table-element table td{width:100%;display:block}.table-element table tr{background-color:#fff;border-radius:3px;margin-bottom:8px}.table-element table tr:last-of-type{margin-bottom:0}.table-element table td{text-align:right;justify-content:space-between;align-items:center;display:flex;position:relative}.table-element table td:before{text-align:left;content:attr(data-label);max-width:100px;margin:0 0 2px;font-size:12px;position:relative;left:0}.table-element .search-block .search-bar-buttons-left.desktop{display:none}.table-element .search-block .search-bar-buttons-right{margin:0 0 12px}.table-element .search-block .search-bar-buttons-right .inner-search-bar-buttons-left{flex:1;display:flex}.table-element .search-block .search-bar-buttons-right .inner-search-bar-buttons-left select{flex:1;margin:0}.table-element .search-block form{flex-flow:column-reverse}.table-element .search-block form .search-bar-container select{display:none}.table-element .search-conditions select{padding:0}}
.pagination ul{margin:0;display:flex}.pagination ul li{text-align:center;background-color:#fff;margin:0 8px 0 0;position:relative}.pagination ul li>div{cursor:pointer;border:1px solid #1d6998;border-radius:3px;justify-content:center;align-items:center;width:40px;height:40px;line-height:40px;display:flex}.pagination ul li>div:hover{box-shadow:inset 0 0 250px #00000026}.pagination ul li>div:active{box-shadow:inset 0 0 250px #0000004d}.pagination ul li.active>div{color:#fff;background-color:#1d6998}.pagination ul li.first{margin-right:32px}.pagination ul li.first:after{content:"...";width:24px;height:8px;line-height:8px;position:absolute;bottom:8px;right:-28px}.pagination ul li.last{margin-left:24px}.pagination ul li.last:before{content:"...";width:24px;height:8px;line-height:8px;position:absolute;bottom:8px;left:-28px}.sandbox .pagination ul li>div{border-color:#22aaa1}.sandbox .pagination ul li.active>div{background-color:#22aaa1}
.date-epoch-input{flex:1;margin:0 8px 0 0;display:flex}.date-epoch-input .input-div{flex:1;height:40px;margin:0 8px 0 0;position:relative}.date-epoch-input .input-div .active{z-index:10;height:30px;position:absolute;top:0}.date-epoch-input .input-div .sub{z-index:10;height:11px;margin:0;font-size:10px;line-height:11px;position:absolute;bottom:0}.date-epoch-input .input-div .active:hover,.date-epoch-input .input-div .active:focus,.date-epoch-input .input-div .sub:hover,.date-epoch-input .input-div .sub:focus{z-index:15}.date-epoch-input .toggle-div{cursor:pointer;background-color:#fff;border:1px solid #dcdcdc;border-radius:3px;width:40px;height:40px;padding:4px}.date-epoch-input .toggle-div:hover{border-color:#c8c8c8;box-shadow:inset 0 0 250px #00000026}.date-epoch-input .toggle-div:active{border-color:#b4b4b4;box-shadow:inset 0 0 250px #0000004d}.date-epoch-input .toggle-div svg{width:100%;height:100%}
.copy-input{background-color:#fff;border:1px solid #c8c8c8;border-radius:3px;margin:12px 0;line-height:40px;display:flex}.copy-input .display{padding:0 8px}.copy-input input{border:0;flex:1}.copy-input textarea{border:0;margin:0}.copy-input .copy{cursor:pointer;color:#000;justify-content:center;align-items:center;width:40px;font-size:0;display:flex}.copy-input .copy:hover{box-shadow:inset 0 0 250px #00000026}.copy-input .copy:active{box-shadow:inset 0 0 250px #0000004d}