@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__outerClosing {
  opacity: 0;
}

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}
.ril__navButtons:hover {
  opacity: 1;
}
.ril__navButtons:active {
  opacity: 0.7;
}

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2)
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==")
    no-repeat center;
}

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2)
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+")
    no-repeat center;
}

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  background-size: cover;
}

.ril__caption,
.ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.ril__captionContent {
  padding: 10px 20px;
  color: #fff;
}

.ril__toolbar {
  top: 49px !important;
  height: 50px;
}

.ril__toolbarSide {
  height: 50px;
  margin: 0;
}

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  flex: 0 0 auto;
}

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ril__toolbarItemChild {
  vertical-align: middle;
}

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}
.ril__builtinButton:hover {
  opacity: 1;
}
.ril__builtinButton:active {
  outline: none;
}

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}
.ril__builtinButtonDisabled:hover {
  opacity: 0.5;
}

.ril__closeButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=")
    no-repeat center;
}

.ril__zoomInButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+")
    no-repeat center;
}

.ril__zoomOutButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=")
    no-repeat center;
}

.ril__outerAnimating {
  animation-name: closeWindow;
}

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ril__loadingCirclePoint::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}
.ril__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms;
}
.ril__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}
.ril__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}
.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms;
}
.ril__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}
.ril__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}
.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms;
}
.ril__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}
.ril__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}
.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms;
}
.ril__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}
.ril__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}
.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms;
}
.ril__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}
.ril__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}
.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms;
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}
.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms;
}

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none;
}

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none;
}

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/* 
.img-thumbnail {
  border: none !important;
  width: auto;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -2;
} */
/* .carousel{
  display: flex;
  justify-content: center;
}

.carousel.slide{
  height: 80vh;
}

.carousel.carousel-slider {
  position: relative !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  max-width: 32% !important;
}
 */

.carousel .thumb {
  cursor: pointer;
}

.MuiDialog-paperWidthSm {
  max-width: 654px;
}

.removeBtn {
  color: rgb(237 14 14 / 89%) !important;
}

.carouselItem {
  height: 225px !important;
  width: 225px !important;
  margin: auto !important;
  background-color: white !important;
}

.mediaContainer {
  border: 0.1px solid #00000017;
  padding: 0px !important;
}

.bqyzQp {
  position: relative;
  padding: 15px !important;
}

.instanceEditorAddMediaDialog .MuiCardContent-root {
  padding: 16px;
  width: 279px !important;
  font-size: large;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

.instanceEditorAddMediaDialog .MuiDialogContent-root {
  width: 674px;
}

.instanceEditorAddMediaDialog .MuiCardMedia-root {
  display: block;
  background-size: initial !important;
  background-repeat: no-repeat;
  background-position: center;
}

.instanceEditorAddMediaDialog .MuiToolbar-regular {
  min-height: 64px;
}
/*
.instanceEditorContent {
    display: none;
}





TAB-EDITOR:
----------------------------------------------------------
*/

.tabEditorRoot > div > .MuiPaper-root {
  border: #ffd8a9 solid 2px;
  min-height: calc(90vh - 20rem);
}

#react-TabEditor *[draggable] {
  cursor: move !important;
}

.tabeditor-toolbox
  > .MuiTreeItem-root
  > .MuiTreeItem-group
  .MuiTreeItem-content {
  cursor: move !important;
}

body > div > li.MuiTreeItem-root[draggable] > .MuiTreeItem-content {
  position: relative;
  bottom: 80px !important;
  right: 460px !important;
}

body > div > .editorMockup[draggable] > div {
  position: relative;
  bottom: 140px !important;
  right: 350px !important;
  cursor: grabbing !important;
}

.editorMockup .textEditorTitle.editorTitle > h2 {
  color: white !important;
}

.editorMockup .linkdedInstancesEditorTitle.editorTitle {
  max-height: 3.2rem;
}

.editorMockup .editorTitle h2 {
  font-size: 1.5rem;
}

.editorMockup .linkdedInstancesEditorTitle.editorTitle > h2 > span {
  position: relative;
  bottom: 0.2rem;
}

.editorMockup .allImages .MuiIcon-root {
  width: 1.1em;
  font-size: 4.5rem;
}

.tabEditorContentRead > div > div {
  box-shadow: none !important;
}

.tabEditorContentRead > div > div > header.MuiAppBar-root {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%), 0px 0px 0px 0px rgb(0 0 0 / 0%),
    0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
}

#react-TabEditor .MuiTabs-flexContainerVertical > button,
.reactInstanceEditorWrap .MuiTabs-flexContainerVertical > button {
  text-transform: initial;
}

/*
INSTANCE-EDITOR:
----------------------------------------------------
*/

