@mozaic-ds/vue 0.30.0 → 0.31.1

package/dist/mozaic-vue.adeo.css

@@ -16,7 +16,7 @@
 .mc-field__label,.mc-field__legend{color:#333}.mc-field__label{font-size:.875rem;line-height:1.1428571429}.mc-field__legend{font-size:.875rem;line-height:1.2857142857;padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.1666666667;color:#666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:.25rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}.mc-field__container{margin-top:1rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}
 .mc-select{font-family:"Roboto",sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right 1rem center;padding:calc(.9375rem - 1px) 2.875rem calc(.9375rem - 1px) calc(.75rem - 1px);border:1px solid #666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease,-webkit-box-shadow 200ms ease;transition:border-color 200ms ease,-webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease,box-shadow 200ms ease;transition:border-color 200ms ease,box-shadow 200ms ease;transition:border-color 200ms ease,box-shadow 200ms ease,-webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-select:disabled{background-color:#e6e6e6;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM4MDgwODAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;border-color:#e6e6e6;color:gray;cursor:not-allowed}.mc-select.is-invalid{border-color:#c61112}.mc-select.is-valid{border-color:#46a610}.mc-select--s{font-size:.875rem;line-height:1.1428571429;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right .5rem center;padding:calc(.5rem - 1px) 1.875rem calc(.5rem - 1px) calc(.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right 1rem center;padding:calc(.9375rem - 1px) 2.875rem calc(.9375rem - 1px) calc(.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\@from-m{font-size:.875rem;line-height:1.1428571429;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right .5rem center;padding:calc(.5rem - 1px) 1.875rem calc(.5rem - 1px) calc(.5rem - 1px)}.mc-select--m\@from-m{font-size:1rem;line-height:1.125;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right 1rem center;padding:calc(.9375rem - 1px) 2.875rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\@from-l{font-size:.875rem;line-height:1.1428571429;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right .5rem center;padding:calc(.5rem - 1px) 1.875rem calc(.5rem - 1px) calc(.5rem - 1px)}.mc-select--m\@from-l{font-size:1rem;line-height:1.125;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right 1rem center;padding:calc(.9375rem - 1px) 2.875rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\@from-xl{font-size:.875rem;line-height:1.1428571429;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right .5rem center;padding:calc(.5rem - 1px) 1.875rem calc(.5rem - 1px) calc(.5rem - 1px)}.mc-select--m\@from-xl{font-size:1rem;line-height:1.125;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right 1rem center;padding:calc(.9375rem - 1px) 2.875rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\@from-xxl{font-size:.875rem;line-height:1.1428571429;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right .5rem center;padding:calc(.5rem - 1px) 1.875rem calc(.5rem - 1px) calc(.5rem - 1px)}.mc-select--m\@from-xxl{font-size:1rem;line-height:1.125;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right 1rem center;padding:calc(.9375rem - 1px) 2.875rem calc(.9375rem - 1px) calc(.75rem - 1px)}}
 .mc-pagination[data-v-37d80856]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-pagination__button[data-v-37d80856]{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;cursor:pointer;color:#fff;background-color:#333;cursor:pointer;border-radius:4px;text-align:center;border:2px solid rgba(0,0,0,0);-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;height:0;min-height:3rem;min-width:3rem}.mc-pagination__button.is-hover[data-v-37d80856],.mc-pagination__button[data-v-37d80856]:hover{background-color:#191919;color:#fff}.mc-pagination__button.is-active[data-v-37d80856],.mc-pagination__button[data-v-37d80856]:active{background-color:#333}.mc-pagination__button.is-disabled[data-v-37d80856],.mc-pagination__button[data-v-37d80856]:disabled{border-color:rgba(0,0,0,0);background-color:#ccc;color:#666;cursor:not-allowed}.mc-pagination__button[data-v-37d80856]:focus{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}@media screen and (min-width: 1024px){.mc-pagination__button[data-v-37d80856]{min-height:2rem;min-width:2rem}}.mc-pagination__button-icon[data-v-37d80856]{height:2rem;margin:0;width:2rem;fill:currentColor}@media screen and (min-width: 1024px){.mc-pagination__button-icon[data-v-37d80856]{width:1.25rem;height:1.25rem}}.mc-pagination__button-hidden[data-v-37d80856]{display:none}.mc-pagination__field[data-v-37d80856]{margin:0 1rem}.mc-pagination__select[data-v-37d80856]{font-size:1rem;line-height:1.125;padding:.875rem 3rem .875rem calc(.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select[data-v-37d80856]{font-size:.875rem;line-height:1.1428571429;padding:calc(.5rem - 1px) 2.25rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-pagination--light .mc-pagination__button[data-v-37d80856]:first-child,.mc-pagination--compact .mc-pagination__button[data-v-37d80856]:first-child{margin-right:1rem}
-.mc-data-table{font-family:"Roboto",sans-serif;font-weight:400;position:relative;background-color:#fff;padding:2px 0;background-clip:padding-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:4px}.mc-data-table__body{overflow-x:scroll;height:100%}.mc-data-table__body table{border-collapse:collapse;width:100%}.mc-data-table__body table.no-data{height:100%}.mc-data-table__body table.no-data tr td{text-align:center}.mc-data-table__body table thead tr th{height:46px;background-color:#fff;padding:0 1rem;font-style:normal;font-weight:600;font-size:14px;line-height:18px;text-align:left;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.1);box-shadow:2px 2px 2px rgba(0,0,0,.1);white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mc-data-table__body table thead tr th .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-data-table__body table thead tr th .header__sort{margin-left:5px;position:relative;width:24px}.mc-data-table__body table thead tr th .header__sort svg{margin-top:-50%;opacity:.1;position:absolute;cursor:pointer}.mc-data-table__body table thead tr th .header__sort svg.active{opacity:1}.mc-data-table__body table thead tr th .header__sort svg:last-child{top:9px}.mc-data-table__body table tbody tr:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-data-table__body table tbody tr.mc-data-table__body__row--clickable{cursor:pointer}.mc-data-table__body table tbody tr.mc-data-table__body__row--clickable:hover{background-color:#e6e6e6;opacity:.8}.mc-data-table__body table tbody tr.mc-data-table__body__row--clickable:active{background-color:#ccc;opacity:.8}.mc-data-table__body table tbody tr td{font-style:normal;font-weight:normal;font-size:13px;line-height:18px;height:40px;padding:0 1rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mc-data-table__footer{border-top:1px solid #b3b3b3;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1rem;border-radius:0 0 4px 4px}.mc-data-table__footer__item-per-page select{width:auto;font-size:.875rem;line-height:1.1428571;padding:calc(.5rem - 1px) 2.25rem calc(.5rem - 1px) calc(.5rem - 1px)}.mc-data-table__footer__display-total-item{width:auto;min-width:150px;padding:.5rem 2.25rem;font-size:.875rem}.mc-data-table__footer__display-total-item .strong{font-weight:bold}.mc-data-table__footer__pagination{text-align:right;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-data-table__footer__pagination .mc-pagination .mc-pagination__button{min-width:2rem;min-height:2rem}.mc-data-table__footer__pagination .mc-pagination .mc-pagination__button .mc-pagination__button-icon{height:1rem;width:1rem}.mc-data-table__footer__pagination .mc-pagination .mc-select{font-size:.875rem;line-height:1.1428571;padding:calc(.5rem - 1px) 2.25rem calc(.5rem - 1px) calc(.5rem - 1px)}.mc-data-table.mc-data-table--fixed-header .mc-data-table__body table{overflow-y:auto}.mc-data-table.mc-data-table--fixed-header .mc-data-table__body table thead tr th{position:-webkit-sticky;position:sticky;top:0;z-index:1}
+.mc-data-table{font-family:"Roboto",sans-serif;background-color:#e7e7f0;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-data-table *,.mc-data-table ::after,.mc-data-table ::before{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-data-table__body{scrollbar-color:#666 #e6e6e6;scrollbar-width:thin;overflow-x:auto;overflow-y:hidden}.mc-data-table__body::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-data-table__body::-webkit-scrollbar-track{background:#e6e6e6}.mc-data-table__body::-webkit-scrollbar-thumb{background:#666}.mc-data-table__body table{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%}.mc-data-table__body table>thead,.mc-data-table__body table>tbody{background-color:#fff}.mc-data-table__body table thead th,.mc-data-table__body table thead td{font-weight:700;font-size:.75rem;line-height:1.3333333333;color:#393879;text-transform:uppercase;height:2.9375rem}.mc-data-table__body table thead th .header,.mc-data-table__body table thead td .header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;font-family:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.mc-data-table__body table thead th .header__sort,.mc-data-table__body table thead td .header__sort{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:1.5rem;-ms-flex-pack:distribute;justify-content:space-around;margin-left:.5rem;width:1.5rem;cursor:pointer}.mc-data-table__body table thead th .header__sort::after,.mc-data-table__body table thead th .header__sort::before,.mc-data-table__body table thead td .header__sort::after,.mc-data-table__body table thead td .header__sort::before{background-color:#cdd4d8;content:"";-ms-flex-negative:0;flex-shrink:0;height:.5rem;width:.75rem}.mc-data-table__body table thead th .header__sort::before,.mc-data-table__body table thead td .header__sort::before{-webkit-clip-path:polygon(50% 0%, 0% 100%, 100% 100%);clip-path:polygon(50% 0%, 0% 100%, 100% 100%)}.mc-data-table__body table thead th .header__sort::after,.mc-data-table__body table thead td .header__sort::after{-webkit-clip-path:polygon(0 0, 100% 0, 50% 100%);clip-path:polygon(0 0, 100% 0, 50% 100%)}.mc-data-table__body table thead th .header__sort.asc::before,.mc-data-table__body table thead td .header__sort.asc::before{background-color:#605f9d}.mc-data-table__body table thead th .header__sort.desc::after,.mc-data-table__body table thead td .header__sort.desc::after{background-color:#605f9d}.mc-data-table__body table thead th .header__sort svg,.mc-data-table__body table thead td .header__sort svg{display:none;opacity:0}.mc-data-table__body table tbody tr:hover{background-color:#eaedef}.mc-data-table__body table tbody tr.mc-data-table__body__row--clickable{cursor:pointer}.mc-data-table__body table tbody tr.mc-data-table__body__row--clickable:active{background-color:#d9f0f3}.mc-data-table__body table tbody tr.row-selected{background-color:#d9f0f3}.mc-data-table__body table tbody th,.mc-data-table__body table tbody td{font-size:.875rem;line-height:1.2857142857;color:#191919}.mc-data-table__body table tr{height:2.9375rem}.mc-data-table__body table th,.mc-data-table__body table td{border-bottom:1px solid #b3b3b3;text-align:left;vertical-align:middle;padding:0 1rem}.mc-data-table--fixed-header .mc-data-table__body table>thead{-webkit-box-shadow:0px 4px 20px 0px rgba(25,25,25,.2);box-shadow:0px 4px 20px 0px rgba(25,25,25,.2);top:0;z-index:2;position:-webkit-sticky;position:sticky}.mc-data-table--fixed-header .mc-data-table__body table>tbody tr:last-child th,.mc-data-table--fixed-header .mc-data-table__body table>tbody tr:last-child td{border-bottom:rgba(0,0,0,0)}.mc-data-table[style*=height] .mc-data-table__body{overflow-y:auto}.mc-data-table__footer{-webkit-box-shadow:0px 1px 5px 0px rgba(25,25,25,.2);box-shadow:0px 1px 5px 0px rgba(25,25,25,.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.75rem 1rem;gap:1rem}@media screen and (max-width: 679px){.mc-data-table__footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mc-data-table__footer__item-per-page{-ms-flex-negative:0;flex-shrink:0}.mc-data-table__footer__display-total-item{width:auto;min-width:150px;padding:.5rem 2.25rem;font-size:.875rem}.mc-data-table__footer__display-total-item .strong{font-weight:bold}.mc-data-table__footer__pagination{margin-left:auto}.mc-datatable__container{border-radius:4px;-webkit-box-shadow:0px 1px 5px 0px rgba(25,25,25,.2);box-shadow:0px 1px 5px 0px rgba(25,25,25,.2);background-color:#e7e7f0;overflow:hidden}
 .mc-field__label,.mc-field__legend{color:#333}.mc-field__label{font-size:.875rem;line-height:1.1428571429}.mc-field__legend{font-size:.875rem;line-height:1.2857142857;padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.1666666667;color:#666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:.25rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}.mc-field__container{margin-top:1rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}
 .mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-checkbox__input{font-family:"Roboto",sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666;background:#fff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{border:2px solid #666;background:#fff;border-radius:4px;color:#fff}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{border-color:#e6e6e6;background:#e6e6e6}.mc-checkbox__input:disabled:indeterminate{background-color:#e6e6e6;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==);border-color:#e6e6e6}.mc-checkbox__input:checked{background-color:#00919f;border-color:#00919f;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=);background-position:center center;background-size:1rem}.mc-checkbox__input:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover{border-color:#004e57}.mc-checkbox__input:checked:hover::-ms-check{border-color:#004e57}.mc-checkbox__input:checked:disabled{border-color:#e6e6e6;background:#e6e6e6;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=)}.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==)}.mc-dropdown{position:relative}.mc-dropdown__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;cursor:pointer;font-size:1rem;line-height:1.125;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:1rem;background-position:right 1rem center;padding:calc(.9375rem - 1px) 2.875rem calc(.9375rem - 1px) calc(.75rem - 1px);font-family:"Roboto",sans-serif;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;width:18rem;color:#191919;border:1px solid #666;border-radius:4px;padding-left:.75rem}.mc-dropdown__trigger.is-open{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIgMTAuNWExIDEgMCAwMS4yOS0uNzFsNS01YTEgMSAwIDAxMS40MiAwbDUgNWExIDEgMCAwMS0xLjQyIDEuNDJMOCA2LjkxbC00LjI5IDQuM2ExIDEgMCAwMS0xLjQyIDBBMSAxIDAgMDEyIDEwLjV6Ii8+PC9zdmc+)}.mc-dropdown__trigger.is-disabled,.mc-dropdown__trigger:disabled{border-color:rgba(0,0,0,0);background-color:#e6e6e6;color:#666;cursor:not-allowed;pointer-events:none}.mc-dropdown__tag{position:absolute;z-index:2;top:50%;left:.75rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:4.375rem}.mc-dropdown{max-width:var(--max-width)}.mc-dropdown__tag{position:absolute;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.mc-dropdown__trigger{display:block;text-align:left}.mc-dropdown__trigger.is-open{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9ImJsYWNrIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Ik0yIDEwLjVhMSAxIDAgMDEuMjktLjcxbDUtNWExIDEgMCAwMTEuNDIgMGw1IDVhMSAxIDAgMDEtMS40MiAxLjQyTDggNi45MWwtNC4yOSA0LjNhMSAxIDAgMDEtMS40MiAwQTEgMSAwIDAxMiAxMC41eiIvPjwvc3ZnPg==)}.mc-dropdown--multi .mc-dropdown__trigger{overflow:hidden;padding-left:calc(.75rem + var(--tag-width));-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
 .mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:"Roboto",sans-serif;font-weight:700;cursor:pointer;border-radius:4px;text-align:center;border:2px solid rgba(0,0,0,0);-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#007f8c;border-color:#007f8c;background-color:#fff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label .mc-button__icon{width:1.5rem;height:1.5rem}.mc-fileuploader__label .mc-button__icon:first-child,.mc-fileuploader__label .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-fileuploader__label .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-fileuploader__label.is-hover,.mc-fileuploader__label:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.is-disabled,.mc-fileuploader__label:disabled{border-color:rgba(0,0,0,0);background-color:#ccc;color:#666;cursor:not-allowed}.mc-fileuploader__label::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDA3ZjhjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=) no-repeat;background-size:1.5rem;margin-right:.5rem;margin-left:-0.5rem}.is-focus+.mc-fileuploader__label,:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.is-hover+.mc-fileuploader__label,:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}.is-disabled+.mc-fileuploader__label,:disabled+.mc-fileuploader__label{color:#666;background-color:#ccc;border-color:rgba(0,0,0,0);cursor:not-allowed}.is-disabled+.mc-fileuploader__label::before,:disabled+.mc-fileuploader__label::before{background:rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=) no-repeat}.mc-fileuploader__files{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file{font-family:"Roboto",sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file:not(:last-child){margin-bottom:.25rem}.mc-fileuploader__file-name{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:.75rem;padding-right:.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon{background-color:rgba(0,0,0,0);background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid .mc-fileuploader__file-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDA5MTlmIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDEgMS04IDggOCA4IDAgMCAxIDgtOG0wLTJhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTIgMnoiLz48cGF0aCBkPSJNMTAuNTkgMTYuMTJhMSAxIDAgMCAxLS42OC0uMjZsLTMuODQtMy41NWExIDEgMCAwIDEgMS4zNi0xLjQ3bDMuMTMgMi44OUwxNiA4LjE3YTEgMSAwIDAgMSAxLjQzIDEuNDFsLTYuMTMgNi4yNWExIDEgMCAwIDEtLjcxLjI5eiIvPjwvc3ZnPg==)}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjYzYxMTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTAgMThhOCA4IDAgMSAxIDgtOCA4IDggMCAwIDEtOCA4eiIvPjxwYXRoIGQ9Ik0xMiA3YTEgMSAwIDAgMC0xIDF2NC4zOGExIDEgMCAwIDAgMiAwVjhhMSAxIDAgMCAwLTEtMXoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIi8+PC9zdmc+)}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-message{font-size:.875rem;line-height:1.2857142857;background:#fff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:.25rem}.mc-fileuploader__delete{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ccc;border:none;cursor:pointer;padding:.5rem}.mc-fileuploader__delete::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease,-webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete::after{content:"";width:1.5rem;height:1.5rem;background:rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOC4wOCA4YTEgMSAwIDAgMC0xLjA4LjkyTDE2LjA4IDIwSDcuOTJMNyA4LjkyYTEgMSAwIDEgMC0yIC4xNmwxIDEyQTEgMSAwIDAgMCA3IDIyaDEwYTEgMSAwIDAgMCAxLS45MmwxLTEyQTEgMSAwIDAgMCAxOC4wOCA4eiIvPjxwYXRoIGQ9Ik0xOSA1aC0zLjc3bC0uNjUtMi4yN2ExIDEgMCAwIDAtMS0uNzNoLTMuMmExIDEgMCAwIDAtMSAuNzNMOC43NyA1SDVhMSAxIDAgMCAwIDAgMmgxNGExIDEgMCAwIDAgMC0yem0tOC42Mi0yaDMuMjRsLjU3IDJIOS44MXpNMTIuNSAxOHYtOGEuNS41IDAgMCAwLTEgMHY4YS41LjUgMCAwIDAgMSAwek0xNC4yNSAxOC41YS41LjUgMCAwIDAgLjUtLjQ3bC41LThhLjUuNSAwIDAgMC0uNDctLjUzLjQ5LjQ5IDAgMCAwLS41My40N2wtLjUgOGEuNS41IDAgMCAwIC40Ny41M3pNOS43NSAxOC41YS41LjUgMCAwIDAgLjQ3LS41M2wtLjUtOGEuNDkuNDkgMCAwIDAtLjUzLS40Ny41LjUgMCAwIDAtLjQ3LjUzbC41IDhhLjUuNSAwIDAgMCAuNTMuNDd6Ii8+PC9zdmc+) no-repeat;display:block}.mc-fileuploader__delete:focus{outline:none}.mc-fileuploader__delete:focus::before{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;-webkit-box-shadow:0 0 0 .125rem #758992;box-shadow:0 0 0 .125rem #758992}.mc-fileuploader__file{-webkit-box-sizing:content-box;box-sizing:content-box}

package/dist/mozaic-vue.adeo.umd.js

@@ -17188,8 +17188,8 @@ var MTextInputvue_type_template_id_60f974b3_render = function render() {
 };
 var MTextInputvue_type_template_id_60f974b3_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=template&id=1e0e5d78&
-var MTextInputFieldvue_type_template_id_1e0e5d78_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=template&id=2e097c12&
+var MTextInputFieldvue_type_template_id_2e097c12_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('input', _vm._g({
@@ -17206,7 +17206,7 @@ var MTextInputFieldvue_type_template_id_1e0e5d78_render = function render() {
     }
   }, _vm.inputListeners));
 };
-var MTextInputFieldvue_type_template_id_1e0e5d78_staticRenderFns = [];
+var MTextInputFieldvue_type_template_id_2e097c12_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
 var es_object_assign = __webpack_require__(9601);
@@ -17216,7 +17216,7 @@ var es_object_assign = __webpack_require__(9601);
 
 
 
-var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'time', 'search'];
+var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'time', 'search', 'month', 'week', 'datetime-local'];
 /* harmony default export */ var MTextInputFieldvue_type_script_lang_js_ = ({
   name: 'MTextInputField',
   props: {
@@ -17285,10 +17285,10 @@ var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'tim
 });
 ;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=script&lang=js&
  /* harmony default export */ var textinput_MTextInputFieldvue_type_script_lang_js_ = (MTextInputFieldvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=1e0e5d78&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=2e097c12&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=1e0e5d78&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=2e097c12&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue
 
@@ -17301,8 +17301,8 @@ var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'tim
 
 var MTextInputField_component = normalizeComponent(
   textinput_MTextInputFieldvue_type_script_lang_js_,
-  MTextInputFieldvue_type_template_id_1e0e5d78_render,
-  MTextInputFieldvue_type_template_id_1e0e5d78_staticRenderFns,
+  MTextInputFieldvue_type_template_id_2e097c12_render,
+  MTextInputFieldvue_type_template_id_2e097c12_staticRenderFns,
   false,
   null,
   null,
@@ -18985,16 +18985,20 @@ MCheckboxGroup.install = function (Vue) {
   Vue.component(MCheckboxGroup.name, MCheckboxGroup);
 };
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=template&id=7d0dc90a&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=template&id=7c1183ac&
 
-var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
+var MDataTablevue_type_template_id_7c1183ac_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
+    ref: "datatable",
     staticClass: "mc-data-table",
     class: _vm.getClasses
   }, [_vm._t("default"), _c('div', {
-    staticClass: "mc-data-table__body"
+    staticClass: "mc-datatable__container"
+  }, [_c('div', {
+    staticClass: "mc-data-table__body",
+    style: _vm.bodyStyleAttr
   }, [_c('table', {
     class: _vm.getTableClasses,
     attrs: {
@@ -19015,6 +19019,7 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
       "header": header
     }), _vm.sorting.mode !== 'none' && header.allowSorting ? _c('div', {
       staticClass: "header__sort",
+      class: header.sortOrder,
       on: {
         "click": function click($event) {
           !_vm.loading && _vm.onSortClick({
@@ -19071,10 +19076,11 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
     staticClass: "mc-data-table__footer__item-per-page"
   }, [_c('m-select', {
     attrs: {
-      "id": 'itemPerPage',
+      "id": "itemPerPage",
       "disabled": _vm.loading,
       "options": _vm.getPageSizes,
-      "value": _vm.getPageValue
+      "value": _vm.getPageValue,
+      "size": "s"
     },
     on: {
       "change": _vm.onPageSizeChanged
@@ -19119,11 +19125,11 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
         })];
       }
     }], null, true)
-  })], 1)]) : _vm._e()], 2);
+  })], 1)]) : _vm._e()])], 2);
 };
