+
+// In tables, don't have a hover different background
+table {
+ .action-button-edit, .action-button-delete {
+ &:hover, &:active, &:focus, &[disabled], &.disabled {
+ background-color: $grey-background-color !important;
+ }
+ }
+}
+
+.no-results {
+ height: 40vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 16px;
+ font-weight: $font-semibold;
+}
+
+@media screen and (max-width: 1600px) {
+ .main-col {
+ &.expanded {
+ .margin-content {
+ margin-left: $expanded-horizontal-margins/2;
+ margin-right: $expanded-horizontal-margins/2;
+ }
+ }
+ }
+}
+
+@media screen and (max-width: 900px) {
+ .main-col {
+ &.expanded {
+ .margin-content {
+ margin-left: $expanded-horizontal-margins/3;
+ margin-right: $expanded-horizontal-margins/3;
+ }
+
+ .sub-menu {
+ padding-left: 50px;
+
+ .title-page {
+ font-size: 15px;
+ }
+ }
+ }
+ }
+}
+
+@media screen and (max-width: $small-view) {
+ .main-col {
+ margin-left: 0;
+
+ &, &.expanded {
+ .margin-content {
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+
+ .sub-menu {
+ padding-left: 15px;
+ padding-right: 15px;
+ margin-bottom: 10px;
+ }
+
+ input[type=text], input[type=password] {
+ width: 100% !important;
+ }
+ }
+ }
+}