+
+// In tables, don't have a hover different background
+table {
+ .action-button-edit, .action-button-delete {
+ &:hover, &:active, &:focus, &[disabled], &.disabled {
+ background-color: $grey-color !important;
+ }
+ }
+}
+
+@media screen and (max-width: 900px) {
+ .main-col {
+ &, &.expanded {
+ .margin-content {
+ margin-left: 50px;
+ margin-right: 50px;
+ }
+
+ .sub-menu {
+ padding-left: 50px;
+ }
+ }
+ }
+}
+
+// On small screen, menu is absolute
+@media screen and (max-width: 600px) {
+ .title-menu-left {
+ width: 100% !important;
+ position: absolute !important;
+ z-index: 10000;
+ }
+
+ .main-col {
+ margin-left: 0;
+
+ &, &.expanded {
+ .margin-content {
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+
+ .sub-menu {
+ padding-left: 15px;
+ margin-bottom: 10px;
+ }
+
+ input[type=text], input[type=password] {
+ width: 100% !important;
+ }
+ }
+ }
+
+ bs-dropdown-container {
+ z-index: 10000;
+ }
+}