-var MDataTablevue_type_template_id_7d0dc90a_staticRenderFns = [];
+var MDataTablevue_type_template_id_7c1183ac_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=7d0dc90a&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=7c1183ac&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.async-iterator.js
 var es_symbol_async_iterator = __webpack_require__(2443);
@@ -20294,7 +20300,8 @@ var Sorting = {
       total: null,
       data: null,
       loading: false,
-      created: false
+      created: false,
+      bodyStyleAttr: ''
     };
   },
   computed: {
@@ -20473,6 +20480,7 @@ var Sorting = {
   mounted: function mounted() {
     this.load();
     this.created = true;
+    this.bodyStyleAttr = this.$refs.datatable.attributes.style.value;
   },
   methods: {
     getItemValue: function getItemValue(item, key) {
@@ -20649,10 +20657,10 @@ var Sorting = {
 });
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=script&lang=js&
  /* harmony default export */ var datatable_MDataTablevue_type_script_lang_js_ = (MDataTablevue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7d0dc90a&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7c1183ac&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7d0dc90a&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7c1183ac&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue
 
@@ -20665,8 +20673,8 @@ var Sorting = {
 
 var MDataTable_component = normalizeComponent(
   datatable_MDataTablevue_type_script_lang_js_,
-  MDataTablevue_type_template_id_7d0dc90a_render,
-  MDataTablevue_type_template_id_7d0dc90a_staticRenderFns,
+  MDataTablevue_type_template_id_7c1183ac_render,
+  MDataTablevue_type_template_id_7c1183ac_staticRenderFns,
   false,
   null,
   null,
@@ -29682,9 +29690,9 @@ MProgress.install = function (Vue) {
   Vue.component(MProgress.name, MProgress);
 };
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=e5dfb902&
 
-var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
+var MQuantitySelectorvue_type_template_id_e5dfb902_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -29726,7 +29734,9 @@ var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
       "role": "spinbutton"
     },
     on: {
-      "change": _vm.handle,
+      "change": function change($event) {
+        return _vm.handle($event.target.value);
+      },
       "focus": _vm.onFocus,
       "keypress": function keypress($event) {
         _vm.integerOnly && _vm.formatValue($event);
@@ -29752,9 +29762,9 @@ var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
     }
   })], 1);
 };
-var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
+var MQuantitySelectorvue_type_template_id_e5dfb902_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
+;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=e5dfb902&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
 
@@ -29865,10 +29875,10 @@ var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
  /* harmony default export */ var quantityselector_MQuantitySelectorvue_type_script_lang_js_ = (MQuantitySelectorvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=e5dfb902&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=e5dfb902&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue
 
@@ -29881,8 +29891,8 @@ var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
 
 var MQuantitySelector_component = normalizeComponent(
   quantityselector_MQuantitySelectorvue_type_script_lang_js_,
-  MQuantitySelectorvue_type_template_id_17fe4724_render,
-  MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns,
+  MQuantitySelectorvue_type_template_id_e5dfb902_render,
+  MQuantitySelectorvue_type_template_id_e5dfb902_staticRenderFns,
   false,
   null,
   null,

package/dist/mozaic-vue.common.js

@@ -17178,8 +17178,8 @@ var MTextInputvue_type_template_id_60f974b3_render = function render() {
 };
 var MTextInputvue_type_template_id_60f974b3_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=template&id=1e0e5d78&
-var MTextInputFieldvue_type_template_id_1e0e5d78_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=template&id=2e097c12&
+var MTextInputFieldvue_type_template_id_2e097c12_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('input', _vm._g({
@@ -17196,7 +17196,7 @@ var MTextInputFieldvue_type_template_id_1e0e5d78_render = function render() {
     }
   }, _vm.inputListeners));
 };
-var MTextInputFieldvue_type_template_id_1e0e5d78_staticRenderFns = [];
+var MTextInputFieldvue_type_template_id_2e097c12_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
 var es_object_assign = __webpack_require__(9601);
@@ -17206,7 +17206,7 @@ var es_object_assign = __webpack_require__(9601);
 
 
 
-var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'time', 'search'];
+var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'time', 'search', 'month', 'week', 'datetime-local'];
 /* harmony default export */ var MTextInputFieldvue_type_script_lang_js_ = ({
   name: 'MTextInputField',
   props: {
@@ -17275,10 +17275,10 @@ var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'tim
 });
 ;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=script&lang=js&
  /* harmony default export */ var textinput_MTextInputFieldvue_type_script_lang_js_ = (MTextInputFieldvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=1e0e5d78&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=2e097c12&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=1e0e5d78&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=2e097c12&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue
 
@@ -17291,8 +17291,8 @@ var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'tim
 
 var MTextInputField_component = normalizeComponent(
   textinput_MTextInputFieldvue_type_script_lang_js_,
-  MTextInputFieldvue_type_template_id_1e0e5d78_render,
-  MTextInputFieldvue_type_template_id_1e0e5d78_staticRenderFns,
+  MTextInputFieldvue_type_template_id_2e097c12_render,
+  MTextInputFieldvue_type_template_id_2e097c12_staticRenderFns,
   false,
   null,
   null,
@@ -18975,16 +18975,20 @@ MCheckboxGroup.install = function (Vue) {
   Vue.component(MCheckboxGroup.name, MCheckboxGroup);
 };
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=template&id=7d0dc90a&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=template&id=7c1183ac&
 
-var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
+var MDataTablevue_type_template_id_7c1183ac_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
+    ref: "datatable",
     staticClass: "mc-data-table",
     class: _vm.getClasses
   }, [_vm._t("default"), _c('div', {
-    staticClass: "mc-data-table__body"
+    staticClass: "mc-datatable__container"
+  }, [_c('div', {
+    staticClass: "mc-data-table__body",
+    style: _vm.bodyStyleAttr
   }, [_c('table', {
     class: _vm.getTableClasses,
     attrs: {
@@ -19005,6 +19009,7 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
       "header": header
     }), _vm.sorting.mode !== 'none' && header.allowSorting ? _c('div', {
       staticClass: "header__sort",
+      class: header.sortOrder,
       on: {
         "click": function click($event) {
           !_vm.loading && _vm.onSortClick({
@@ -19061,10 +19066,11 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
     staticClass: "mc-data-table__footer__item-per-page"
   }, [_c('m-select', {
     attrs: {
-      "id": 'itemPerPage',
+      "id": "itemPerPage",
       "disabled": _vm.loading,
       "options": _vm.getPageSizes,
-      "value": _vm.getPageValue
+      "value": _vm.getPageValue,
+      "size": "s"
     },
     on: {
       "change": _vm.onPageSizeChanged
@@ -19109,11 +19115,11 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
         })];
       }
     }], null, true)
-  })], 1)]) : _vm._e()], 2);
+  })], 1)]) : _vm._e()])], 2);
 };