.instanceEditor {
  padding-right: 0.2rem;
}

.instanceEditorContent {
  margin-top: 2rem;
}

.reactInstanceEditorWrap.loadedReactInstanceEditor ~ .instanceEditorContent {
  display: none;
}
.instanceEditor.loadedReactInstanceEditor ~ .articles {
  display: none;
}

.reactInstanceEditorWrap
  .MuiTabs-vertical
  ~ .tabsContentWrap
  > .TabPanel
  > .childrenTabPanel {
  padding-top: 0px !important;
}

.reactInstanceEditorWrap .instanceEditorTable .MuiTableCell-head {
  min-width: 9rem;
  font-weight: bold;
  width: 0px;
}

.reactInstanceEditorWrap .instanceEditorTable .MuiTableCell-head:nth-child(2) {
  min-width: 12rem;
  font-weight: bold;
}

.reactInstanceEditorWrap .instanceEditorTable .MuiTableCell-body,
.reactInstanceEditorWrap .instanceEditorTable .instance-checkbox-all {
  padding: 0px 8px;
}

.reactInstanceEditorWrap .instanceEditorTable .MuiInput-underline:before {
  border-bottom: none;
}

.reactInstanceEditorWrap .instanceEditorTable #test .MuiInput-underline:after {
  border-bottom: none;
}

.reactInstanceEditorWrap
  .instanceEditorTable
  .MuiTableCell-body:hover
  .MuiInput-underline:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important;
}

.reactInstanceEditorWrap
  .instanceEditorTable
  .MuiTableCell-body:hover
  .instanceEditorComponent
  .derivedFeature
  .MuiInput-underline:before {
  border-bottom: none !important;
}

/* .reactInstanceEditorWrap .instanceEditorTable .MuiInputBase-input {
  width: auto;
} */

.reactInstanceEditorWrap
  .instanceEditorTable
  .numeric-range
  > .MuiTextField-root {
  max-width: 10rem;
}

.reactInstanceEditorWrap .options-editor:not(.Mui-focused) input {
  width: 100%;
  position: absolute;
}

.reactInstanceEditorWrap .multi-options-editor:not(.Mui-focused) input {
  opacity: 0;
}

.reactInstanceEditorWrap .options-editor .selected-tags {
  max-width: 7rem;
  display: flex;
}

.reactInstanceEditorWrap .options-editor .MuiAutocomplete-tag {
  margin-left: 1rem;
}

.reactInstanceEditorWrap .options-editor.Mui-focused .selected-tags {
  display: none;
}

.reactInstanceEditorWrap .MuiAutocomplete-root {
  width: 25rem;
}

.reactInstanceEditorWrap .options-editor .MuiAutocomplete-inputRoot {
  height: 4rem;
}

.reactInstanceEditorWrap .derivedFeature .Mui-disabled {
  color: #777777 !important;
}

.textEditorTitle h2,
.linkdedInstancesEditorTitle h2 {
  padding: 0.8rem;
  margin: 0;
  width: 100%;
}

.editorTitle {
  background-image: linear-gradient(to right, #f29528, #fbdba7);
  display: flex;
  justify-content: space-between;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

body > .orgaLocked .editorTitle {
  background-image: linear-gradient(to right, #666, #ccc);
}

.editorTitle > h2 > span:first-child {
  color: white;
}

.editorTitle .addLinkedInstance {
  width: 1rem;
  display: inline-block;
}

#popupContent > .textEditorWrapper > .textEditor {
  margin-bottom: 0;
}

.linkedInstances {
  overflow: hidden;
}

.carouselContent .carouselItemButton {
  left: 109px;
  position: absolute;
  top: 98px;
}

.searchAndAddLinkedInstance input.addLinkedInstanceForm {
  width: 30rem;
  display: inline-block;
  margin-right: 2rem;
}

.addLinkedInstanceWrapper.getCustomInstances {
  width: 75vw;
  max-width: 60rem;
  height: 90vh;
}

.getCustomInstances .addLinkedInstanceForm,
.getCustomInstances #searchLinkedInstanceButton {
  display: none !important;
}

.getCustomInstances > h3 {
  float: left;
}

.getCustomInstances > .createAndAddLinkedInstance {
  float: right;
  position: relative;
  right: 2.5rem;
  top: 1.5rem;
}

.getCustomInstances .searchAndAddLinkedInstance {
  clear: both;
  padding-top: 1rem;
}

.searchLinkedInstanceResult .overviewListing {
  overflow: auto;
  border: solid 1px grey;
  height: calc(100vh - 26rem);
}

.searchLinkedInstanceResult .overviewListing.withoutPagination {
  height: calc(100vh - 19rem) !important;
}

.getCustomInstances
  .searchLinkedInstanceResult
  .overviewListing.withoutPagination {
  height: calc(100vh - 13rem) !important;
}

.linkedInstanceResult:not(.alreadyChosen) .row:hover {
  background-color: initial;
}

.searchLinkedInstanceResult .overviewListing .row a {
  pointer-events: none;
}

.linkedInstanceResult.alreadyChosen .row {
  opacity: 0.55;
  background-color: #d0d0d0;
}

.linkedInstanceResult.alreadyChosen img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.linkedInstanceResult.alreadyChosen button {
  cursor: default;
}

.linkedInstanceResult .btn:hover {
  border-color: initial;
}

.linkedInstanceResult.alreadyChosen .btn {
  background-color: grey !important;
  border-color: grey !important;  
}

.linkedInstanceResult .someContaining {
  background-color: #40a09c !important;
  border-color: transparent !important;
}

.instanceEditor img.img-thumbnail {
  z-index: -3;
}

#slickSearchCustomInstanceResult .carouselContent .carouselItemButton {
  position: absolute;
  left: 125px;
  top: 125px;
}

