.btn-cursor {
  cursor: pointer!important
}

.hidden {
  display: none!important
}

.height-125 {
  height: 125px
}

.height-150 {
  height: 150px
}

.height-240 {
  height: 220px!important
}

.height-250 {
  height: 250px
}

.height-300 {
  height: 300px
}

.height-500 {
  height: 500px
}

.height-600 {
  height: 600px
}

.height-220 {
  height: 220px!important
}

.height-251 {
  height: 251px!important
}

.padding-none {
  padding: 0!important
}

.border-none {
  border: none!important
}

.bg-cover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat!important
}

.bg-position-0-0 {
  background-position: 0 0!important
}

.bg-color-black-fade-30 {
  background-color: rgba(0,0,0,.35)
}

.bg-contain {
  background-size: contain!important;
  background-position: 50% 50%!important;
  background-repeat: no-repeat!important
}

.min-height-60 {
  min-height: 60px
}

.min-height-115 {
  min-height: 115px
}

.max-height-250 {
  max-height: 250px!important
}

.single-product-image-container-height {
  height: 500px
}

.width-50-percent {
  width: 50%
}

.width-100-percent {
  width: 100%
}

.ver-hor-align-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.z-index-negative {
  z-index: -9999
}

.product-image-container {
  height: 200px!important;
  background-size: cover;
  background-position: 50%
}

div.page-fade {
  opacity: .9;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  top: 0;
  left: 0;
  position: fixed
}

.section\.view .component-container,.section_template\.view .component-container {
  border: 3px dotted red!important;
  cursor: pointer;
  min-height: 20px
}

.page\.preview footer,.page\.preview header {
  pointer-events: none
}

.page\.preview #sid_new {
  height: 500px
}

.page\.preview .section-container {
  position: relative;
  border: 3px dotted red!important;
  cursor: pointer;
  display: inline-block;
  width: 100%
}

.page\.preview .section-container.data-validation-error {
  min-height: 200px
}

.page\.preview .section-overlay {
  background: rgba(0,0,0,.5);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.page\.preview .section-overlay .section-name {
  display: block
}

.page\.preview .section-overlay .section-name-update,.page\.preview .section-overlay:hover .section-name {
  display: none
}

.page\.preview .section-overlay:hover .section-name-update {
  display: block
}

.page\.preview .section-menu {
  background: rgba(0,0,0,.5);
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 9999;
  color: #fff;
  text-align: center;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.page\.preview .section-title {
  padding-left: 10px
}

.page\.preview .section-actions {
  margin-left: auto
}

.page\.preview .section-link {
  color: #fff
}

.page\.preview .section-link,.page\.preview .section-link:hover {
  text-decoration: none;
  background-color: transparent;
  margin-right: 10px
}

.page\.preview .section-link:hover {
  color: #2671bc
}

.layout\.view .section-container {
  position: relative;
  cursor: pointer;
  display: inline-block;
  height: 500px;
  width: 100%
}

.layout\.view .section-overlay {
  background: rgba(0,0,0,.5);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.layout\.view .section-overlay .section-name {
  display: block
}

.layout\.view .component-container {
  border: 3px dotted red!important;
  cursor: pointer;
  min-height: 20px;
  min-width: 20px
}

.layout\.preview .section-container {
  position: relative;
  cursor: pointer;
  display: inline-block;
  height: 500px;
  width: 100%
}

.layout\.preview .section-overlay {
  background: rgba(0,0,0,.5);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.layout\.preview .section-overlay .section-name {
  display: block
}

.page\.entity\.preview footer,.page\.entity\.preview header {
  pointer-events: none
}

.page\.entity\.preview #sid_new {
  height: 500px
}

.page\.entity\.preview .section-container {
  position: relative;
  border: 3px dotted red!important;
  cursor: pointer;
  display: inline-block;
  width: 100%
}

.page\.entity\.preview .component-container {
  border: 3px dotted red!important;
  cursor: pointer;
  min-height: 20px
}

.page\.entity\.preview .section-container.data-validation-error {
  min-height: 200px
}

.page\.entity\.preview .section-overlay {
  background: rgba(0,0,0,.5);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.page\.entity\.preview .section-overlay .section-name {
  display: block
}

.page\.entity\.preview .section-overlay .section-name-update,.page\.entity\.preview .section-overlay:hover .section-name {
  display: none
}

.page\.entity\.preview .section-overlay:hover .section-name-update {
  display: block
}

.page\.entity\.preview .section-menu {
  background: rgba(0,0,0,.5);
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 9999;
  color: #fff;
  text-align: center;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.page\.entity\.preview .section-title {
  padding-left: 10px
}

.page\.entity\.preview .section-actions {
  margin-left: auto
}

.page\.entity\.preview .section-link {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  margin-right: 10px
}

.page\.entity\.preview .section-link:hover {
  color: #2671bc;
  text-decoration: none;
  background-color: transparent;
  margin-right: 10px
}