.screen-emulator .row {border: 1px solid #dedede;box-sizing: border-box;margin:0px;}
.screen-emulator .col {border: 1px solid #aeaeae;box-sizing: border-box;margin:0px;}
.nav-cols {width:100%;background: #dedede;}
.screen-emulator-col {min-height: 150px;position:relative;}
.screen-emulator-row {position:relative;}
.sub-rows {margin-top: 5px;
  margin-bottom: 0;}
.sub-rows:first-child {
  margin-bottom: 0;}

.sub-rows .row {margin-left: 0;
  margin-right: 0;}

.row.sortable-cols {min-height: 20px;}

.row-edit-menu {background: #dedede;padding:5px;}
.col-edit-menu{background: #aeaeae;padding:5px;}
.screen-emulator-s.min-screen {width:350px;}
.screen-emulator-s.max-screen {width:600px;}
.screen-emulator-m.min-screen {width:601px;}
.screen-emulator-m.max-screen {width:992px;}
.screen-emulator-l.min-screen {width:993px;}
.screen-emulator-l.max-screen {width:1200px;}
.screen-emulator-xl.min-screen {width:1201px;}
.screen-emulator-xl.max-screen {width:1600px;}

.screen-emulator .row, .screen-emulator .col {padding:0!important;}
.screen-emulator-col pre {white-space: normal;}

.module-content {min-height: 100px;padding:0 0.75em;}

/*#add_a_new_route {display:none;}*/
.input-group {
  display: table;
}

.input-group input, .suffix {
  display: table-cell;
}

.suffix {
  width:1%;

}

.input-group .prefix {
  font-size: 1.3rem;
  top: 1.5rem;
}

.slide-element, .sidenav-right {
  width:50%;
  height: 100%;
  padding: 20px 20px 80px;
}

.row-sidenav-content{
  margin-top: 20px;
}

.modules-type {margin-top: 20px;}

img.agrid-photo {max-width: 100%; object-fit: cover;}
div.module-agrid-photo-editor {padding:0; display:flex;}
img.slider-image-preview{height: 100px; width: auto;}

li button.btn-edit-image-slider{
  color: #2d3436;
  cursor: pointer;
  :hover{
    color: #2e7d32;
  }
}

li button.btn-delete-image-slider{
  color: #2d3436;
  cursor: pointer;
  :hover{
  color: #b71c1c;
  }
}

div.flex {
  display: flex;
  flex-flow: wrap;
}

div.flex>div{
  margin-right: 20px;
}

.row.flex > .col  {
  display: flex;
  flex-direction: column;
  margin-left: 0;
}
div.flex-container{
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

img.agrid-slider{
   max-width: 100%;
   object-fit: cover;
 }
img.slider-img-editor-preview{
  max-width: 100%;
  max-height: 100%;
  display: block;
}

div.module-agrid-slider-editor{padding: 0}

.slider .slides .row, .slider .slides .col {border:0px solid transparent;}

.flex-btn-container {
  border-radius: 5px;
  width: max-content;
  display: flex;
  align-items: center;
}

.pn-ProductNav {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* Remove the default scrollbar for WebKit implementations */
  &::-webkit-scrollbar {
    display: none;
  }
}

.choose-color{
  display: inline-block;
  width: 18%;
  height: 20px;
  font-size: .7em;
  font-weight: bold;
  border: 1px solid #b0bec5;
}
.choose-color:hover{
  position: absolute;
  width: 20%;
  height: 25px;
  border: 2px solid #455a64;
  font-size: .9em;
  z-index: 200;
}

img.responsive-img,
video.responsive-video{
  width: 100%!important;
}

.agrid-text-editor strong, .agrid-text-editor b {font-weight: bold;}