.eqjs-as-selected, .eqjs-as-group, .eqjs-as-aggr {
    display: flex;
    padding: 7px 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.eqjs-as-selected {
    border: 1px #ff00007a dashed;
}

.eqjs-as-group {
    border: 1px #28a745 solid;
    font-weight: 400;
    padding-top: 19px !important;
    position: relative;
}

.eqjs-as-group:before {
    content: 'Group';
    font-size: 14px;
    position: absolute;
    color: #28a74582;
    margin-top: -19px;
    margin-left: -6px;
}

.eqjs-as-aggr {
    border: 1px #7028a7 solid;
    font-weight: 400;
    padding-top: 19px !important;
    position: relative;
}

.eqjs-as-aggr:before {
    content: 'Aggregation';
    font-size: 14px;
    position: absolute;
    color: #7028a782;
    margin-top: -19px;
    margin-left: -6px;
}

.eqjs-as-columns {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.eqjs-as-column {
    margin: 5px 50px 5px 10px;
    flex: 1;
    background-color: #3298dc24;
    cursor: pointer;
}

.eqjs-as-column-used {
    padding: 7px 10px;
}

.eqjs-as-column-used, .eqjs-as-selected .eqjs-as-column {
    margin: 5px 10px 0 0;
    flex: 1;
}

.eqjs-as-selected .eqjs-as-column:first-child {
    margin-top: 0;
}

.eqjs-as-group .eqjs-as-column-used {
    background-color: #28a74521;
}

.eqjs-as-aggr .eqjs-as-column-used {
    background-color: #7028a71a;
}

.eqjs-as-column label {
    margin: 0;
    width: 100%;
    cursor: pointer;
    padding: 7px 10px;
}

.eqjs-as-column input {
    margin-right: 10px;
}

.eqjs-as-buttons {
    flex: 0 auto;
    display: inline-flex;
    flex-direction: row;
    gap: 3px;
    margin: auto;
}

.eqjs-as-buttons button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    cursor: pointer;
    pointer-events: auto;
    flex-grow: 0;
    flex-shrink: 0;
    height: 32px;
    width: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    outline: 0;
    background-position: center;
    opacity: 0.6;
}

.eqjs-as-buttons button:hover {
    border-color: #b5b5b5;
    opacity: 1;
}

.eqjs-as-aggr-btn {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZEQThDMEI1Q0VBODExRUI4RTVGRkQwNUE4OEZEMjMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZEQThDMEI2Q0VBODExRUI4RTVGRkQwNUE4OEZEMjMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkRBOEMwQjNDRUE4MTFFQjhFNUZGRDA1QTg4RkQyMzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkRBOEMwQjRDRUE4MTFFQjhFNUZGRDA1QTg4RkQyMzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5NLrlcAAAENUlEQVR42pRVW0xcRRj+Z85tF1hYFhDLSsUUDJTW2lhp1caSYFNDUKGmNNVaiQ/1SU3QGqKvXhLS6EtNo2kJ3qqNQjBWgm5oTVRqTSFcbGlrFUq3hV32wrKc654z45zDuktbTerknJzJzD/ffP/3Xw6ilEL75q5WSOYcYlMK4LwI/sdACHjs1V4+ONT2OW8vFJX41ociagknLuNQkjbEtwfIiIAVc9ez6TLg9o673+o5MFmrzaMWxFHwrOI/NhRyRA6ZhVjEwPH/QpiBUEwUxJMDYAg7AFFn2QEsLs/XW96p3tvbcaFPj+LtyVDqierG/MNFpd5vR/vCEL+qguDGgDmUBUMEUHESiCy2Yl2wF5wtxylMMayq9Cktb9c8zeWZQ0THvksDSwPUrdc9d6QWtjzvBymPB122gFgUCJOk8rE8qGsth4qNvjHCfOa9qcsZhktJlQmLIL9MSja8vrrpZGfwlJFAG04fDp8wDauhob1yoraxCEZ7QjAZiIISM2FjYzn413sgWLXw4WLsYr/FadcyDG0fqB0J9qx5sCS+7RV/C3aRGVOFkrPd0f5TRy/dm+8X4OEXy6D5YCWse7LIOWNZhLGlFu+CaRbCVIahIPLZFGBa1Gy7c8qQSdPPH1z/wVjEd40eW+jL8V6vf6DxnrBYJYG/wwumxsBMks6KbNAchhzPZV7MMfHZPZuaV0/UvVD6lOhBcTVKakY+jfZOjcwX2NE0DWIL72RrJlDp4VCzhb45J4iFYMvuit8WZuWmPwPqifiV1COD708fb2inj9vFYEeaEzAk5jTALK2ouQJwuThuHDbTeGgRFFUeZxk+K0i4UJkn6870TuUiDuSVR9QYAc8dniwgx3G3APLsdi1heYO/mANEEdeaViq5dX/pnvt2+OWUbgFmYmEmUfB8DL7vvMxyeQWg40J62Dom4osw+NFkQXxC+IYq4mbGTimoQM3FVdJPeV4XMwKQowbkFbrBlbPkaEnT9crfWukUlLjpuTqk95kJ+iihpnn/MyVtDfurT3ICgmTYgPHvwhAcS8DOzrU3kMkydNxGILMEH+w6x0eGuW4qS/VSDrbc5WSfv879laUDnD1+DYZ7ZiHylwJltR7mNnLYIZTtTxmGiG0aqomDv+rHtDlhJ2ACm/b62h7ateaL3/vDcPTdYYjNqMBLnFOGmLHlJWzXsNfSUBP7BhhMyAFUFQ1+7D6PoqP8J2ZM3OXyYJPm6nvmp5Nff/nSOZi7sMQCAA7QP+1qcVaHgUPjEPlDf4158+bcmP4e23rVsTB1i5s5rXZps8Kz9q3uQtxjGbkXpwL6VoR1ZHeamxoqpFiljHwWlbEIG3iXBNqCVZBxOdA580YqIu0T3MsHkiGzlX12867/7rB28xWQ6NS/HUiEMM0Azl2JBDHvXrDJ2h4x49v7BWStRK5QO2NP/hZgAJAD0pYcoSiOAAAAAElFTkSuQmCC") no-repeat;
}

.eqjs-as-group-btn {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDMEQ1MTkwQ0VBQzExRUI4QTE4QjVBRjg4MTBBNUJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDMEQ1MTkxQ0VBQzExRUI4QTE4QjVBRjg4MTBBNUJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMwRDUxOEVDRUFDMTFFQjhBMThCNUFGODgxMEE1QkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMwRDUxOEZDRUFDMTFFQjhBMThCNUFGODgxMEE1QkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7pRP47AAAES0lEQVR42nRUy24cRRQ9VV3VPe0ZT+x4/EhiLCdegMMzMpJlRWBQgNlEBKQskIiygA0/gPgBPgNWSBAhRQEZKQ4rIEIgEcxDMhic4AeNYzt+zaOnH9NVxa2esdmQaU1PTXXXufeec+5l7956H6t7AUq8B0YbOMxBpOPhTbn3UV2F00wDjDE87GOMhis9hGlr7kk5cVVwcGRGoaaa+QuekWwNmzfupcGMfSYdAYcuY0wHwWJ3l3Ztg7XTDJGK3xwtDKdCMoFYJ7iLAMZh4AZMM/NMH+9FAd5mlMVfczp5lCWBxSalSigYkzZFeFzOaK7HaqZ5RXQCsU5kZkMz7YDv1rNw9Pny1G2l1Btf1r9DyenJ8bhhGJL92En2EaoQvV4JiukPKODbRI8WdBgF5tKdcwtH2XCLKojLum6W21Dg0skDKkqvrTJUy+cw2FfB9eAWtpM9y38xT4yxhGuY4eX2+jeU8jozbJ321+g7YkVaiJZeWIh+C4qsENBeQMECzXRwp7H4/VDPwGOvT7wCwQXaun2kmvg1Xr4R4MHMAPpwoOq5AGWnmHMUqsiLTXIqQbtLn0HR8bGUrJ765K+5T5899sRTvaKIJpV+KJRYa/4z40kXFd63eaE0/UtTtfBzvDR7oBqFcXlyZ8w98WNCIliefe7hXvz3lJa6shIGp1fqAVzXhUuUJaYTVEiIpsOdUiMLbx7n5bc0MRXqeC3W6RiBfTtbmnrNWsoTLqJWhC2181kb2aWi8Gtamm5m5siXgojUHmyE1L+2e5N2OEUUjkuWoD2vppsIEWG9cR/1Zh0pzzwrmM3YqkgaWCH/A7Q3IpqU9lhmBaZnlkdyQN41gjvYqG1jr7VP3JYoA57nY/lUOZy9rJk6oPzQrPl292ULZo1Mpk/qjQaiKMIx0YteVrTBEguUQatJjGMaj1NWTpTRDh2W4qiduqaN05QWrK8ofSy31s5v6Z157ei8RNuEu6Y2JSlzD2KIuJwPEcOH9/QO9XSExBGHtbdUjBNyEFdPXsJXez8Ed5qLj2ZOVrnPd6q8W4jN3LaqT01J68ISVqu2aDdvQaAi+j8/ArQvPiDXi6LExdKLF2t/1D/cR2PikHR7peRHyrJC9Hh0RFGvb9Fzk6QJpoqTi5cfqb4jDjl0uTStLMLHK3M413/27tnCmdmF+HcQgwTowJp7HCOWw3kaJFUPcpNOjmcs056SmHRPa98tQNBYIuGYHU9h0evBbnKA+Y3b6HfLtulz3g7L7aFSKdu6FZD+m9RkGQHSOu8qJCqFoB72laa2d+TLpN413ynQ2nRGVLfYfE6SV//Euv19zqUwadYe8I3HM0aKKY1Epx0fjvoj19cPNi9roceIjzGG/5/OdtfahWYeMkrgpeMzP1Ur53Uta9CAzlBvk/2zGOJMeezKRri9L4V81WPSt6U9/EO2IgkI+YsLg9PvDfT2w28XaOBxREmUA/4rwACobwwZcwahoAAAAABJRU5ErkJggg==") no-repeat;
}

.eqjs-as-ungroup-btn, .eqjs-as-unaggr-btn {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEwQjQ4RDBFQ0VBRjExRUJCMDYyRUI0RUU5RTAwOUM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEwQjQ4RDBGQ0VBRjExRUJCMDYyRUI0RUU5RTAwOUM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNDhEMENDRUFGMTFFQkIwNjJFQjRFRTlFMDA5QzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNDhEMERDRUFGMTFFQkIwNjJFQjRFRTlFMDA5QzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5XgjMjAAADG0lEQVR42lyTy08TURTGz73zKuDU0GqLU8Q0hVKjCwjuQCU+EJrAjo0LlsS/wegSEv8FlpAQNm6aOGIMAWLqgqgJD43SFmKAPmhaaFMZ5tF7vXfGaOQks5jJ/c757u87g4yZmWfK+vpLx+/fa4yMTJ1Wq/tkYwMCd+5A++QkGFtbcPT6NaCuLvD394N0etrVtrq6IFYq3ebw8CxW0ulXSBA0qV4f8q+tvRXr9RjFGC4WFQRAJydR/4cPy1Klcg+JouZLp2cxDYW+gWUBSBIIlUpv+OtXXW42YxShv2LCxNL5efTyyoqOS6WbIMsAtg3kypUfmE5NPaUdHT/cJuygbFnxjnpdlxCK8XfC3MiOE72WzerMZYIP+iPOci3Gmrb/a2IiaavqLjSbAGyyLAhxdWdnmeTzXSKlEa1a1WXTTPCG/Izd0pI7GR5OIk3Lioh1c1R1r9bXl7z66dNb5qAHRBGgVOpGc3PvFUGg7Ba9wLkQArai5AqJRFJqbc1wrUfLccCUpNxhKDRmEuI5YfdExWIcjo563Ybsm0VI9jAQGDNFcRcxDS9ENjfBMQxwGg1oso6SYVxXUql3kM/fdIW8eEPGyRwff2L5fD8FDry1FWS/H9wTmE3jD/fKOhPGgf6fIQVKCFU0jSqRCLjA2UOZC0S3t8Eol6H45QvQ79+jkYMDXQFIuNOZI7c4edMEYNDOHzwYNdvaci2aBrKqegwoO6DYdrTz+FhXEPJoMwENh3NMlOGM3OyLxW48P69Xl5djjUoFOFjMxbhWi4Y+f/ai4rT5ncPhPTo9/fg8mXxoUbrLE+CuZFmOR8plXTo7i3FnmBSLN5SlpTdireZNZve1HSfX6O8fxZ2d+w5CB3lG3lIULx2+WIYRv5RK6c3DwyhG8/OLqFDw1pMvCc9ZVZM2pa51xCZborhX6OlJsh8u43LhEZdKcbSwsIhxoXDbFTOqJBjMlAcGxiyeM/0XBOYL5PPlao8ejbF/x1t7nlypdAubd+8+Z3Hk7UDgY31oaLTZ3p5B3OqF4ovDBuRq9++P2sFgmmvMwcEXvwUYAKx2ijgx0LbTAAAAAElFTkSuQmCC") no-repeat;
}

.eqjs-as-counts,
.eqjs-as-grandtotals {
    margin-top: 20px;
    margin-left: 10px;
    font-weight: 300;
    display: inline-flex;
}

.eqjs-as-enableaggr {
    margin-bottom: 40px;
    font-weight: 500;
    display: inline-flex;
}


/* Switch control */

.eqjs-ctrl-switch {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.eqjs-ctrl-switch > .switch-text {
    margin-left: 52px;
    margin-top: 2px;
    display: inline-block;
    cursor: pointer;
}

/* Hide default HTML checkbox */
.eqjs-ctrl-switch > input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.eqjs-ctrl-switch > .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 45px !important;
    height: 26px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.eqjs-ctrl-switch > .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 21px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.eqjs-ctrl-switch > input:checked + .slider {
    background-color: #2196F3;
}

.eqjs-ctrl-switch > input:focus + .slider {
    box-shadow: inset 0 0 0 1px #363636;
}

.eqjs-ctrl-switch > input:checked + .slider:before {
    transform: translateX(17px);
}

/* Rounded sliders */
.eqjs-ctrl-switch > .slider.round {
    border-radius: 26px;
}

.eqjs-ctrl-switch > .slider.round:before {
    border-radius: 50%;
}


/* AggregationBar Widget */
.eqjs-aggrb-panel {
    font: normal 14px Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #f9f9f9;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: .5rem;
}

.eqjs-aggrb-panel > a {
    color: #0099cc;
}

.eqjs-aggrb-panel > a:hover {
    text-decoration: none;
}
/* AggregationBar Widget END */