/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
html {
	-webkit-text-size-adjust: none;
	touch-action: manipulation;
}

body {
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  margin: 0px;
  padding: 0px;
  background-color: #f5f5f5;
  font-family: arial, sans-serif;
  touch-action: pan-x pan-y;
  position: fixed;
}

mobdes-header {
  width: calc(100% - 34px);
  padding-right: 16px;
  background-color: white;
  height: 60px;
  border-bottom: 1px solid #e4e4e7;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: rgb(112, 112, 112);
  padding-left: 18px;
  position: fixed;
  z-index: 3501;
}

.username-popover {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
  color: rgb(112, 112, 112);
  margin-left: 20px;
}

.email-popover {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: rgb(130, 130, 130);
  margin-left: 20px;
}

mobdes-body {
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100%;
}

mobdes-actbar {
  width: calc(100% - 32px);
  background-color: white;
  height: 60px;
  border-top: 1px solid #e4e4e7;
  display: flex;
  position: fixed;
  bottom: 0px;
  flex-direction: row;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: rgb(112, 112, 112);
  padding-left: 16px;
  padding-right: 16px;
  place-content: center;
}

mobdes-actbar-editor {
  width: calc(100% - 28px);
  background-color: white;
  height: 90px;
  border-top: 1px solid #e4e4e7;
  display: flex;
  position: fixed;
  bottom: 0px;
  flex-direction: row;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: rgb(112, 112, 112);
  padding-left: 28px;
  z-index: 3500;
  overflow-x: scroll;
}

.mob-placeright {
  margin-left: auto
}

.actbar-icon-text {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}

mobdes-int-slideoverpanel {
  width: 100vw;
  height: 75vh;
  background-color: white;
  border-radius: 15px 15px 0px 0px;
  position: fixed;
  bottom: 0px;
}

mobdes-actbar-button {
  display: flex; 
  flex-direction: column; 
  align-content: center; 
  margin-right: 30px;
}

mobdes-int-slideoverheader {
  height: 60px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: rgb(112, 112, 112);
  place-items: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  display: flex;
  flex-direction: row;
}

.sectionheader {
  height: 50px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  color: rgb(112, 112, 112);
  place-items: center;
  display: block;
  margin-left: 30px;
  margin-right: auto;
  width: fit-content;
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}

.slidesection-compact {
  height: 80px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  color: rgb(112, 112, 112);
  place-items: center;
  overflow-x: scroll;
  padding-left: 30px;
  padding-right: 60px;
  /* margin-right: auto; */
  min-width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
}

.staticsection-compact {
  /* height: 80px; */
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  color: rgb(112, 112, 112);
  place-items: center;
  padding-left: 30px;
  padding-right: 30px;
  /* margin-right: auto; */
  min-width: calc(100% - 60px);
  max-width: calc(100% - 60px);
  display: flex;
  flex-direction: row;
}

.slidesection-compact::-webkit-scrollbar {
  display: none;
}

mobdes-actbar-editor::-webkit-scrollbar {
  display: none;
}

.mov-layer {
  z-index: 500;
}

a,a:hover,a:click, a:visited{
  border:none;
  outline:none;
  background-color:transparent;
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color: white;
}

fileitem {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  color: rgb(112, 112, 112);
  display: flex;
  flex-direction: row;
  margin-bottom: 35px;
  align-items: center;
}

mobdes-slideover {
  position: fixed;
  top: 0px;
  z-index: 4000;
  width: 100vw;
  height: 100vh;
  background-color: #0000006e;
}

.inspcontrol-text {
  background-color: rgb(246, 246, 246);
  border-radius: 8px;
  width: calc(100% - 89px);
  border: 1px solid #e4e4e7;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 30px !important;
  height: 30px;
  display: block;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5f5f5f
}

.inspcontrol-color {
  background-color: rgb(246, 246, 246);
  border-radius: 8px;
  border: 1px solid #e4e4e7;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 30px !important;
  height: 30px;
  display: block;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5f5f5f
}

.inspcontrol-text:focus {
  outline: 1px solid #e4e4e7;
}

.inspcontrol-num {
  background-color: rgb(246, 246, 246);
  border-radius: 8px;
  width: 100%;
  border: 1px solid #e4e4e7;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 30px !important;
  height: 30px;
  display: block;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5f5f5f
}

.inspcontrol-num:focus {
  outline: 1px solid #e4e4e7;
}

.mobnavbar {
  justify-content: space-around;
  padding-left: 0px;
  width: 100%;
}

.addpanel-search {
  background-color: rgb(246, 246, 246);
  border-radius: 999px;
  width: calc(100% - 89px);
  border: 1px solid #e4e4e7;
  padding-left: 20px;
  padding-right: 20px;
  /* margin-left: 30px !important; */
  height: 43px;
  display: block;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5f5f5f
}

.masonry-with-columns {
  columns: 6 150px;
  column-gap: 10px;
  padding-left: 10px; 
  padding-right: 10px;
}
.masonry-with-columns img {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 100%;
  border-radius: 10px;
}

.herobox {
  background: rgb(36,255,216);
  background: linear-gradient(135deg, rgba(36,255,216,1) 0%, rgba(0,224,255,1) 100%);
  width: 80vw;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 15px;
}