-var MDataTablevue_type_template_id_7d0dc90a_staticRenderFns = [];
+var MDataTablevue_type_template_id_7c1183ac_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=7d0dc90a&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=7c1183ac&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.async-iterator.js
 var es_symbol_async_iterator = __webpack_require__(2443);
@@ -20284,7 +20290,8 @@ var Sorting = {
       total: null,
       data: null,
       loading: false,
-      created: false
+      created: false,
+      bodyStyleAttr: ''
     };
   },
   computed: {
@@ -20463,6 +20470,7 @@ var Sorting = {
   mounted: function mounted() {
     this.load();
     this.created = true;
+    this.bodyStyleAttr = this.$refs.datatable.attributes.style.value;
   },
   methods: {
     getItemValue: function getItemValue(item, key) {
@@ -20639,10 +20647,10 @@ var Sorting = {
 });
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=script&lang=js&
  /* harmony default export */ var datatable_MDataTablevue_type_script_lang_js_ = (MDataTablevue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7d0dc90a&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7c1183ac&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7d0dc90a&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7c1183ac&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue
 
@@ -20655,8 +20663,8 @@ var Sorting = {
 
 var MDataTable_component = normalizeComponent(
   datatable_MDataTablevue_type_script_lang_js_,
-  MDataTablevue_type_template_id_7d0dc90a_render,
-  MDataTablevue_type_template_id_7d0dc90a_staticRenderFns,
+  MDataTablevue_type_template_id_7c1183ac_render,
+  MDataTablevue_type_template_id_7c1183ac_staticRenderFns,
   false,
   null,
   null,
@@ -29672,9 +29680,9 @@ MProgress.install = function (Vue) {
   Vue.component(MProgress.name, MProgress);
 };
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=e5dfb902&
 
-var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
+var MQuantitySelectorvue_type_template_id_e5dfb902_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -29716,7 +29724,9 @@ var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
       "role": "spinbutton"
     },
     on: {
-      "change": _vm.handle,
+      "change": function change($event) {
+        return _vm.handle($event.target.value);
+      },
       "focus": _vm.onFocus,
       "keypress": function keypress($event) {
         _vm.integerOnly && _vm.formatValue($event);
@@ -29742,9 +29752,9 @@ var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
     }
   })], 1);
 };
-var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
+var MQuantitySelectorvue_type_template_id_e5dfb902_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
+;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=e5dfb902&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
 
@@ -29855,10 +29865,10 @@ var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
  /* harmony default export */ var quantityselector_MQuantitySelectorvue_type_script_lang_js_ = (MQuantitySelectorvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=e5dfb902&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=e5dfb902&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue
 
@@ -29871,8 +29881,8 @@ var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
 
 var MQuantitySelector_component = normalizeComponent(
   quantityselector_MQuantitySelectorvue_type_script_lang_js_,
-  MQuantitySelectorvue_type_template_id_17fe4724_render,
-  MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns,
+  MQuantitySelectorvue_type_template_id_e5dfb902_render,
+  MQuantitySelectorvue_type_template_id_e5dfb902_staticRenderFns,
   false,
   null,
   null,