.searchLinkedInstanceResult .addLinkedInstance {
  position: absolute;
  bottom: 0;
  right: 2rem;
}

.mediaEditors .subCustomInstanceWrapper {
  overflow: visible;
}

.bootstrap-timepicker-widget th,
.bootstrap-timepicker-widget td {
  border: 0;
}

.carouselItem:first-child .shiftPositionBack {
  opacity: 0;
  pointer-events: none;
}

.carouselItem:last-child .shiftPositionForward {
  opacity: 0;
  pointer-events: none;
}

.mediaEditors .slick-prev,
.mediaEditors .slick-next {
  top: 35%;
  width: initial;
  height: initial;
}

.searchAndAddLinkedInstance .searchLinkedInstanceResult .slick-prev:after {
  top: 66px;
}

.mediaEditors .buttonHoverText.tooltipBottom {
  top: 100%;
}

.mediaEditors .notFound .buttonHoverText.tooltipBottom {
  top: 104%;
}

.slick-prev,
.slick-next {
  font-size: 40px;
  line-height: 100%;
}

.instanceEditor .slick-prev::after,
.instanceEditor .slick-next::after,
.instanceEditor .slick-prev::before,
.instanceEditor .slick-next::before {
  top: 2rem;
}

#slickSearchResult .slick-prev::after,
#slickSearchResult .slick-next::after,
#slickSearchResult .slick-prev::before,
#slickSearchResult .slick-next::before {
  top: -0.5rem;
}

.instanceEditor .slick-prev.slick-arrow,
.instanceEditor .slick-next.slick-arrow {
  height: 5rem;
  width: 7rem;
  background-color: transparent;
  box-shadow: none !important;
}

.instanceEditor .slick-prev::after,
.instanceEditor .slick-next::after,
.instanceEditor .slick-prev::before,
.instanceEditor .slick-next::before {
  top: 2rem;
}

.instanceEditor .slick-prev:before,
.instanceEditor .slick-next:before {
  line-height: 0;
}

.slick-prev:focus:after,
.slick-next:focus:after {
  box-shadow: none;
}

/* /* .slick-prev:hover, .slick-next:hover, */
*/
/* /*  .slick-prev:focus, .slick-next:focus, */ */
/* /*  .slick-prev, .slick-next { */ */
/* /* 	    font-size: 40px; */ */
/* /*  	    line-height: 100%; */ */
/* /*     	height: 15rem !important; */ */
/* /*     	background-color: white !important; */ */
/* /*     	width: 8rem !important; */ */
/* /* } */ */

/* .slick-prev { */ */
/* 	left: -2.5rem; */ */
/* } */ */

/* .slick-next { */
/* 	right: -2.5rem; */
/* } */

.slick-prev:focus:after,
.slick-next:focus:after {
  margin-top: 0.25rem;
}

.carouselItem.slick-slide {
  position: relative;
  z-index: 1;
}

.bigEditor .subCustomInstanceWrapper,
.smallEditor .subCustomInstanceWrapper {
  padding-top: 1rem;
}

.bigEditor .instanceEditor {
  width: auto;
  margin: 1rem;
}

.bigEditor .material-button-anim {
  width: 100%;
  left: -2rem;
  position: absolute;
  bottom: 0;
}

.bigEditor .customInstanceViewer {
  z-index: 2;
}

.smallEditor .slickThumbs .slick-slide {
  height: auto;
}

.onlyShifter .material-button-anim {
  top: 14rem;
}

.onlyShifter .material-button {
  top: -80px;
}

.onlyShifter .option button {
  top: -129px;
}

.customFields {
  margin-bottom: 2.3rem;
}

