assets/css/appscms-theme.css in appscms-tools-theme-4.1.7 vs assets/css/appscms-theme.css in appscms-tools-theme-4.1.8

@@ -1430,28 +1430,10 @@
   color: #fff;
   border-radius: 4px;
   box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
 }
 
-#filepicker,
-#dropbox {
-  border: none;
-  background: var(--primary-color);
-  border-radius: 100%;
-  height: 32px;
-  width: 32px;
-  min-width: 0;
-  padding: 0;
-  color: #fff;
-  text-decoration: none;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
-  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
-}
 
 
 #Inputbox:hover,
 #dropbox:hover,
 #filepicker:hover {
@@ -1904,6 +1886,46 @@
 
   .download-icon {
     display: none;
   }
 
-}
\ No newline at end of file
+}
+@media (max-width: 992px) {
+  .appscms-sidebar-right,
+  .appscms-sidebar-left {
+    display: none;
+  }
+  
+}
+.appscms-sidebar-right,
+.appscms-sidebar-left {
+  min-width: 220px;
+  max-width: fit-content;
+  height: 100vh;
+  min-height: 300px;
+  max-height: fit-content;
+  top: 72px;
+  position: absolute;
+}
+.appscms-sidebar-left {
+  left: 80px;
+}
+.appscms-sidebar-right {
+  right: 80px;
+}
+@media screen and (min-width: 1450px) {
+  .appscms-sidebar-left {
+    left: 200px !important;
+  }
+  .appscms-sidebar-right {
+    right: 200px !important;
+  }
+}
+@media screen and (min-width: 1920px) {
+  
+  .appscms-sidebar-left {
+    left: 300px !important;
+  }
+  .appscms-sidebar-right {
+    right: 300px !important;
+  }
+}