.webcontentlistviewer-portlet.view-mode{
  position: relative;
}

.webcontentlistviewer-portlet.view-mode .monguz-content-waiting{
  background-color: rgba(0,0,0,0.6);
  background-image: url('../images/ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
}

.webcontentlistviewer-portlet.view-mode .loading-icon-wrapper{
  width: 25px;
  height: 25px;
  margin: 20px auto;
  background: url('../images/ajax-loader.gif') no-repeat;
  background-size: cover;
}

.webcontentlistviewer-portlet.view-mode .monguz-content{
  position: relative;
  min-height: 100px;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper{
  background: rgba(0,0,0,0.6);
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 8888;
  padding: 5px;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper .number-information{
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 5px;
  top: 5px;
  right: 5px;
  position: absolute;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper .monguz-fix-position-info{
  font-size: 150%;
  text-align: center;
  margin: 10px 0px;
}

.webcontentlistviewer-portlet.view-mode button[name="fix-position-toogle"]{
  margin-bottom: 20px;
}

.webcontentlistviewer-portlet.view-mode button[name="fix-position-toogle"],
.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button{
  color: #ffffff;
  background: #578fdd;
  border: 1px solid #cacaca;
  text-shadow: none;
  padding: 5px;
}

.webcontentlistviewer-portlet.view-mode button[name="fix-position-toogle"]:hover,
.webcontentlistviewer-portlet.view-mode button[name="fix-position-toogle"]:focus,
.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button:hover,
.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button:focus{
  color: #ffffff;
  background: #57abdd;
  border: 1px solid #cacaca;
  text-shadow: none;
  padding: 5px;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button[name="add"]{
  background: #0d540d;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button[name="add"]:hover,
.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button[name="add"]:focus{
  background: #329232;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button[name="remove"]{
  background: #b12222;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button[name="remove"]:hover,
.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper button[name="remove"]:focus{
  background: #b53c3f;
}

.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper input[type="number"],
.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper input[type="number"]:hover,
.webcontentlistviewer-portlet.view-mode .monguz-content .monguz-position-wrapper input[type="number"]:focus{
  padding: 5px;
  border-width: 1px;
  float: left;
  background: #fff;
  color: #000;
}

.webcontentlistviewer-portlet.view-mode .pagger-wrapper.first-last-paginator{
  display: flex;
  justify-content: space-between;
}

.webcontentlistviewer-portlet.view-mode .pagger-wrapper.first-last-paginator .paginator-button-wrapper{
  display: inline-block;
}

.webcontentlistviewer-portlet.view-mode .content-out-wrapper{
  position: relative;
}

.webcontentlistviewer-portlet.view-mode .content-out-wrapper .content-loading-wrapper{
  display: none;
}

.webcontentlistviewer-portlet.view-mode .content-out-wrapper.loading .content-wrapper{
  min-height: 55px;
}

.webcontentlistviewer-portlet.view-mode .content-out-wrapper.loading .content-loading-wrapper{
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  background: rgba(0,0,0,.2);
  width: 100%;
}

.webcontentlistviewer-portlet.view-mode .content-out-wrapper.loading .content-loading-wrapper .content-loading{
  text-align: center;
  margin-top: 10px;
}

.webcontentlistviewer-portlet.view-mode .carousel-indicators-wrapper{
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  text-align: center;
  padding: 15px 0px;
}

@media screen and (min-width: 768px){
  .webcontentlistviewer-portlet.view-mode .carousel-indicators-wrapper{
    bottom: 20px;
  }
}

.webcontentlistviewer-portlet.view-mode .carousel-indicators-wrapper .carousel-indicators{
  position: relative;
  bottom: 0;
  display: inline-block;
  width: auto;
  left: 0;
  margin: 0px;
}

.webcontentlistviewer-portlet.view-mode .carousel-indicators-wrapper .carousel-indicators-control{
  display: none;
}

.urlwebcontentviewer-portlet .addthis_sharing_toolbox {
  position: relative;
  width: 200px;
  height: 44px;
}

.urlwebcontentviewer-portlet .likely-big {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  gap: 8px 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
  z-index: 100;
}

.urlwebcontentviewer-portlet .likely-big .likely__widget {
  margin: 4px 0;
}

.urlwebcontentviewer-portlet .likely .more-icon {
  margin: 4px 0;
  padding: 4px;
  border-radius: 4px;
  background-color: #ff6550;
  text-align: center;
  font-size: 22px;
  color: #ffffff;
}

.urlwebcontentviewer-portlet .more-icon:hover {
  background: #f04c4c;
}

.urlwebcontentviewer-portlet .likely__widget:nth-of-type(1n + 5) {
  display: none;
}

.urlwebcontentviewer-portlet .likely-big.more-visible .likely__widget:nth-of-type(1n + 5) {
  display: block;
}
