declare const _default: "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n  padding-right: calc(1.5em + .75rem);\n  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);\n  background-repeat: no-repeat;\n  background-position: right calc(.375em + .1875rem) center;\n  background-size: calc(.75em + .375rem) calc(.75em + .375rem);\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.grid-actions {\n  padding-left: 1.5rem;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n[dir=rtl] .data-tables-filter {\n  text-align: left;\n}\n\n.modal {\n  z-index: 1055;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 215px;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar {\n  height: 5px !important;\n  width: 5px !important;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar-track {\n  background: #ddd;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar-thumb {\n  background: #8a8686;\n}\n\n.ellipsis-inline {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-widget-overlay {\n  z-index: 1000;\n}\n\n.color-white {\n  color: #FFF !important;\n}\n\n.custom-checkbox > label {\n  cursor: pointer;\n}\n\n/* <animations */\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n.collapsed-height {\n  -moz-transition: max-height linear 0.35s;\n  -ms-transition: max-height linear 0.35s;\n  -o-transition: max-height linear 0.35s;\n  -webkit-transition: max-height linear 0.35s;\n  overflow:hidden;\n  transition:max-height 0.35s linear;\n  height:auto;\n  max-height: 0;\n}\n\n.mh-25 {\n  max-height: 25vh;\n}\n\n.mh-50 {\n  transition:max-height 0.65s linear;\n  max-height: 50vh;\n}\n\n.mh-75 {\n  transition:max-height 0.85s linear;\n  max-height: 75vh;\n}\n\n.mh-100 {\n  transition:max-height 1s linear;\n  max-height: 100vh;\n}\n\n[class^=\"sorting\"] {\n  opacity: .3;\n  cursor: pointer;\n}\n\n[class^=\"sorting\"]:before {\n  right: 0.5rem;\n  content: \"↑\";\n}\n\n[class^=\"sorting\"]:after {\n  right: 0.5rem;\n  content: \"↓\";\n}\n\n.sorting_desc {\n  opacity: 1;\n}\n\n.sorting_desc:before {\n  opacity: .3;\n}\n\n.sorting_asc {\n  opacity: 1;\n}\n\n.sorting_asc:after {\n  opacity: .3;\n}\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n.ngx-datatable.material {\n  box-shadow: none;\n}\n\n.ngx-datatable.material {\n  background-color: #ffffff;\n  border-radius: 0.5rem;\n  color: #686b6e;\n}\n\n.ngx-datatable.material .datatable-header {\n  background-color: #ffffff;\n  border-bottom: 0;\n}\n\n.ngx-datatable.material .datatable-header .datatable-header-cell {\n  background-color: #ffffff;\n  padding-left: 1rem;\n  padding-right: 1rem !important;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-weight: 400 !important;\n  color: rgba(104, 107, 110, 0.65);\n  transition: color 0.3s;\n  text-transform: uppercase;\n  font-size: 1em !important;\n  letter-spacing: 0.75px;\n}\n\n.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-icon-sort-unset:before {\n  font-family: bootstrap-icons !important;\n  content: '\f282' !important;\n  margin: 0 4px;\n}\n\n.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-icon-down:before {\n  font-family: bootstrap-icons !important;\n  content: '\f286' !important;\n  margin: 0 4px;\n}\n\n.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-icon-up:before {\n  font-family: bootstrap-icons !important;\n  content: '\f282' !important;\n  margin: 0 4px;\n}\n\n.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {\n  background-color: #ffffff;\n  border-top: 1px solid rgba(104, 107, 110, 0.075) !important;\n}\n\n.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .btn {\n  padding-left: 1rem;\n  font-size: 0.8em;\n}\n\n.datatable-body-cell-label {\n  padding: 0.25rem 0.25rem !important;\n}\n";
export default _default;