.smallEditor .customFields .inputNumericWrap .inputNumeric {
  width: 100%;
}

.inputNumericWrap .inputNumeric {
  display: none;
}

.displayAsInteger {
  display: none;
}

.datetime-standardpicker.errorFlashed {
  border: 1px solid #ccc;
}

.subCustomInstanceWrapper {
  margin-bottom: 2.3rem;
  border: 1px solid #aeaeae;
  padding-top: 4.8rem;
  padding-bottom: 1rem;
  overflow: hidden;
}

.bigEditor .subCustomInstanceWrapper {
  padding-bottom: 5rem;
  width: 100%;
}

.mediaEditors .carouselContent .pictureWrap {
  z-index: 1;
  position: relative;
  /* 	top: 0px; */
  /* 	left: 35px; */
  width: 150px;
  height: 135px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: auto;
}

.customInstanceViewer .pictureWrap,
.customInstanceViewer .pictureWrap:hover {
  border: none;
  box-shadow: none;
}

.customInstanceTypeViewer .customInstanceViewer a > div {
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
}

.uniqueLinkedInstance .customInstanceViewer a > div {
  box-shadow: none;
}

.customInstanceViewer a > div:not(.instanceEditor),
.customInstanceViewer > div:not(.instanceEditor) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customInstanceViewer a > div > span,
.customInstanceViewer > div > span {
  padding: 0.5rem;
}

.uniqueLinkedInstance a > div:not(.instanceEditor),
.uniqueLinkedInstance > div:not(.instanceEditor) {
  position: relative;
}

.customInstanceViewer a img {
  border: 2px solid #aaa;
  position: relative;
}

.searchLinkedInstanceResult .pictureWrap:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.searchLinkedInstanceResult .customInstanceViewer .pictureWrap:hover {
  box-shadow: none;
}

.instanceEditor .material-button-anim li.option.scale-on {
  position: relative;
  left: 0.8rem;
  z-index: 9999999999;
}

.pictureWrap {
  position: relative;
  width: 150px;
  height: 135px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pictureWrap:hover,
.mediaEditors .carouselContent .pictureWrap:hover {
  border: 1px solid #aaa;
}

.mediaEditors .carouselContent .slick-slide img {
  border: none !important;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -2;
}

.mediaEditors .carouselContent .showOnePicture .pictureWrap img {
  border: none !important;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -2;
}

.customInstanceViewer .textEditor span {
  left: 0px;
}

#manageUserForm .form-group .form-control {
  border-radius: 0px;
}

#manageUserForm button.btn.dropdown-toggle.btn-default {
  border-radius: 0px;
}

.jsUsersContainer button.btn.btn-primary.editAction.iconButton {
  width: 11px;
}

#manageUserForm button.btn.btn-default.center-block {
  border-radius: 0px;
}

#popupContent .carouselItem {
  position: relative;
  /* width: 100px; */
  /* height: 100px; */
}
.img-thumbnail {
  border: none !important;
  border-radius: 0px !important;
}

.option {
  position: relative;
}

.option.scale-on {
  z-index: 2;
}

.showExpandButton {
  float: inline-end;
}

.mediaEditors .slick-slide img {
  position: absolute;
}

.searchMediaResult .slick-slide img {
  position: static;
}

#slickSearchResult {
  width: 90vw;
}

#slickSearchResult .carouselContent .pictureWrap img {
  width: initial;
  height: initial;
}

.searchAndAddLinkedInstance .customInstanceViewer > div {
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
}

.timepicker span {
  left: 0 !important;
}

.customInstanceViewer .pictureWrap {
  width: 156px;
}

.instanceEditor .slick-prev,
.instanceEditor .slick-next {
  top: calc(100% + 3rem);
  z-index: 9;
}

.instanceEditor .slick-prev {
  left: 3rem;
}

.instanceEditor .slick-list {
  margin-bottom: 5rem;
}

.instanceEditor .slick-dots {
  bottom: -5rem;
}

.instanceEditor .allImages {
  padding-bottom: 1rem;
}

.instanceEditor .slickBigEditors .slick-list {
  margin-bottom: 0;
}

.uniqueLinkedInstance .subCustomInstanceWrapper {
  overflow: initial;
}

.mediaEditor .carouselContent .notFound {
  z-index: 2;
}

date-input-polyfill {
  z-index: 99999 !important;
}

.customInstanceViewer {
  padding: 2rem;
}

.instanceTextEditModal .textEditWrap {
  max-width: 14rem;
  max-height: 4rem;
  overflow: hidden;
  position: relative;
}

.instanceTextEditModal .textEditWrap .fader {
  top: 0;
  left: 0;
  width: 102%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 74%,
    rgba(255, 255, 255, 1) 100%
  );
  position: absolute;
}