/*{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  }*/
@font-face {
    font-family: "pw-font";
    src: url('../fonts/pw-font/pw-font.ttf?v=1.4');
  }
  .fp.fp-home:before {
      font-family: "pw-font";
      content: "\e914";
  }
  .fp.fp-flag:before {
      font-family: "pw-font";
      content: "\e913";
  }
  .fp.fp-user:before {
      font-family: "pw-font";
      content: "\e915";
  }
  .fp.fp-archive:before {
      font-family: "pw-font";
      content: "\e910";
  }
  .fp.fp-comment:before {
      font-family: "pw-font";
      content: "\e912";
  }
  .fp.fp-forum:before {
      font-family: "pw-font";
      content: "\e90d";
  }
  .fp.fp-pencil:before {
      font-family: "pw-font";
      content: "\e90e";
  }
  .fp.fp-pencil-square:before {
      font-family: "pw-font";
      content: "\e911";
  }
  .fp.fp-search:before {
      font-family: "pw-font";
      content: "\e90f";
  }
  .fp.fp-twitter:before {
      font-family: "pw-font";
      content: "\e900";
  }
  .fp.fp-publishwall:before {
      font-family: "pw-font";
      content: "\e901";
  }
  .fp.fp-arrow-left:before {
      font-family: "pw-font";
      content: "\e902";
  }
  .fp.fp-arrow-right:before {
      font-family: "pw-font";
      content: "\e903";
  }
  .fp.fp-bars:before {
      font-family: "pw-font";
      content: "\e904";
  }
  .fp.fp-bars-small:before {
      font-family: "pw-font";
      content: "\e905";
  }
  .fp.fp-graph:before {
      font-family: "pw-font";
      content: "\e906";
  }
  .fp.fp-heart:before {
      font-family: "pw-font";
      content: "\e907";
  }
  .fp.fp-instagram:before {
      font-family: "pw-font";
      content: "\e908";
  }
  .fp.fp-like:before {
      font-family: "pw-font";
      content: "\e909";
  }
  .fp.fp-rss:before {
      font-family: "pw-font";
      content: "\e90a";
  }
  .fp.fp-facebook:before {
      font-family: "pw-font";
      content: "\e90b";
  }
  .fp.fp-youtube:before {
      font-family: "pw-font";
      content: "\e90c";
  }





  #fullPostModal .modal-body
  {
    padding: 0;
    width: 100%;
  }
  .widget_placeholder
  {
    position: relative;
  }
  .backgroundImage /*Potreben pri vseh slikah, vrjetno to ni najbolša pozicija za ta class, morda bi bilo bolje če bi bil nek common.css*/
  {
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    width: 100%;
    height: 100%;
    transition:all 0.5s ease-in-out;
  }
/*.backgroundImage:hover {
    transform: scale(1.2,1.2);
    }*/
    .container
    {
      padding-left: 15px;
      padding-right: 15px;
      width: 1230px;
    }
    .noContent
    {
      width: 100%;
      height: 60%;
      background-color:rgba(44,44,44,0.8);
      text-align: center;
      vertical-align: center;
    }
    .options
    {
      display:inline;
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 1000;
      font-size: 15px;
      cursor: pointer;
    }
    .postPopupImageWrap {
      position: absolute;
      right: 0px;
      width: 26px;
      height: 26px;
      background-color:rgba(255,255,255,1);
      border:0;
      top:0px;
      display:block;
      padding: 0;
      margin:0;
      overflow: hidden;
      z-index: 1;
      border: 1px solid rgba(192, 192, 192, 0.6);
    }
    .postPopupImageWrap:hover {
      border: 1px solid rgba(192, 192, 192, 1);
    }
    .postPopupImageWrap img{
      position: relative;
      width: 20px;
      height: 20px;
    }
    .tagWrap
    {
      position: absolute;
      top: 0px;
      left: 0px;
      /*background-color: rgba(1,132,0,0.7);*/
      z-index: 1;
      cursor: pointer;
    }
    .tagWrap h4
    {
      background-color: rgba(62, 154, 90,0.7);
      z-index: 1;
      color: white;
      padding:5px;
      cursor: pointer;
      margin:0px;
    }
    .tagWrap h4:empty
    {
      display: none;
    }
    /*===================================Neke default nastavitve popupa==========================================================*/
    .modal-content{
      background: transparent;
      box-shadow: none;
      border: 0;
    }
    .modal-header{
      border-style:none;

      background-color:rgba(40, 40, 40, 0.95);
      border-radius: 0px;
      color:white;
    }
    .modal-title{
      height: 80px;
      font-size: 40px;
      text-align: center;
      /*margin-top: 30px;*/
    }
    .modal-body
    {
      position: relative;
      background: rgba(40, 40, 40, 0.95);
      display: inline-block;
    }
    .modal-body-tw{
      background-color:rgba(40, 40, 40, 0.95);
      padding:15px;
    }
    .modal-body-Settings{
      color: white;
      padding: 0;
      position: relative;
      height: 545px;
      background-color: rgba(40,40,40,0.95);
    }
    input, select, textarea{
      color: black;
    }
    .modal-footer{
      height: 80px;
      width: 100%;
      background: rgba(40, 40, 40, 0.95);
      color: white;
      border-style: none;
      padding-top: 25px;
      float: left;
    }
    .btnSave{
      background-color: white;
      color: black;
      border-radius: 3px;
      width: 25%;
      margin-right: 30px;
      margin-bottom: 10px;
      border-style: none;
      float:right;
    }
    .btnCancel{
      background: rgba(53, 53, 53, 0.1);
      color: white;
      border-radius: 3px;
      width: 25%;
      margin-right: 10px;
      margin-bottom: 10px;
      border: 1px solid white;
      float:right;
    }
    #notification {
      position: absolute;
      top: 20px;
      right: 10px;
      background-color: green;
      color: white;
      padding: 4px;
      font-weight: 400;
    }
    /*===================================PHOTO STORIES==========================================================*/
    #wrap-photoStories
    {
      position: relative;
      margin:0 auto;
      background-color: rgba(15,15,15,0.95);
      width:100%;
      height:500px;
      color: white;
      margin-bottom: 10px;
    }
    #title-photoStories
    {
      width: 100%;
      padding: 5px;
      padding-left: 10px;
    }
    #title-photoStories h2
    {
      font-weight: 300;
      margin-top: 5px;
      margin-bottom: 0px;
      margin-right: 5px;
      padding-left: 5px;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 24px;
      height: 50px;
      line-height: 50px;
    }
    #content-photoStories h2
    {
      vertical-align: middle;
    }
    .post-image-photoStories
    {
      width: 100%;
      height: 100%;
    }
    .post-photoStories
    {
      width:24%;
      height: 49%;
      float:left;
      margin:0.5%;
      margin-top: 0.5%;
      word-wrap: break-word;
      overflow:hidden;
    }
    .post-photoStories:first-child
    {
      width:48.5%;
      height: 100%;
      float:left;
      margin:0.5%;
      word-wrap: break-word;
      overflow:hidden;
    }
    .post-imageWrap-photoStories
    {
      position:relative;
      height: 100%;
      overflow: hidden;
    }
    .post-photoStories:first-child .post-imageWrap-photoStories
    {
      position:relative;
      height: 100%;
    }
    .tagWrap-photoStories
    {
      position: absolute;
      left: 0px;
      bottom: 0;
      margin: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      font-size: 18px;
      font-weight: 400;
      padding: 10px;
    }
    .tag-photoStories {
      color: white;
      padding: 3%;
      top: 0px;
      padding-left: 10%;
      padding-right: 10%;
      font-size: 22px;
      display: inline-block;
      font-weight: 400;
    }
    .postContent-photoStories
    {
      margin:2%;
      font-size: 18px;
      font-weight: 300;
    }
    .postDate-photoStories
    {
      margin:5px;
      font-size: 14px;
      color:silver;
      font-weight: 200;
    }
    #content-photoStories
    {
      width:100%;
      padding-left: 7px;
      height: 420px;
    }

    /*===================================STENCAS==========================================================*/
    .news_wall
    {
      width: 100%;
      height: 100%;
    }
    .profile-news_wall
    {
      position: absolute;
      z-index: 1;
      width: 280px;
      background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 71%);
      background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 70%,rgba(255,255,255,0) 71%);
      background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 70%,rgba(255,255,255,0) 71%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 );

    }
    .profileImageWrap-news_wall {
      width: 40px;
      margin-left: 10px;
      margin-top:7px;
      height: 40px;
      display: inline-block;
      float: left;
      margin-right: 10px;
      overflow: hidden;
    }
    .profileImageWrap-news_wall .backgroundImage {
      border-radius: 50%;
    }
    .time-news_wall
    {
      font-size: 12px;
      display: inline-block;
      width: 100%;
      padding-left: 10px;
      color:#767676;
      margin-top:5px;
    }
    .name-news_wall {
      display: inline-block;
      height: 30px;
      float:left;
      font-size: 13px;
      line-height: 1.3;
      padding-top: 5px;
      line-height: 36px;

    }
    .news-news_wall {
      height: 370px;
      clear: both;
      background-color: rgb(255, 255, 255);
      overflow: hidden;
      position: relative;
      padding-top: 0px;
    }
    .newsWrap-news_wall
    {
      width: 280px;
      float:left;
      margin-top:20px;
      margin-right: 10px;
      margin-left:10px;
    }
    .newsWrap-news_wall:nth-child(3n+2)
    {
      margin-left:10px;
      margin-right: 10px;
    }
    .newsImage-news_wall
    {
      width: 100%;
      height: 80%;
    }
    .newsImageWrap-news_wall {
      width: 280px;
      display: inline-block;
      height: 210px;
      vertical-align: top;
      float: left;
      overflow: hidden;
    }
    .title-news_wall {
      word-wrap: break-word;
      width: 280px;
      font-size: 18px;
      padding: 5px;
      line-height: 18px;
      position:absolute;
      bottom:160px;
      background-color: rgba(0,0,0,0.7);
      color:white;
      font-weight:400;
    }
    .content-news_wall {
      font-size: 13px;
      padding-left: 10px;
      padding-right: 10px;
      position: absolute;
      top: 250px;
      color:#767676;
    }
    .btnAsText {
      background: white;
      border: none;
      color: black;
      border-radius: 1px;
      position: relative;
      margin-top: 13px;
      font-weight: 400;
      height: 25px;
      line-height: 25px;
      padding: 0px 15px 0px 15px;
    }
    .dateDropdownMenu
    {
      background-color: gray;
    }
    .likeBar
    {
     position: absolute;
     bottom: 0;
     width: 100%;
   }
   .newsInnerPadding {
   }
   .newsInnerPadding .postPopupImageWrap
   {
    position: absolute;
    top:0px;
    right: 0px;
    z-index: 1;
  }
  /*============================================AUTHORS===================================================*/
  .author-wrap{
    width: 80px;
    height: 113px;
    float: left;
    font-size: 16px;
    text-align: center;
    color: white;
    margin-bottom: 15px;
  }
  .author-wrap:nth-child(3n+2)
  {
   margin-left: 20px;
   margin-right: 20px;
 }
 /*============================================POST_BIG, če je napaka glej pri POST_BIG 2===================================================*/
 #wrap-postBig
 {
  height: 635px;
  width: 100%;
  background-color: rgba(255,255,255,0.90);
}
.post-postBig:last-child
{
  margin-bottom: 0;
}
.postHeader-postBig{
  float:left;
  width: 55%;
  height: 100%;
}
.postHeader-imageWrap-postBig
{
  width: 100%;
  height: 420px;
  margin-bottom: 10px;
}
.postHeader-image-postBig
{
  width: 100%;
  height: 100%;
}
.postHeaderContentWrap
{
  width: 100%;
  height: 205px;
  float:left;
  padding:10px;
}
.postHeaderTitle-postBig
{
  margin-top: 5px;
  margin-bottom: 0;
}
.postHeaderDate-postBig
{
  margin:0;
  font-size: 18px;
}
.post-postBig{
  float:right;
  width: 44%;
  height: 205px;
  margin-bottom: 10px;
}
.post-imageWrap-postBig
{
  width: 43%;
  height: 100%;
  display: inline-block;
}
.post-image-postBig
{
  float:left;
  height: 100%;
  width: 100%;
  display: inline-block

}
.postTitle-postBig
{
  display: inline-block;
  font-size: 26px;
  margin-bottom: 0;

}
.postDate-postBig
{
  display: inline-block;
  font-size: 14px;
  margin-top:0;
  color: silver;
}
.postTextWrap
{
  width: 57%;
  float:right;
  padding:10px;
}
a {
  color: inherit;
  text-decoration: none;

}
.postContent-postBig
{
  margin-top: 5px;
}
a:hover
{
 color:#00A0C6;
 text-decoration:none;
 cursor:pointer;
}

/*============================================BANNER===================================================*/
#main-banner{
  margin:0 auto;
  width:100%;
  height:150px;
}

.img-banner{
  width: 100%;
  height: 100%;
}
.side-banner{
  min-width: 25%;
  max-width: 25%;
  height: 100%;
  float:left;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.5s ease-in-out;
}
#mainImg-banner{
  width: 50%;
  height: 100%;
  float: left;
}
/* BANNER.de */
.krabet_tag #main-banner {
  width: 100%;
  height: 15vw;
  position: relative;
  display: block;
}

.krabet_tag #mainImg-banner {
  width: 50%;
  height: 100%;
  float: left;
  display: block;
  position: relative;
}

.krabet_tag #mainImg-banner img{
  position: absolute;
  width: auto;
  height: 100%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate (-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*=================BANNER SETTINGS=================*/
.modal-header-banner{
  border-style:none;
  height: 80px;
  background: rgba(40, 40, 40, 0.95);
  border-radius: 0px;
  color:white;

}
.modal-body-banner{
  background: rgba(40, 40, 40, 0.95);
  color: white;
}
.modal-title-banner{
  height: 80px;
  font-size: 40px;
  text-align: center;
  padding-top: 40px;

}
.modal-footer-banner{
  height: 90px;
  width: 100%;
  background: rgba(40, 40, 40, 0.95);
  color: white;
  border-style: none;
  padding-top: 25px;
  float: left;
}
#Pictures{
  height: 220px;
  margin-top: 10px;
}

.mainImageSize-banner{
  width: 400px;
  height: 100%;
  /*margin: 0 20px;*/
  /*float: left;*/
/*  margin: 0 auto;*/
}


.theImg
{
  height: 100%;
  width: 100%;
}
.images
{
  width: 23%;
  height: 100%;
  float: left;
}
.imgs{
  width:100%;
  height: 80%;
}
.removeButton-banner{
  z-index: 2;
  float: right;
  margin-top: 32px;
  margin-right: 5px;
}
.removeButton-banner:hover {
  color: #8F0000;
  cursor: pointer;
}
.close{
  color: white;
  opacity: 1;
  margin-top: -8px;
  margin-right: -5px;
}
.picturesWrap{
  padding: 0 0 50px 30px;

}
.captation{
  margin-left: 10px;
  font-size: 13px;
  margin-top: 5px;
}
.addImg{
  font-family: "Roboto", Arial;
  font-weight: 300;
  background-color: rgb(82,83,87);
  color: white;
  padding-left: 5px;
  width: 100%;
  margin-top: 20px;
  height: 40px;
  padding-top: 11px;
  text-align: center;
}
.addImg:hover{
  cursor: pointer;
}
.linkImg.banner{
  width: 200px;
  height: 25px;
  margin-top: 3px;
  padding-top: 4px;
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding: 0 5px;
}
/*============================================CATEGORIES===================================================*/
.categoriesSide-categories{
  height: 25px;
  margin-top: 5px;
  background-color: white;
  line-height: 25px;
  border-radius: 3px;
}
.categoriesFriendlyName
{
  color: white;
  font-size: 16px;
  /*margin-bottom: 5px;*/
  background-color: rgb(62, 154, 90);
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}
.categorieNameSide-categories:hover {
  color: white;
  background-color: rgb(62, 154, 90);
}
.categorieNameSide-categories{
  font-size: 16px;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(62, 154, 90);
  height: 100%;
  font-weight: 400;
  padding-top:1px;
  font-weight: bolder;
}
#show-categories{
  width: 280px;
  margin-left: 10px;
}

/*=================CATEGORIES SETTINGS=================*/

#showResults-categories{
  float:left;
  margin-top: 2px;
  width: 100%;

}
.hoover-categories{
  color: white;
  background-color: rgb(62, 154, 90);
}
.searchDiv-categories
{
  float:left;
  width: 50%;
  padding: 15px;
  height: 530px;
  overflow: auto;
}
.wallsDiv
{
  padding: 0 90px;
  float: left;
  width: 50%;
  height: 450ox;
  border-left: 1px solid gray;
  margin-top: 50px;
}
.searchBox-categories{
  height: 450px;
  overflow: hidden;
  background-color: rgba(53, 53, 53, 0.95);
  width: 70%;
  padding: 10px;
  margin-left: 20px;
  margin-top: 20px;
}
.wallWrap{
  width: 100%;
  float: left;
  overflow: hidden;
  height: 85px;
  margin-top: 2px;
  margin-bottom: 12px;
}
.wallWrap:hover
{
  cursor: pointer;
}
.pickedwallImage
{
  height: 120px;
  width: 100%;
}
.modal-body-categories
{
  background-color:none;
}

.pickedwall
{
  padding: 5px 0 5px 0;
  margin-bottom: 5px;
  margin-top: 10px;
}
.pickedwall:hover{
  background-color: white;
  color: black;
  cursor: pointer;
}
.pickedwallTitle
{
  font-size: 12px;
  margin-left: 5px;
}
.pickedwallContent{
  overflow: hidden;
  font-size: 10px;
  height: 58px;

}
.removeButton-categories
{
  float: right;
}
.picture-categories
{
  height: 120px;
  width: 120px;
  float:left;
}
.title
{
  position: relative;
  display: block;
  width: 50%;
  float: left;
  margin: 0;
  padding: 0 0 8px 5px;

  font-family: "Roboto", Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;

  box-sizing: border-box;
}
.content{
  width: 50%;
  float: left;
  margin: 0;
  padding: 0 0 8px 5px;
  font-size: 11px;
}
.removeButton-categories:hover {
  color: #8F0000;
  cursor: pointer;
}
.modal-content-categories
{
  border-radius:0;
  border:0;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:white;
  height: 600px;
}

#searchinput-categories
{
  width: 90%;
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 26px;
  margin-bottom: 5px;
}
.content-categories
{
  width: 100%;
  background-color: rgba(40,40,40,0.95);
  height: 530px;
}
.btnSave-categories{
  background-color: white;
  color: black;
  border-radius: 3px;
  width: 25%;
  margin-right: 40px;
  margin-top: 30px;
  float:right;
  border: 1px solid white;

}
.btnCancel-categories{
  background: rgba(40, 40, 40, 0.1);
  color: white;
  border-radius: 3px;
  width: 25%;
  margin-right: 10px;
  border: 1px solid white;
  margin-right: 20px;
  margin-top: 30px;
  float:right;
}
.footer-categories
{
  background-color: rgba(40,40,40,0.95);
  float: left;
  width: 50%;
  height: 75px;
}
.thVal{
  width: 90%;
  color: black;
}
.searchButton-categories
{
  height: 26px;
  top: 3px;
  background-color: rgb(130,127,124);
  border: 0;
}



/*============================================GROUPED LINKS===================================================*/
#main-groupedLinks{
  margin: 0 auto;
  width: 1200px;
  z-index: 999;
  height: 60px;
  border-radius: 0;
}
#wrapper-groupedLinks, #wrapper-groupedlinksNopPopout {
  display: inline-block;
}

.groups-groupedLinks{
  float:left;
  width: 141px;
  background-color:white;
  color: rgb(62, 154, 90);
  border-bottom: 5px solid #3E9A5A;


}
.groups-groupedLinks:hover{
  background-color: rgb(62, 154, 90);
  cursor: pointer;
  color: white;
}
.groups-groupedLinks a:hover{
  text-decoration: none;
  color: white;

}
.drop-down-groupedLinks:hover{
  color: black !important;
}

.groupsSide-groupedLinks:hover{
  background-color: silver;
  cursor: pointer;
}
.groupNameSide-groupedLinks{
  font-size: 16px;
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: -51px;
  border-bottom: 1px solid silver;
  background-color:rgb(62, 154, 90);
  color:white;

}
.urls-groupedLinks{
  background-color: transparent;
  color: rgb(62, 154, 90);
  border-radius: 0;
  padding: 0;
  border: none;
  width: 213px;
}



.urlsSide-groupedLinks{
  font-size: 16px;
  position: absolute;
  left: 99%;
  box-shadow: 0px 0px 20px #888888;
  width: 180px;
}

.urlSide-groupedLinks{
  background-color: white;
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid silver;

}
.urlSide-groupedLinks:hover{
 background-color: silver;
 cursor: pointer;

}

.hideUrl{
  display: none;
}
.groupName-groupedLinks {
  display: block;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: inherit;
  cursor: pointer;
  overflow: hidden;
  font-weight: bolder;
  width: 10%;
  display: table-cell;
  vertical-align: middle;
  height: 55px;
  padding: 0 5px;
  word-break: break-word;
}

.allGroups-groupedLinks{
  float: left;
  background-color: rgb(62, 154, 90);
  color: white;
  width: 6%;
  border-bottom: 5px solid #3E9A5A;
}
.allGroups-groupedLinks:hover{
  cursor: pointer;
}
a{
  text-decoration: none;
  color:inherit;
}

/* minimal CSS */
#popout {
  position: fixed;
  top: 0;
  left: -275px;
  z-index: 999;
  width: 200px;
  background-color: white;
}
#trigger {                          /* create a clickable area that triggers the slide in/out effect */
  position: absolute;             /* position clickable area to consume entire right section of popout (add a border if you want to see for yourself) */
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}

.name-groupedLinks{
  width: 90%;
  float: left;
  overflow: hidden;
  max-height: 45px;
}
.rightArrow{
  font-size: 10px;
}
.moveDown{
  width: 100%;
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid silver;
}
.moveDown:hover{
  cursor: pointer;
  background-color: silver;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0px;  /*remove the gap so it doesn't close*/
}




.urlsSide-groupedLinks:after, .urlsSide-groupedLinks:before {
  left:-20px;
  top: 15px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}


.urlsSide-groupedLinks:before {

  border-right-color: #ffffff;
  border-width: 11px;
  margin-top: -6px;
}


.urlName-groupedLinks{
  background-color: white;
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid silver;
}
.drop-down-groupedLinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px !important;
  text-shadow: none !important;
  font-weight: bolder !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  color: #fff !important;
  width: auto !important;
  border: none;
  text-transform: none;
  text-align: left;


  overflow: hidden;
  background-color: rgb(62, 154, 90);
}

/*=================GROUPED LINKS SETTINGS=================*/
#showResults-groupedLinks{
  width: 200px;
  overflow: auto;
  word-wrap: break-word;
  margin-top: 20px

}
.postWrap{
  width:100%;
  overflow:hidden;
}
.inputs-linkedGroups{
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 25px;
  width: 220px;
}
.btns-linkedGroups{
  border-radius: 0 !important;
  background-color: rgb(82,83,87) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.searchPosts-groupedLinks{
  width: 290px;
  float: left;
  background: rgba(40,40,40,0.95);
  color: white;
  height: 450px;
  padding-left: 30px;
  padding-right: 272px;
}
.postWrap:hover
{
  cursor: pointer;
}
.pickedGroup-groupedLinks:hover
{
  cursor: pointer;
  cursor: hand;
}
.removeButton-groupedLinks:hover {
  color: #8F0000;
  cursor: pointer;
}
.removeButton-groupedLinks{
  float: right;
}
.title-groupedLinks{
  height: 20px;
  overflow: hidden;
}
#pickedUrls-groupedLinks{
  margin-left: 10px;
  word-wrap: break-word;
  width: 220px;
}
.pickedGroup-groupedLinks{
  display: inline-block;
  width: 210px;
  overflow: hidden;
  margin-bottom: 2px;
  margin-left: 10px;
  padding-left: 10px;
  background-color: rgb(82,83,85);
  height: 30px;
  line-height: 20px;
  padding-top: 8px;
  font-size: 13px;

  font-family: "Roboto", Arial;
  font-weight: 400;
}
.pickedUrl{
  display:inline-block;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  box-sizing: border-box;
}
.searchBtn-groupedLinks{
  height: 25px;
  top: 3px;
  background-color: rgb(82,83,85);
  border: none;
  border-left: 1px solid rgb(30,30,30);

}
#searchinput-groupedLinks{
  width: 170px;
  margin-bottom: 10px;
}
.addBtn{
  font-size: 10px;
  margin-right: 5px;
}
.addBtns{
  float: right;
}
#pickedGroups-groupedLink{
  margin-left: 10px;
}
.pickedUrl:hover{
  cursor: pointer;
  background-color: white;
  color: black !important;
}
.pickedGroup-groupedLinks:hover{
  cursor: pointer;
  background-color: white;
  color: black;
}
#btnUrl-groupedLinks{
  margin: 0 0 10px 10px;
  width: 108px;
}
#groupSettings-groupedLinks{
  width: 568px;
  float: left;
  color:white;
  height: 450px;
}
#addUrls-groupedLinks{
  background-color: rgba(40,40,40,0.95);
  width: 50%;
  float: left;
  height: 100%;
  padding-left: 10px;
  border-left: 1px solid rgba(255,255,255,0.15);
  border-right: 1px solid rgba(255,255,255,0.15);
  padding-left: 34px;
}
.labels-groupedLinks{
  margin: 10px 0 10px 20px;
  font-weight: normal;
  font-family: "Roboto", Arial;
  font-weight: 500;
  font-size: 14px;
}
.btnGroup-linkedGroups{
  color: white;
  width: 108px;
  height: 23px;
  padding: 0;
  vertical-align: 0;
  padding-top: 1px;
}
.btnSmallGroup-linkedGroups{
  background-color: silver;
  color: white;
  width: 45px;
  height: 20px;
  padding: 0;
  vertical-align: 0;
  padding-top: 1px;
  font-size: 10px;
  margin-right: 5px;
  border-radius: 3px;
}
#searchUrls-groupedLinks{
  background: rgba(40,40,40,0.95);
  float: left;
  width: 50%;
  height: 100%;
  padding: 5px 0 0 40px;
}
.addAs-groupedLinks{
  font-size: 10px;
  color: silver;
  font-weight: normal;
  margin-right: 5px;
}
.content-groupedLinks{
  font-size: 10px;
  height: 30px;
  overflow: hidden;
}
.edited-groupedLinks{
  background-color: white;
  color: black;
}

.modal-footer-allSettings{
  clear: both;
  width: 100%;
  height: 45px;
  background-color: rgb(82,83,85);
  float: left;
}

.btnSave-allSettings{
  position: relative;
  float: right;
  width: 120px;
  height: 32px;
  top: 50%;
  margin-right: 10px;
  -webkit-transform: translate (0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0, -50%);

  border: none;
  border-radius: 4px;
  color: white;
  background: #01aef0;
  /*box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);*/

  font-family: "Roboto", Airal;
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.35px;
  transition: all 0.25s ease;
  outline: none;
}
.btnSave-allSettings:hover{
  background: #1f7cc7;
}
.btnCancel-allSettings{
  position: relative;
  float: right;
  width: 120px;
  height: 32px;
  top: 50%;
  margin-right: 10px;
  -webkit-transform: -webkit-translate (0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0, -50%);

  border: none;
  border-radius: 4px;
  color: white;
  background: #3b3b3d;
  /*box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);*/

  font-family: "Roboto", Airal;
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.35px;
  transition: all 0.5s ease;
  outline: none;


}
.btnCancel-allSettings:hover{
  background: #222;
}

/*============================================NEXT ISSUE===================================================*/
#main-nextIssue{
  width: 100%;
  height: 410px;
  color: white;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-top:0px;
  background: -moz-linear-gradient(left,  rgba(62,154,90,1) 0%, rgba(62,154,90,1) 26%, rgba(62,154,90,0.8) 100%);
  background: -webkit-linear-gradient(left,  rgba(62,154,90,1) 0%,rgba(62,154,90,1) 26%,rgba(62,154,90,0.8) 100%);
  background: linear-gradient(to right,  rgba(62,154,90,1) 0%,rgba(62,154,90,1) 26%,rgba(62,154,90,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9a5a', endColorstr='#cc3e9a5a',GradientType=1 );

}
#main-nextIssue .tagWrap h4{
  background-color: rgba(1,1,1,0.7);
}
.searchBox-nextIssue{
  overflow: hidden;
  background-color: rgba(53, 53, 53, 0.95);
  width: 100%;
  padding: 10px;
  margin-left: 20px;
  margin-top: 20px;
}
.post-nextIssue{
  float: left;
  width: 18.7%;
  color: #4a4a4a;
  background-color: white;
  margin-left: 10px;
  height: 340px;
  position: relative;
  overflow: hidden;

}
.img-nextIssue {
  height: 170px;
  width: 170px;
  overflow: hidden;
}
.text-nextIssue{
  word-wrap: break-word;
  /* overflow: hidden; */
  font-size: 13px;
  width: 90%;
  margin-left: 10px;
  margin-top: 10px;
  /* position: static; */
  /* bottom: 0px; */
  /* height: 90px; */
  color: #767676;
}

.postImg-nextIssue{
  width: 100%;
  height: 100%;

}
#title-nextIssue {
  font-size: 24px;
  color: white;
  /*background-color: #6699CC;*/
  padding-left: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 50px;
  margin-bottom: 10px;
}
.postTitle-nextIssue{
  font-size: 18px;
  /* height: 60px; */
  width: 90%;
  margin-left: 10px;
  overflow: hidden;
  line-height: 1.15;
  font-weight: bold;
  margin-top: 13px;
  color: #4A4A4A;
}

.postDate-nextIssue{
  font-size: 12px;
  width: 90%;
  margin-left: 10px;
}

/*like,share,comment*/
.likeShareComment-nextIssue{
  background-color: white;
  width: 90%;
  height: 16px;
}
.bookmarkIcon-NextIssue{
  margin: 0 5px 5px 5px;
  height: 14px;
}
.size-nextIssue{
  display: inline-flex;
  float: left;
  margin-left: 4px;
  margin-top: 1px;
  color: rgb(96,96,96);
}

.size-nextIssue:hover{
  cursor: pointer;

}
.count-nextIssue{
  margin-left: 1px;
  font-size: 9px;
  margin-top: 2px;

}

.sharePost-nextIssue{
  float: right;
}

/*=================NEXT ISSUE SETTINGS=================*/
#showResults{
  float:left;
}
.searchDiv
{
  float: left;
  width: 34%;
  padding: 15px;
  height: 500px;
  overflow: hidden;
}

.postWrap{
  width: 100%;
  float: left;
  overflow: hidden;
  height: 85px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.postWrap:hover
{
  cursor: pointer;
}
.pickedPostImage
{
  height: 120px;
  width: 100%;
}
.directPost
{
  box-shadow: 0px 0px 10px red;
}
.directPostLabel
{
  font-style: italic;
  font-size: 12px;
}
.pickedPostContent{
  overflow: hidden;
  font-size: 10px;
  height: 58px;

}
.removeButton
{
  position: relative;
  left:90%;
}
.picture
{
  height: 100%;
  width: 100%;
  float:left;
}
.content{
  width: 50%;
  float: left;
  margin: 0;
  padding: 0 0 8px 5px;
  font-size: 11px;
}
.removeButton-nextIssue:hover {
  color: #8F0000;
  cursor: pointer;
}
.modal-content
{
  border-radius:0;
  border:0;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:white;
  /*height: 600px;*/
}
.searchButton {
  width: 39px;
  height: 25px;
  top: 2px;
  padding-top: 0px;
  border: 0;
  background-color: rgb(130,127,124);
}
#searchinput
{
  width: 200px;
  margin-bottom: 10px;
}
#settingsHeader
{
  width: 54%;
  float:right;
  line-height: 70px;
  height: 30px;
}
.footer-Settings
{
  float: right;
  width: 66%;
  height: 40px;
  bottom:0px;
  right: 0px;
  position: absolute;
}


/*============================================OTHER WALLS===================================================*/
#main-otherWalls{
  width: calc(100% + 12px);
  border-radius: 5px;
  margin-left: -6px;
}

#links-otherWalls{
  position: relative;
  margin: auto;
}


.post-otherWalls{
  float: left;
  width: 8.32%;

}


.img-otherWalls {
  height: 90px;
  width: 90%;
  margin: 0 auto;
}
.img-otherWalls img{
  width: 100%;
  height: 100%;

}
.title-otherWalls{
  padding: 0 5px;
  text-align: center;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  border-right: 1px solid white;
  font-size:13px;
  text-transform: uppercase;
}
.titlePadding-otherWalls{
  padding:3px 0;
  background-color: rgb(62, 154, 90);
}

.title-otherWalls:hover{
  background-color: white;
  color: rgb(62, 154, 90);

}

.postImg-otherWalls{
  width: 100%;
  height: 100%;
}
/*=================OTHER WALLS SETTINGS=================*/
#showResults-otherWalls{
  float:left;
}
.searchDiv-otherWalls
{
  float: left;
  width: 414px;
  background-color: rgba(40,40,40,0.95);
  height: 585px;
  overflow: auto;
}
.searchBox-otherWalls{
  overflow: hidden;
  background-color: rgba(53, 53, 53, 0.95);
  width: 280px;
  padding: 10px;
  margin-left: 20px;
  margin-top: 30px;

}
.postsDiv-otherWalls
{
  padding: 5px 10px 0 10px;
  float: right;
  width: 54%;
  background-color: rgba(40,40,40,0.95);
  border-left: 1px solid gray;
  height: 555px;
}
.postWrap-otherWalls{
  width: 100%;
  float: left;
  overflow: hidden;
  height: 85px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.postWrap-otherWalls:hover
{
  cursor: pointer;
}
.pickedPostImage-otherWalls
{
  height: 120px;
  width: 120px;
}

.pickedWall-otherWalls
{
  width: 25%;
  padding: 5px;
  float: left;
  height: 150px;
}
.pickedPostTitle-otherWalls
{
  font-size: 12px;
  font-weight: bold;
}
.pickedPostContent{
  overflow: hidden;
  font-size: 10px;
  height: 58px;

}
.removeButton-otherWalls
{
  position: relative;
  left:90%;
}
.picture-otherWalls
{
  height: 100%;
  width: 50%;
  float:left;
}
.title-main-otherWalls
{
  width: 50%;
  float: left;
  margin: 0;
  padding: 10px;
}
.removeButton-otherWalls:hover {
  color: #8F0000;
  cursor: pointer;
}
.modal-content-otherWalls
{
  border-radius:0;
  border:0;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:white;
  height: 600px;
}
.searchButton-otherWalls
{
  height: 29px;
  position: relative;
  top: 2px;
  background-color: rgb(130,127,124);
  border:0;
}
#searchinput-otherWalls
{
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 25px;
  width: 220px;
}
#settingsHeader-otherWalls
{
  width: 100%;
  height: 30px;
  background-color: rgba(40,40,40,0.95);
}
.btnSave-otherWalls{
  background-color: white;
  color: black;
  border-radius: 3px;
  width: 25%;
  margin-right: 40px;
  margin-top: 30px;
  float:right;
  border: 1px solid white;

}
.btnCancel-otherWalls{
  background: rgba(40, 40, 40, 0.1);
  color: white;
  border-radius: 3px;
  width: 25%;
  margin-right: 10px;
  border: 1px solid white;
  margin-right: 20px;
  margin-top: 30px;
  float:right;
}
.footer-otherWalls
{
  background-color: rgba(40,40,40,0.95);
  float: right;
  width: 66%;
  height: 75px;
}
.titleInput-otherWalls{
  color: white;
  font-weight: normal;
  width: 120px;
  bottom: 23px;
  position: relative;
  opacity: 0.7;
  background-color: black;
  border: 0;
  height: 23px;
  font-size: 14px;
  padding-left: 3px;
}
/*============================================ADS===================================================*/
#showAd-ads{
  width: 290px;
  background-color: transparent;
  margin-left: 10px;
  margin-bottom: 10px;
}
#adImg{
  width: 100%;
  height: 180px;
}
.noAd{
  text-align: center;
  padding:50px 0;
}
.ad-ads{
  height: 180px;
  margin-bottom: 10px;
  padding: 5px;
  background: white;
  border-radius: 5px;
}
/*=================ADS SETTINGS=================*/
.modal-header-ads{
  border-style:none;
  background: rgba(40, 40, 40, 0.95);
  border-radius: 0px;
  color:white;
  margin: 0 auto;

}
.modal-body-ads{
  background: rgba(40, 40, 40, 0.95);
  color: white;
  height: 470px;
  margin: 0 auto;
}
.modal-title-ads{
  height: 80px;
  font-size: 40px;
  text-align: center;
  padding-top: 20px;
}
.modal-footer-ads{
  height: 80px;
  width: 100%;
  background: rgba(40, 40, 40, 0.95);
  color: white;
  border-style: none;
  padding-top: 25px;
  text-align: right;
  margin: 0 auto;
}


.btnSave-ads{
  background-color: white;
  color: black;
  border-radius: 3px;
  width: 25%;
  margin-right: 30px;
  border-style: none;
}
.btnCancel-ads{
  background: rgba(53, 53, 53, 0.1);
  color: white;
  border-radius: 3px;
  width: 25%;
  margin-right: 10px;
  border: 1px solid white;
}

#adUrl{
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 25px;
  width: 300px;
  margin-top: 5px;
}

.add-ads{
  width: 38%;
  float: left;
}
.show-ads{
  width: 60%;
  float: left;
}

#img{
  width:300px;
  height: 220px;
}
.img{
  width: 100%;
  height: 100%;
}

.removeButton-ads{
  z-index: 2;
  float: right;
  margin-top: 27px;
  margin-right: 5px;
}
.removeButton-ads:hover {
  color: #8F0000;
  cursor: pointer;
}
.addImg-ads{
  background-color: rgb(82,83,87);
  color: white;
  padding-left: 5px;
  width: 300px;
  margin-top: 5px;
  height: 30px;
  padding-top: 7px;
  text-align: center;
}
.addImg-ads:hover{
  cursor: pointer;
}

.pickedAds{
  width: 25%;
  padding: 5px;
  float: left;
  height: 150px;
}
.pickedAdsImg{
  height: 100px;
  width: 100%;
}
.adUrl-ads{
  width: 121px;
  height: 21px;
  margin-top: 3px;
  padding-top: 4px;
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding: 0 2px;
}
.groupLabel{
  height: 122px;
  margin-top: 22px;
}
.adsMenus{
  float: left;
  width: 100px;
}
.current-adds-main{
  width: 495px;
  height: 150px;
}



/*============================================SHARE MODAL===================================================*/

#sendMessageModal .submitButton
{
  background-color:white;
  border-radius: 4px;
  border:none;
  margin-top:20px;
  width: 100px;
  float: right;
  margin-right: 30px;
  color:black;
}
.message-modal-content
{
  border-radius:0;
  border:0;
  /*background-color:rgba(62, 154, 90,0.6);*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:white;
  height: 400px;
}
.message-modal-header
{
  /*background-color:rgba(62, 154, 90,0.9);*/
  background-color: #1b1e1c;
  height: 50px;
}
.message-modal-header h4
{
  font-size: 20px;
  line-height: 50px;
}
.btnSendMessage
{
  background-color:white;
  border-radius: 4px;
  border:none;
  float: right;
  color:black;
  padding:5px;
  width: 60px;
}
#msg
{
  margin-top: 15px;
  width: 100%;
  height: 180px;
  border-radius: 1px;
  color:black;
}
.recepient
{
  display: inline;
  float: left;
  background-color: rgba(44, 149, 226, 0.7);
  padding: 3px;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 3px;
  text-transform: capitalize;
  margin-bottom: 3px;
}
.suggestedRecepientsBox
{
  background-color:white;
  margin-top: 5px;
  margin-bottom: 5px;
}
.suggestedRecepient
{
  float:left;
  padding: 3px;
  background-color:rgba(44, 149, 226, 0.5);
  text-transform: capitalize;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: 3px;
}
.suggestedRecepient:hover
{
  cursor:pointer;
  background-color:rgba(44, 149, 226, 0.7);
}
#subject
{
  color:black;
}
.share-modal-content
{
  border-radius:0;
  border:0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:white;
  display: inline-block;
  width: 600px;
}
.share-modal-header
{
  background-color:rgba(62, 154, 90,0.9);
  height: 50px;
  padding-left: 30px;
}
.share-modal-header h4
{
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  margin-top: 0;
}

.post_share_single{
  float: left;
  margin-left: 10px;
}

.saveWidgets-share{
  top: 3px;
  position: relative;
}
.share-body{
  background-color: rgba(62, 154, 90,0.8);
  display: inline-block;
}

/*============================================TWITTER===================================================*/
.twitterWrap{
  margin-left: 10px;
  margin-bottom: 10px;
  /*background-color: rgba(255,255,255,0.7);*/
}

.twitter-widget{
  margin-left: 10px;
}
a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em;

  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}

a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede;
}

/* Color Highlight for keyboard navigation */

a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb;
}
.twitterFollowButton{
  text-align: center;
  position: relative;
  padding-top: 7px;
  top: 47px;

}
.twitter-background{
  background-image: url("/styles/images/twitter-logo.png");
  position: relative;
  height: 80px;
  background-size: cover;
}

.twitterSettings{
  margin: 0 auto 15px auto;
  width: 290px;
  display: block;
  background: gray;
  color: white;
  border: none;
  height: 30px;
  padding-left: 5px;
}


.modal-body-fb{
  background: rgba(40, 40, 40, 0.95);
  color: white;
  position: relative;
  padding: 15px;
  height: 250px;
}

/*============================================VERTICAL POSTS===================================================*/
.publishwall-verticalPosts {
}

.header-verticalPosts
{
  font-size: 20px;
  font-weight: 700;
  border-bottom: 3px solid white;
  color: white;
}
.wrap-verticalPosts
{
  width: 435px;
  height: 180px;
  background-color: white;
  float:left;
  position:relative;
  margin-top: 10px;
}
.ImageWrap-verticalPosts
{
  float: left;
  width: 170px;
  height: 170px;
  margin-left: 10px;
  margin-top: 10px;
  overflow: hidden;
}
.image-verticalPosts
{
  width: 100%;
  height:100%;
}
.title-verticalPosts
{
  width: 220px;
  float: left;
  margin: 10px;
  padding-left: 0;
  margin-left: 20px;
  font-size: 18px;
}
.postLink {
  color: inherit;
  text-decoration: none;
}

.postLink:hover
{
 color:#00A0C6;
 text-decoration:none;
 cursor:pointer;
}
.content-verticalPosts{
  font-size: 16px;
  float: left;
  width: 220px;
  margin-left: 20px;
  margin-top: 40px;
}
.ago-verticalPosts{
  float: left;
  width: 220px;
  font-size: 12px;
  margin-top: 10px;
  margin-left: 20px;
}
/*=================VERTICAL POSTS SETTINGS=================*/
#showResults-verticalPosts{
  float:left;
}
.postsDiv
{
  padding: 20px;
  float:right;
  width: 54%;
  height: 440px;
  border-left: 1px solid gray;
}
.postWrap{
  width:100%;
  float:left;
  overflow:hidden;
  height: 70px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.searchBox-verticalPosts{
  height: 445px;
  overflow: hidden;
  background-color: rgba(53, 53, 53, 0.95);
  width: 100%;
  padding: 10px;
  margin-left: 20px;
  margin-top: 20px;
}
.postWrap-verticalPosts:hover
{
  cursor: pointer;
}
.pickedPostImage
{
  height: 120px;
  width: 100%;
}

.pickedPost
{
  width: 33%;
  padding:5px;
  float: left;
  height: 185px;
  position: relative;
}
.pickedPostTitle
{
  height: 35px;
  margin-top: 5px;

  font-family: "Roboto", Arial;
  font-size: 12px;
  font-weight: 900;

  word-break: break-word;
  overflow: hidden;

  box-sizing: border-box;
}
.showResultsImageWrap
{
  height: 70px;
  width: 50%;
  float:left;
}
.removeButton
{
  position: relative;
  left:90%;
}
.removeButton:hover
{
  color:red;
  cursor:pointer;
}
.pickedPostTags {
  position: absolute;
  width: calc(100% - 10px);
  top: 25px;
  left: 5px;
  padding-left:5px;
  background-color: rgba(0,0,0,0.7);
  border: 0;
  color:white;

  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", Arial;
  box-sizing: border-box;
}
.picture
{
  height: 100%;
  width: 100%
}
.titleSettings
{
  width: 50%;
  float:left;
  margin:0;
  padding: 10px;
}
#searchBox-Settings
{
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 25px;
  width: 220px;
}
.friendlyName
{
  margin:0;
  padding:0;
  display:inline;
}
.friendlyName:hover
{
  cursor: pointer;
}
#saveWidgetName:hover
{
  cursor: pointer;
  background-color:white;
  color:black;
}
#saveWidgetName
{
  background-color:white;
  border-radius: none;
  padding: 3px 10px 3px 10px;
  color:black;
  height: 25px;
  font-size: 16px;
  margin:0px;
}
#friendlyWidgetNameInput
{
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
  width: 190px;

}
.numPosts{
  margin-left: 28px;
}
#numPostsVal
{
  color: white;
  background-color: rgb(58,58,60);
  border: none;
  border-radius: 0;
  padding-left: 2px;
}



/*============================================VIEW_POST===================================================*/

.responsiveWrap-modal
{
  height: 300px;
  width: 100%;
}
.postBody
{
  padding-left:150px;
  padding-right: 150px;
  color:black;

}
.date_creator-modal
{
  font-size: 14px;
  line-height: 14px;
}
.creatorName-modal
{
  text-transform: capitalize;

}
.smallerText-modal
{
  font-size: 12px;
}


.likesShares-modal{
  width: 100%;
  height: 20px;
  margin-top: -15px;
  margin-bottom: 23px;
}
.likePost-modal{
  width: 40px;
  float: left;
  margin-top: 5px;
}
.bookmarkPost-modal{
  width: 40px;
  float: left;
}
.commentPost-modal{
  width: 40px;
  float: left;
  margin-top: 5px;

}
.count-modal{
  float: left;
  margin-left: 1px;
  font-size: 9px;
  margin-top: 2px;
}
.commentImg-modal{
  width: 40px;
  height: 40px;
  float: left;
}
.img-modal{
  width: 40px;
  height: 40px;
}
.size-modal{
  float: left;
  vertical-align: baseline;
}
.commentText-modal{
  float: left;
  width: 80%;
  min-height: 40px;
  display:inline-block;
  border: solid 1px silver;
  margin-left: 10px;
}
.userComment-modal{
  float: left;
  margin-right: 10px;
  font-weight: bold;
}
.ComentatorImg-modal{
  float: left;
  margin-right: 10px;
  margin-top: -10px;
}
.commentWrap-modal{
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.countComment-modal{
  float: left;
  margin-left: 1px;
  font-size: 12px;
  margin-top: 3px;
}
.commentDate-modal{
  border-left: 1px solid silver;
  margin-left: 5px;
  padding-left: 5px;
  float: left;
  margin-top: 4px;
  font-size: 11px;
}
.commentContent-modal{
  margin-left: 50px;
}
.commnetLike-modal{
  margin-left: 50px;
}
#btnMoreComments-modal{
  margin-bottom: 10px;
  margin-left: 50%;
}
.new_comment_input_wrap{
  margin-bottom: 10px;
}
.btnSubmit-modal{
  margin-top: 12px;
  margin-left: 5px;
}
.commentLogin-modal{
  height: 70px;
}
.sharePost-modal{
  float: right;
}
.sharePost-modal:hover{
  cursor: pointer;
}

.onWalls-share{
  float: left;
  margin-left: 10px;
}
#wallImg-share{
  height: 50px;
  width: 50px;
}
#selectedWall-share{
  margin-top: 10px;
}
.addComment-share{
  width: 100%;
  height: 60px;
  margin-top: 10px;
}
#publishAdTextarea{
  width: 50%;
  height: 100%;
  resize: none;
  color: black;
}
.sharePost-share{
  width: 100%;
  margin-top: 20px;

}
.sharePostImg-share{
  height: 100%;
  width: 100%;
}
.imgWrap-share{
  width: 20%;
  height: 100px;
  float: left;
  margin-top: 20px;
}
.postTitle-share{
  float: left;
  width: 80%;
  padding-left: 10px;
  font-weight: bold;
  margin-top: 20px;
}
.postContent-share{
  float: left;
  width: 80%;
  padding-left: 10px;
  padding-top: 10px;
}
.btn-share{
  float: left;
}

/*============================================ABOUT US===================================================*/
#main-aboutUs{
  width: 100%;
  height: 195px;
  background-color: white;
  margin-bottom: 10px;
  position: relative;
  background: -webkit-linear-gradient(top, rgba(62,154,90,1) 0%,rgba(62,154,90,1) 26%,rgba(62,154,90,0.5) 100%);
  background: linear-gradient(to bottom, rgba(62,154,90,1) 0%,rgba(62,154,90,1) 26%,rgba(62,154,90,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9a5a', endColorstr='#803e9a5a',GradientType=0 );
}

.titleInfo-aboutUs{
  padding-top: 5px;
  font-size: 24px;
  color: white;
  /*background-color: rgb(153,132,069);*/
  width: 100%;
  padding-left: 10px;
  font-weight: bolder;
  padding-bottom: 5px;
  height: 50px;
  padding-right: 5px;
  overflow: hidden;
  word-wrap: break-word;
  line-height: 50px;


}
.titleInfo-aboutUs{
  padding-top: 5px;
  font-size: 24px;
  color: white;
  /*background-color: rgb(153,132,069);*/
  width: 100%;
  padding-left: 10px;
  font-weight: bolder;
  padding-bottom: 5px;
  height: 50px;
  padding-right: 5px;
  overflow: hidden;
  word-wrap: break-word;
  line-height: 50px;


}
.info-aboutUs{
  width: 20%;
  float: left;
}
#otherInfo-aboutUs{
  width: 25%;
  float: left;
}
.linksInfo-aboutUs{
  color: white;
  margin-top: 20px;
  font-weight: 400;
  margin-left: 5px;
  font-size: 18px;
  padding-left: 5px;
  word-wrap: break-word;
  margin-right: 25px;
}
#contact-aboutUs{
  color: white;
  margin-top: 20px;
  margin-left: 10px;
  font-size: 16px;
  overflow: hidden;
  height: 110px;
  width: calc(100% - 30px);
}
.linkIcon-aboutUs{
  height: 20px;
  margin-left: -25px;
  margin-top: -5px;
  border-radius: 50%;
}

/*=================ABOUT US SETTINGS=================*/
#showResults-aboutUs{
  width: 100%;

  overflow: auto;
  word-wrap: break-word;
  margin-top: 20px;

}

.postWrap{
  width:90%;
  overflow:hidden;
  margin-bottom: 10px;
}
.inputs-aboutUs{
  color: white;
  background-color: rgb(82,83,87);
  border: none;
  padding-left: 5px;
  height: 25px;
  width: 220px;
}
.searchPosts-aboutUs{
  width:302px;
  float:left;
  background-color: rgba(40,40,40,0.95);
  color: white;
  height: 450px;
  padding-left: 25px;
}
.postWrap:hover
{
  cursor: pointer;
}
.pickedGroup-aboutUs:hover
{
  cursor: pointer;
  cursor: hand;
}
.removeButton-aboutUs:hover {
  color: #8F0000;
  cursor: pointer;
}
.removeButton-aboutUs{
  float: right;
}
.title-aboutUs{
  height: 20px;
  overflow: hidden;
}
#pickedUrls-aboutUs{
  margin-left: 10px;
  height: 230px;
  overflow: auto;
  word-wrap: break-word;
}
.pickedGroup-aboutUs{
  display: inline-block;
  width: 200px;
  overflow: hidden;
  margin-bottom: 2px;
  margin-left: 10px;
  padding-left: 10px;
  background-color: rgb(82,83,87);
  height: 30px;
  padding-top: 8px;
  font-size: 13px;
}
.pickedUrl-aboutUs{
  display:inline-block;
  overflow: hidden;
  padding: 5px 0 0 10px;
  width: 100%;
}
.searchBtn-aboutUs{
  height: 26px;
  top: 3px;

}

.addBtns-aboutUs{
  float: right;
}
#pickedGroups-aboutUs{
  overflow: auto;
  margin-left: 10px;
  float:left;
  height: 160px;
}
.pickedUrl-aboutUs:hover{
  cursor: pointer;
  background-color: white;
  color: black;
}
.pickedGroup-aboutUs:hover{
  cursor: pointer;
  background-color: white;
  color: black;
}
#btnUrl-aboutUs{
  margin: 0 0 15px 10px;
  margin: 5px 0px 15px 10px;
  width: 125px;
}
#groupSettings-aboutUs{
  background-color: rgba(40,40,40,0.95);
  width: 598px;
  float: left;
  color:white;
  height: 450px;
}
#addUrls-aboutUs{
  width: 50%;
  float: left;
  height: 390px;
  padding-left: 10px;
  border-left: 1px solid gray;
  padding: 0 30px;
}
.labels-aboutUs{
  margin: 10px 0 10px 10px;
  font-weight: normal;
  font-size: 18px;
}
.btnGroup-aboutUs{
  color: white;
  width: 108px;
  height: 23px;
  padding: 0;
  vertical-align: 0;
  padding-top: 1px;
  border-radius: 0 !important;
  background-color: rgb(82,83,87) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.btnSmallGroup-aboutUs{
  background-color: silver;
  color: white;
  /*width: 105px;*/
  height: 20px;
  padding: 0 !important;
  vertical-align: 0 !important;
  padding-top: 1px !important;
  font-size: 10px !important;
  margin-right: 5px !important;
  border-radius: 3px !important;
}
#searchUrls-aboutUs{
  float: left;
  width: 50%;
  padding: 10px 0 0 20px;
  border-left: 1px solid gray;
  height: 390px;
  padding: 0 30px;
}
.addAs-aboutUs{
  font-size: 10px;
  color: silver;
  font-weight: normal;
  margin-right: 5px;
}
.content-aboutUs{
  font-size: 10px;
  height: 30px;
  overflow: hidden;
}
.edited-aboutUs{
  background-color: white;
  color: black;
}

#searchinput-aboutUs{
  width: 200px;
}
.contacts-aboutUs{
  margin-left: 20px;
}
#contactSettings-aboutUs{
  height: 110px;
  width: 200px;
  resize: none;
  background-color: rgb(82,83,87);
  color: white;
  border: none;
  padding: 5px 5px 5px 12px;
}
.postWrap-aboutUs{
  width: 100%;
  float: left;
  overflow: hidden;
  height: 85px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.picture-aboutUs
{
  height: 100%;
  width: 50%;
  float:left;
}
.title-main-aboutUs
{
  width: 50%;
  float: left;
  margin: 0;
  padding: 10px;
}



/*============================================GROUPED LINKS IMAGES===================================================*/
.urlSrc-groupedLinksImages{
  height: 67px;
  width: 67px;
}
.group-groupedLinksImages{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
#main-groupedLinksImages
{
  width: 280px;
  margin-left: 10px;
  clear: both;
  position:relative;
  margin-bottom: 10px;
}
.url-groupedLinksImages{
  width: 65px;
  margin-left: 5px;
  float: left;
}
.urls-groupedLinksImages{
  margin-left: -3px;
}
.urlName-groupedLinksImages{
  height: 30px;
  overflow: hidden;
  color: white;
  font-size: 12px;
  line-height: 1.4;
}
.groupName-groupedLinksImages {
  color: white;
  font-size: 16px;
  margin-bottom: 5px;
  background-color: rgb(62, 154, 90);
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;

}
#wrapper-groupedLinksImages{
  min-height: 50px;
}
/*=================GROUPED LINKS IMAGES SETTINGS=================*/

#showResults{
  width: 100%;

  overflow: auto;
  word-wrap: break-word;
  margin-top: 20px;

}
.postWrap{
  width:90%;
  overflow:hidden;
}

.searchPosts-groupedLinksImages{
  width:300px;
  float:left;
  background: rgba(40,40,40,0.95);
  color: white;
  height: 450px;
  padding-left: 15px;
}
.inputs-groupedLinksImages{
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 26px;
  margin-bottom: 5px;
  width: 200px;
}
.postWrap:hover
{
  cursor: pointer;
}
.pickedGroup-groupedLinksImages:hover
{
  cursor: pointer;
  cursor: hand;
}
.removeButton-groupedLinksImages:hover {
  color: #8F0000;
  cursor: pointer;
}
.removeButton-groupedLinksImages{
  float: right;
}
.title-groupedLinksImages{
  height: 20px;
  overflow: hidden;
}
#pickedUrls-groupedLinksImages{
  margin-left: 10px;
  height: 300px;
  word-wrap: break-word;
}
.pickedGroup-groupedLinksImages{
  display: inline-block;
  width: 220px;
  overflow: hidden;
  margin-bottom: 2px;
  margin-left: 10px;
  padding-left: 10px;
  background-color: rgb(82,83,87);
  height: 30px;
  padding-top: 8px;
  font-size: 13px;
}
.searchBtn-groupedLinksImages{
  height: 26px;
  top: 3px;

}
.addBtn{
  font-size: 10px;
  margin-right: 5px;
}
.addBtns{
  float: right;
}
#pickedGroups-groupedLink{
  margin-left: 10px;
}
.pickedUrl:hover{
  cursor: pointer;
  background-color: white;
  color: black !important;
}
.pickedGroup-groupedLinksImages:hover{
  cursor: pointer;
  background-color: white;
  color: black;
}
#btnUrl{
  margin: 5px 0px 15px 10px;
  width: 120px;
}
#groupSettings-groupedLinksImages{
  width: 598px;
  float: left;
  color:white;
  height: 450px;
  background-color:  rgba(40,40,40,0.95);
}
#addUrls-groupedLinksImages{
  width:50%;
  float:left;
  height: 400px;
  padding-left: 10px;
  border-left: 1px solid gray;
}
.labels-groupedLinksImages{
  margin: 10px 0 10px 10px;
  font-weight: normal;
}
.btnGroup-groupedLinksImages{
  color: white;
  width: 108px;
  height: 23px;
  border-radius: 0 !important;
  background-color: rgb(82,83,87) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.btnSmallGroup-groupedLinksImages{
  background-color: silver;
  color: white;
  width: 45px;
  height: 20px;
  padding: 0;
  vertical-align: 0;
  padding-top: 1px;
  font-size: 10px;
  margin-right: 5px;
  border-radius: 3px;
}

#searchUrls-groupedLinksImages{
  float: left;
  width: 50%;
  height: 400px;
  padding: 10px 0 0 20px;
  border-left: 1px solid gray;
}
.addAs-groupedLinksImages{
  font-size: 10px;
  color: silver;
  font-weight: normal;
  margin-right: 5px;
}
.content-groupedLinksImages{
  font-size: 10px;
  height: 30px;
  overflow: hidden;
}
.edited-groupedLinksImages{
  background-color: white;
  color: black;
}

.modal-footer-groupedLinksImages{
  clear: both;
  width: 100%;
  height: 70px;
  background-color: rgb(30,30,30);
  float: left;
}

.addImg-linksImages:hover{
  cursor: pointer;
}


/*============================================LINKS IMAGES===================================================*/
#main-linksImages{
  width: calc(100% + 12px);
  border-radius: 5px;
  margin-left: -6px;
}

#links-linksImages{
  position: relative;
  margin: auto;
}


.post-linksImages{
  float: left;
  width: 8.32%;

}


.img-linksImages {
  height: 90px;
  width: 90%;
  margin: 0 auto;
}
.img-linksImages img{
  width: 100%;
  height: 100%;

}
.title-linksImages{
  padding: 0 5px;
  text-align: center;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  border-right: 1px solid white;
  font-size:13px;
  text-transform: uppercase;
}
.titlePadding-linksImages{
  padding:3px 0;
  background-color: rgb(62, 154, 90);
}

.title-linksImages:hover{
  background-color: white;
  color: rgb(62, 154, 90);

}

.postImg-linksImages{
  width: 100%;
  height: 100%;
}
/*=================LINKS IMAGES SETTINGS=================*/
#addImg-linksImages{
  height: 150px;
  margin-top: 10px;
}
.addImg-linksImages{
  background-color: rgb(82,83,87);
  color: white;
  padding-left: 5px;
  width: 150px;
  margin-top: 20px;
  height: 30px;
  padding-top: 7px;
  text-align: center;
}
.pickedlink-linksImages{
  width: 120px;
  float: left;
  margin-right: 10px;
}
.inputs-linksImages{
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 26px;
  margin-bottom: 5px;
  width: 150px;
}
.btnGroup-linksImages{
  padding-top: 3px;
  color: white;
  width: 150px;
  height: 23px;
  border-radius: 0 !important;
  background-color: rgb(82,83,87) !important;
  box-shadow: none !important;
  text-shadow: none !important
}
.wrapper-linksImages{
  background-color: rgba(40,40,40,0.95);
  height: 575px;
}
#showResults-linksImages{
  float:left;
}
.searchDiv-linksImages
{
  float: left;
  width: 34%;
  height: 575px;
  overflow: auto;
  padding: 20px 0 0 70px;
}
.postsDiv-linksImages
{
  float: right;
  width: 66%;
  height: 500px;
  margin-top: 35px;
  border-left: 1px solid gray;
  padding-left: 40px;
}
.postWrap-linksImages{
  width: 100%;
  float: left;
  overflow: hidden;
  height: 85px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.postWrap-linksImages:hover
{
  cursor: pointer;
}
.pickedPostImage-linksImages
{
  height: 120px;
  width: 100%;
}

.pickedWall-linksImages
{
  width: 25%;
  padding: 5px;
  float: left;
  height: 150px;
}
.pickedPostTitle-linksImages
{
  font-size: 12px;
  font-weight: bold;
}
.pickedPostContent{
  overflow: hidden;
  font-size: 10px;
  height: 58px;

}
.removeButton-linksImages
{
  position: relative;
  left:90%;
}
.picture-linksImages
{
  height: 100%;
  width: 50%;
  float:left;
}
.title-main-linksImages
{
  width: 50%;
  float: left;
  margin: 0;
  padding: 10px;
}
.removeButton-linksImages:hover {
  color: #8F0000;
  cursor: pointer;
}
.modal-content-linksImages
{
  border-radius:0;
  border:0;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:white;
  height: 600px;
}
.searchButton-linksImages
{
  height: 29px;
  position: relative;
  top: 2px;
  background-color: rgb(130,127,124);
  border:0;
}
#searchinput-linksImages
{
  width: 200px;
  margin-bottom: 10px;
  color:black;
}
#settingsHeader-linksImages
{
  text-align: center;
  background-color: rgba(40,40,40,0.95);
  width: 66%;
  float:right;
  line-height: 2;
}
.btnSave-linksImages{
  background-color: white;
  color: black;
  border-radius: 3px;
  width: 25%;
  margin-right: 40px;
  margin-top: 30px;
  float:right;
  border: 1px solid white;

}
.btnCancel-linksImages{
  background: rgba(40, 40, 40, 0.1);
  color: white;
  border-radius: 3px;
  width: 25%;
  margin-right: 10px;
  border: 1px solid white;
  margin-right: 20px;
  margin-top: 30px;
  float:right;
}
.footer-linksImages
{
  background-color: rgba(40,40,40,0.95);
  float: right;
  width: 66%;
  height: 75px;
}
.titleInput-linksImages{
  color: white;
  font-weight: normal;
  width: 100%;
  bottom: 23px;
  position: relative;
  opacity: 0.7;
  background-color: black;
  border: 0;
  height: 23px;
  font-size: 14px;
  padding-left: 3px;
}

/*============================================LINKS NO IMAGES===================================================*/
#main-linksNoImages{
  width: calc(100% + 8px);
  margin-left: -6px;
  display: inline-block;
  margin-bottom: 100px;
}

#links-linksNoImages{
  position: relative;
  margin: 5px auto;
}


.post-linksNoImages{
  float: left;
  width: 109.9px;
  margin-left: 0.16%;
  margin-right: 0.16%;
  border: 3px solid #3E9A5A;
  border-radius: 3px;
  background-color: rgba(255,255,255,0.7);
}


.img-linksNoImages {
  height: 90px;
  width: 90%;
  margin: 0 auto;
}
.img-linksNoImages img{
  width: 100%;
  height: 100%;

}
.title-linksNoImages{
  /* padding: 6px 5px; */
  padding-bottom: -4px;
  text-align: center;
  color: #3E9A5A;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  height: 36px;
  font-size: 13px;
  /*text-transform: uppercase;*/
  font-weight: bolder;
  display: table-cell;
  vertical-align: middle;
  width: 109.9px;
}

.title-linksNoImages:hover{
  background-color: white;
  color: black;

}

.postImg-linksNoImages{
  width: 100%;
  height: 100%;
}
/*=================LINKS NO IMAGES SETTINGS=================*/
#showResults-linksNoImages{
  float:left;
}
.rightSide-linksNoImages{
  background-color: rgba(40,40,40,0.95);
  height: 550px;
}
.linksDiv-linksNoImages
{
  float:left;
  width: 34%;
  padding: 15px;
  height: 475px;
  overflow: auto;
}
.pickedlink-linksNoImages:hover{
  cursor: pointer;
  background-color: white;
  color:black;
}
.btnGroup-linksNoImages{
  color: white;
  width: 110px;
  height: 23px;
  line-height: 11px !important;
  border-radius: 0 !important;
  background-color: rgb(82,83,87) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.btnSmallGroup-linksNoImages{
  background-color: rgb(82,83,87);
  color: white;
  width: 45px;
  height: 20px;
  margin-right: 5px;
  border-radius: 0;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;

}
.inputs-linksNoImages{
  color: white;
  background-color: rgb(82,83,85);
  border: none;
  padding-left: 5px;
  height: 25px;
  margin-bottom: 5px;
  width: 200px;
}
.postsDiv-linksNoImages
{
  float: left;
  width: 33%;
  background-color: rgba(40,40,40,0.95);
  height: 445px;
  margin-top: 30px;
  border-left: 1px solid gray;
  padding: 0 20px 0 40px;

}
.postWrap-linksNoImages{
  width: 100%;
  float: left;
  overflow: hidden;
  height: 85px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.postWrap-linksNoImages:hover
{
  cursor: pointer;
}
.pickedPostImage-linksNoImages
{
  height: 120px;
  width: 100%;
}

.pickedWall-linksNoImages
{
  width: 25%;
  padding: 5px;
  float: left;
  height: 150px;
}
.pickedPostTitle-linksNoImages
{
  width: 98%;
}
.pickedPostContent{
  overflow: hidden;
  font-size: 10px;
  height: 58px;

}
.removeButton-linksNoImages
{
  float: right;
  z-index: 2;
}
.picture-linksNoImages
{
  height: 100%;
  width: 50%;
  float:left;
}
.title-main-linksNoImages
{
  width: 50%;
  float: left;
  margin: 0;
  padding: 10px;
}
.removeButton-linksNoImages:hover {
  color: #8F0000;
  cursor: pointer;
}
.modal-content-linksNoImages
{
  border-radius:0;
  border:0;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:white;
  height: 600px;
}
.searchButton-linksNoImages
{
  height: 29px;
  position: relative;
  top: 2px;
  background-color: rgb(130,127,124);
  border:0;
}
#searchinput-linksNoImages
{
  width: 200px;
  margin-bottom: 10px;
  color:black;
}
#settingsHeader-linksNoImages
{
  text-align: center;
  background-color: rgba(40,40,40,0.95);
  width: 66%;
  float:right;
  line-height: 2;
}
.btnSave-linksNoImages{
  background-color: white;
  color: black;
  border-radius: 3px;
  width: 25%;
  margin-right: 40px;
  margin-top: 30px;
  float:right;
  border: 1px solid white;

}
.btnCancel-linksNoImages{
  background: rgba(40, 40, 40, 0.1);
  color: white;
  border-radius: 3px;
  width: 25%;
  margin-right: 10px;
  border: 1px solid white;
  margin-right: 20px;
  margin-top: 30px;
  float:right;
}
.footer-linksNoImages
{
  background-color: rgba(40,40,40,0.95);
  float: right;
  width: 66%;
  height: 75px;
}
.titleInput-linksNoImages{
  color: white;
  font-weight: normal;
  width: 100%;
  bottom: 23px;
  position: relative;
  opacity: 0.7;
  background-color: black;
  border: 0;
  height: 23px;
  font-size: 14px;
  padding-left: 3px;
}
.pickedlink-linksNoImages{
  display: inline-block;
  width: 220px;
  overflow: hidden;
  margin-bottom: 2px;
  margin-left: 10px;
  padding-left: 10px;
  background-color: rgb(82,83,87);
  height: 30px;
  padding-top: 8px;
  font-size: 13px;
}
/*=================================================FOLLOWERS WIDGET=======================================================*/
.follower-wrap{
  height: 45px;
  float:left;
  margin: 5px 5px 5px 5px;
}
.follower-wrap:nth-child(4n)
{
  margin-right: 0px;
}
.follower-wrap:nth-child(4n+1)
{
  margin-left: 0px;
}
.follower-wrap:first-child
{
  margin-left: 0px;
}
.follower-imageWrap{
  width: 45px;
  height: 45px;
  float:left;
}
.follower-image{
  width: 100%;
  height: 100%;
}
.followers {
  width: 290px;
  height: 270px;
  background-color: rgba(255,255,255,0.7);
  padding: 0px 40px 40px 40px;
  margin-left: 10px;
  margin-bottom: 10px;
}
#followerButtons
{
  width: 180px;
  margin:0 auto;
}

/*================================================FRIENDS WIDGET==============================================*/
.friend-wrap{
  height: 40px;
  float:left;
  margin:2.5px;
}
.friend-imageWrap{
  width: 40px;
  height: 40px;
  float:left;
}
.friend-image{
  width: 100%;
  height: 100%;
}
.friends {
  width: 290px;
  height: 390px;
  background-color: rgba(255,255,255,0.7);
  padding: 10px 40px 10px 40px;
  margin-left: 10px;
  margin-bottom: 10px;
}
#friendButtons
{
  width: 190px;
  margin:0 auto;
}
/*=====================================FRIENDS FOLLOW MESSAGE============================================*/
.buttonDiv
{
  width: 100%;
  height: 40px;
  background-color: rgba(0,0,0,0.7);
  color:white;
  margin-bottom: 10px;
  border: 0;
  padding: 0;
}
.buttonDiv:hover
{
  cursor: pointer;
  background-color: white;
  color:black;
}
.buttonText
{
  float: left;
  vertical-align: middle;
  text-align: center;
    font-size: 14px;/*
    padding-top: 10px;
    padding-left: 10px;*/
    padding: 13px;
  }
  .friend-imageWrap{
    width: 40px;
    height: 40px;
    float:left;
  }
  .friend-image{
    width: 100%;
    height: 100%;
  }
  .friends_follow_messageWrap {
    position: relative;
    display: inline-block;
    width: 210px;
    /*width: 290px;
    padding: 40px;*/
    background-color: rgba(255,255,255,0.7);
    margin-left: 10px;
    padding-bottom: 10px;
  }
  .close {
    float: right;
    font-size: 21px;
    font-weight: 300;
    line-height: 50px;
    color: white;
    margin-right: 10px;
    text-shadow: none;
    opacity:1;}
    #sendMessageModal .submitButton
    {
      background-color:white;
      border-radius: 4px;
      border:none;
      margin-top:20px;
      width: 100px;
      float: right;
      margin-right: 30px;
      color:black;
    }
    .message-modal-content
    {
      border-radius:0;
      border:0;
      /*background-color:rgba(0,130,0,0.60);*/
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      color:white;
      height: 400px;
    }
    /*.message-modal-header
    {
      background-color:rgba(0,130,0,0.9);
      height: 50px;
      padding-left: 30px;
    }
    .message-modal-header h4
    {
      font-size: 20px;
      line-height: 50px;
    }*/
    .btnSendMessage
    {
      background-color:white;
      border-radius: 4px;
      border:none;
      float: right;
      color:black;
      padding:5px;
      width: 60px;
    }
    #msg
    {
      margin-top: 15px;
      width: 100%;
      height: 180px;
      border-radius: 1px;
      color:black;
    }
    .recepient
    {
      display: inline;
      float: left;
      /*background-color: rgba(44, 149, 226, 0.7);*/
      padding: 3px;
      border-radius: 3px;
      padding-left: 10px;
      padding-right: 10px;
      margin-right: 3px;
      text-transform: capitalize;
      margin-bottom: 3px;
    }
    .suggestedRecepientsBox
    {
      background-color:white;
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .suggestedRecepient
    {
      float:left;
      padding: 3px;
      /*background-color:rgba(44, 149, 226, 0.5);*/
      text-transform: capitalize;
      margin-left: 5px;
      margin-right: 5px;
      border-radius: 3px;
      margin-bottom: 3px;
    }
    .suggestedRecepient:hover
    {
      cursor:pointer;
      background-color:rgba(44, 149, 226, 0.7);
    }
    #subject
    {
      color:black;
    }
    /*=============================================HORIZONTAL POSTS==============================================*/
    .wrap-horizontalPosts
    {
      width: 435px;
      height: 180px;
      background-color: white;
      float:left;
      position:relative;
      margin-left: 10px;
    }
    .ImageWrap-horizontalPosts
    {
      width: 180px;
      height: 180px;
      float:left;
    }
    .contentWrap-horizontalPosts
    {
      position: relative;
      width: 210px;
      float: right;
      height: 150px;
      margin-right: 20px;
      margin-top: 20px;
      overflow: hidden;

    }
    .title-horizontalPosts
    {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 5px;
      margin-top:5px;
      color:#4a4a4a;
    }
    .content-horizontalPosts
    {
      font-size: 13px;
      font-weight: 400;
      margin-top: 12px;
      position: absolute;
      /* bottom: 0; */
      /* left: 0; */
      /* margin-bottom: 0px; */
      /* line-height: 1.3; */
      color: #767676;
    }
    .ago-horizontalPosts
    {
      position: absolute;
      top:-10px;
      left: 0px;
      margin-top: 0px;
      font-size: 10px;
    }
    .header-horizontalPosts {
      height: 45px;
      background-color: rgba(62, 154, 90,1);
      clear: both;
      line-height: 16px;
      margin-bottom: 15px;
      color: black;
      border-bottom: 3px solid rgb(247,094,037);
      margin-left: 10px;
      margin-right: 10px;
    }
    .header-horizontalPosts h3 {
      font-size: 24px;
      line-height: 50px;
      padding-top: 4px;
      margin: 0;
      text-transform: uppercase;
      font-weight: bold;
    }
    .ImageWrap-horizontalPosts .tagWrap h4
    {
      max-width: 180px;
    }
    .searchBox-horizontalPosts{
      height: 445px;
      overflow: hidden;
      background-color: rgba(53, 53, 53, 0.95);
      width: 100%;
      padding: 10px;
      margin-left: 20px;
      margin-top: 20px;
    }
    /*================================================POST_BIG 2=============================================*/
    .searchBox-postBig{
      height: 440px;
      overflow: hidden;
      background-color: rgba(53, 53, 53, 0.95);
      width: 100%;
      padding: 10px;
      margin-left: 20px;
      margin-top: 20px;
    }

    .postBig2ImageWrap
    {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
    }
    #wrap-postBig2
    {
      height: 651px;
      width: 100%;
      background-color: rgba(255,255,255,1);
      margin-bottom: 10px;
    }
    .postBig2WrapLeft{
      width: 67.5%;
      float: left;
      height: 100%;
      padding:5px;
    }

    .postBig2WrapLeft .postBig2Wrap:first-child .postBig2ImageWrap .postBig2Title /*Naslov največje objave*/
    {
      position: absolute;
      bottom: 0;
      margin: 0;
      width: 100%;
      height: 100px;
    }
    .postBig2WrapLeft .postBig2Wrap:first-child .tagWrap h4
    {
      max-width: 587.5px;
      margin:0px;
    }
    .postBig2WrapLeft .postBig2Wrap .tagWrap h4
    {
      max-width: 288px;
      margin:0px;
    }
    .postBig2WrapLeft .postBig2Wrap .tagWrap
    {
      top: 5px;
      left:5px;
    }
    .postBig2WrapLeft .postBig2Wrap:first-child .postBig2ImageWrap .postBig2Title h2/*Naslov največje objave*/
    {
      font-size: 32px;
    }
    .postBig2WrapLeft .postBig2Wrap .postBig2ImageWrap .postBig2Title h2,
    .postBig2WrapRight .postBig2Wrap:nth-child(2) .postBig2Title h2 /*Naslov srednjih objav*/
    {
      color:white;
      font-size: 20px;
      padding:10px;
      position: absolute;
      bottom: 0;
      left: 0;
      margin: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7);
      font-weight: 400;
    }
    .postBig2WrapRight .postBig2Wrap .postBig2Title h2 /*Naslovi desnih objav*/
    {
      color:#4a4a4a;
      font-size: 20px;
      margin-top: 10px;
      font-weight: bold;
      padding-left: 10px;
      padding-right: 10px;
    }
    .postBig2WrapRight .postBig2Wrap .postBig2Content p /*Naslovi desnih objav*/
    {
      color:#767676;
      font-size: 13px;
      /*position: absolute;*/
      bottom: 20px;
      margin-bottom: 0;
      height: 90px;
      padding-left: 15px;
      padding-right: 10px;

    }
    .postBig2Wrap
    {
      float: left;
      position: relative;

    }
    .postBig2Content
    {
      margin-top: 11px;
    }
    .postBig2WrapLeft .postBig2Wrap:first-child
    {
      width: 100%;
    }
    .postBig2WrapLeft .postBig2Wrap
    {
      width: 50%;
      padding:5px;
    }
    .postBig2WrapLeft .postBig2Wrap:first-child .postBig2ImageWrap
    {
      width: 100%;
      height: 334px;
      position: relative;
    }
    .postBig2WrapLeft .postBig2Wrap .postBig2ImageWrap
    {
      width: 100%;
      height: 288px;
    }
    .postBig2WrapRight{
      width: 32.5%;
      float: right;
      padding: 5px;
      padding-left: 0px;
    }
    .postBig2WrapRight .postBig2ImageWrap
    {
      height: 145px;
    }
    .postBig2WrapRight .postBig2Wrap:nth-child(2) .postBig2ImageWrap
    {
      height: 100%;
    }
    .postBig2WrapRight .postBig2Wrap:first-child
    {
      float:left;
      width: 283px;
      height: 334px;
      margin-left:0px;
    }
    .postBig2WrapRight .postBig2Wrap:nth-child(2)
    {
      float:left;
      width: 283px;
      height: 288px;
      margin-left: 0px;
    }
    .postBig2WrapRight .postBig2Wrap:nth-child(2) .postBig2Content p
    {
      height: 60px;
      display: none;
    }
    .postBig2WrapRight .postBig2Wrap
    {
      margin:5px;
      background-color: #dfdfdf;
    }
    .postBig2WrapRight .tagWrap h4
    {
      margin:0px;
    }
    .dateAuthorOnImage
    {
      font-size: 14px;
      line-height: 14px;
      height: 20px;
      background-color: white;
      border-top: 1px solid green;
      border-bottom: 2px solid green;
      width: 100%;
      padding: 2px;
      color:green;
      font-weight: bold;
    }
    .dateAuthorOnImage a
    {
      font-weight: bold;
    }
    .postBig2Title {
      /*height: 60px;*/
      padding-left: 5px;
      min-height: 23px;
    }
    /*===========================================VERTICAL POSTS => css je isti kot za HORIZONTAL POSTS=======*/
    .wrap-verticalPosts .tagWrap h4
    {
      background-color: rgba(1,1,1,0.7);
      max-width: 180px;
    }
    /*===========================================PUBLISHWALL_LASTPOST========================================*/
    .publishwall_lastposts {
      height: 360px;
      width: 290px;
      margin-left: 10px;
      margin-bottom: 10px;
      background-color: rgba(255,255,255,0.7);
    }
    .lastPostsHeader
    {
     position:relative;
     /*height: 40px;*/
     margin-bottom: 10px;
   }
   .lastPostsWrap-publishwall_lastposts
   {
     height: 90px;
     padding: 10px;
     margin-bottom: 10px;
   }
   .lastPostsImageWrap-publishwall_lastposts
   {
     float:left;
     width: 120px;
     height: 90px;
   }
   .lastPostsImage-publishwall_lastposts
   {
    width: 100%;
    height:100%;
  }
  .title-publishwall_lastposts
  {
   float:left;
   width: 50%;
   padding:5px;
   padding-top:0px;
   font-size: 16px;
   font-weight: 400;
   padding-left: 15px;
 }
 .postLink {
  color: inherit;
  text-decoration: none;
}

.postLink:hover
{
 color:#00A0C6;
 text-decoration:none;
 cursor:pointer;
}


/*ZALOZBA*/
.link_zalozba {
  width: 180px;
  height: 40px;
  background-color: rgba(62, 154, 90,0.7);
  color: white;
  position: absolute;
  border-radius: 3px;
  top: 5px;
  right: 0px;
  /* padding: 15px; */
  font-size: 13px;
  line-height: 40px;
  border: 3px solid white;
  padding-left: 35px;
  font-weight: 700;
}
.link_zalozba:hover
{
  color:rgb(62, 154, 90);
  background: rgba(255,255,255,0.7);
}

/*****************/
/** QapTcha CSS **/
/*****************/


.QapTcha {float:left;margin-top:20px;width:252px;}
.QapTcha .clr{clear:both}
.QapTcha .bgSlider {width:252px;height:37px;float:left;border:1px solid #040404;background-color:#101010;}
.QapTcha .Slider {width:52px;height:37px;background:transparent url('images/bg_draggable_qaptcha.jpg') no-repeat;cursor:e-resize;position:relative;top:0;left:0}
.QapTcha .TxtStatus {width:252px;margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both}
.QapTcha .dropSuccess {color:#4e8b37}
.QapTcha .dropError {color:#bb2828}

.QapTchaRegister {float:left;margin-top:20px;width:220px;}
.QapTchaRegister .clr{clear:both}
.QapTchaRegister .bgSlider {width:220px;height:37px;float:left;border:1px solid #040404;background-color:#101010;}
.QapTchaRegister .Slider {width:52px;height:37px;background:transparent url('images/bg_draggable_qaptcha.jpg') no-repeat;cursor:e-resize;position:relative;top:0;left:0}
.QapTchaRegister .TxtStatus {width:220px;margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both}
.QapTchaRegister .dropSuccess {color:#4e8b37}
.QapTchaRegister .dropError {color:#bb2828}



/*******************VIEW_LIKESHARE CSS*****************************/
.likeShareComment{
  position: absolute;
  bottom: 0;
  background-color: white;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.bookmarkIcon{
  width: 16px;
  height: 16px;
  opacity: 0.5;
  margin-right: 2px;
}
.likeIcon
{
  width: 16px;
  height: 16px;
  opacity: 0.5;
}
.commentIcon
{
  width: 16px;
  height: 16px;
  opacity: 0.5;
}
.size{
  display: inline-block;
  float: left;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 11px;
}
.clicked
{
  opacity: 1;
}

.size:hover{
  cursor: pointer;

}
.count{
  display: inline;
  font-size: 10px;
  margin-right: 2px;
}
a.a2a_i, i.a2a_i {
  display: block;
  float: left;
  border: 1px solid #FFF;
  line-height: 24px;
  padding: 6px 8px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 132px;
}
.a2a_img{
  position: relative;
  bottom: 1px;
}
.sharePost{
  float: right;
}
.showText{
  float: right;
}
.commentLinkImage{
  height: 150px;
}


/*comments of view like share*/
.new_comment_input_wrap .glyphicon {
  font-size: 1.3rem;
  float: left;
  margin: 1rem 0;
  padding: 0.75rem;
  background-color: #F44336;
  color: white;
  border-radius: 0.25rem;
}
.new_comment_input_wrap .glyphicon-remove:hover {
  color: rgba(255,255,255,0.67) !important;
}
.url_result_outer{
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  z-index: 10;
}
.url_result_outer .link_img_description,
.url_result_outer .link_img_show {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
}
.url_result_outer .link_img_show img {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
}
.url_result_outer .link_title a{
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;

  font-family: "Roboto Slab", sans-serif;
  font-weight: 900;
  line-height: 1.318;
  font-size: 1.3rem;
}
.url_result_outer .link_description > p{
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;

  margin-top: 0.5rem;
  font-family: "Roboto Slab", sans-serif;
  font-weight: 900;
  line-height: 1.318;
  font-size: 1rem;
}

.url_result_outer .change_info_btn{
  position: relative;
  display: inline-block;
  padding: 0.75rem 1rem;

  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: rgba(255,255,2550.87);
  background-color: #2196f3;
  border-radius: 0.25rem;
  cursor: pointer;
  margin: 0.5rem 0;
}

/*KAPČA ENFORCING CSS*/
/*ANONIMNO / anonymous */

.anonymous_inbox{
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 7px 15px;
}
.QapTcha{
  margin-top: 0;
}
.QapTcha .bgSlider{
  width: 204px;
}


/*      VIDEO SETTINGS      */
.wrapper_video_cover {
  position: relative;
  /*float: left;*/
  top: 0px;
  width: 100%;
  height: 321px;
  overflow: hidden;
  margin-bottom: 5px;
}
.wrapper_video_cover a{
  display: block;

}
.video_cover {
  position: absolute;
  width: 100%;
  height: 321px;
  z-index: 1;
  min-height: 321px;
  min-width: 571px;
  left: 50%;
  -webkit-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
}
.video_play_cover{
  position: absolute;
  width: 65px;
  height: 65px;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 1;
}
.video_play_cover:hover{ opacity: 0.8; cursor: pointer;}

.wrapper_video_description{
  position: relative;
  float: right;
  width: 405px;
  height: 160px;
  font-size: 11px;
  font-family: "lato", Arial;
  overflow: hidden;

  /*background: #333;*/
  background: #fff;
}
.table_limiter{
  position: absolute;
  margin: 30px 30px 30px 30px;
  width: 345px;
  height: 105px;
  max-height: 105px;
  overflow: hidden;

}
.video_meta_description{
  position: absolute;
  width: 345px;
  height: 105px;
  display: table;
  /*background: purple;*/

}
.video_meta_description p {

  /*color: white;*/
  color: #333;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.url_result_outer
{
  float: left;
}
.url_result_outer .glyphicon-remove:hover
{
 cursor: pointer;
 color:red;
}

/*============================================EVENTS===================================================*/

.player_widget{
  position: relative;
  display: inline-block;
  width: 960px;
  height: auto;
  margin: 0 auto;
  margin-top: -1px;
  /*background: #FAFAFA;*/
  box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
  /*border: 1px solid silver;*/
  border: 1px solid rgba(255,255,255,0.15);
}
.player_widget .player_placeholder{
  position: relative;
  width: 960px;
  height: 320px;
}
.player_widget .article_content{
  position: relative;
  width: 960px;
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease;
}





/*VIDEO*/
.player_widget .player_placeholder .video_placeholder {
  position: relative;
  width: 640px;
  height: 360px;
  overflow: hidden;
}
.player_widget .player_placeholder .video_placeholder img#eventImage{
  position: absolute;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
}



/*VIDEO PLAYLIST*/
/*  .player_widget .player_placeholder .video_playlist_placeholder{
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
    height: 360px;
    background: #333;
    overflow-x: hidden;
    overflow-y: auto;
    }*/
    .player_widget .mCSB_inside>.mCSB_container{
      margin-right: 16px !important;
    }
    .player_widget .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
      width: 6px;
      border-radius: 0;
      border-top-left-radius: 10px;
      border-bottom-right-radius: 10px;
      background: #106eb3;
    }
    .player_widget .mCSB_draggerContainer{
      background: #020509;
    }
    .player_widget .playlist_item {
      position: relative;
      width: 320px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      /*height: 45px;*/
      /*background: orange;*/
      overflow: hidden;
      padding: 7px 0;
      cursor: pointer;
      transition: all 0.5s ease;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030507+0,02070c+50,02060a+51,030507+100 */
      background: rgb(3,5,7); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(3,5,7,1) 0%, rgba(2,7,12,1) 50%, rgba(2,6,10,1) 51%, rgba(3,5,7,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(3,5,7,1) 0%,rgba(2,7,12,1) 50%,rgba(2,6,10,1) 51%,rgba(3,5,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(3,5,7,1) 0%,rgba(2,7,12,1) 50%,rgba(2,6,10,1) 51%,rgba(3,5,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030507', endColorstr='#030507',GradientType=0 ); /* IE6-9 */

      border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    .player_widget .playlist_item:hover{
      background: #f4f4f4;
    }
    .player_widget .playlist_item:hover p {
      color: #333;
    }
    .player_widget .playlist_item .items_image_wrap{
      position: relative;
      display: inline-block;
      width: 100px;
      height: 75px;
      overflow: hidden;

      margin: 0 10px;
      border: 1px solid rgba(255,255,255,0.15);
      background: rgba(255,255,255,0.05);
      box-sizing: border-box;

      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-color: black;
      flex-shrink: 0;
    }
    .player_widget .playlist_item .items_title_Wrap{
      position: relative;
      display: inline-block;
      width: calc(100% - 140px) !important;
      height: 75px;
      overflow: hidden;
      color: #cacaca;
      box-sizing: border-box;
    }
    .player_widget .playlist_item .items_title_Wrap p{
      position: relative;
      font-family: "Roboto", Arial;
      font-size: 13px;
      line-height: 1.3em;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
    }



    /*VIDEO ARTICLE CONTENT*/
    .player_widget .article_content .ac{ /*article container*/
      position: relative;
      display: inline-block;
      width: 854px;
      height: auto;
      max-height: 2000px;
      left: calc(50% - 854px /2);
      padding-top: 10px;
      background: #FAFAFA;
      /*background: #F0F0F0;*/
      font-family: "Roboto";
    }
    .player_widget .article_content .ac .article_banner{
      position: relative;
      width: 100%;
      /*height: 285px;*/
      height: 25vw;
      overflow: hidden;
      margin-bottom: 20px;
    }
    .player_widget .article_content .ac .article_banner img{
      position: absolute;
      width: 100%;
      height: auto;
      max-width: 100%;

    }
    .player_widget .article_content .ac .article_title{
      font-size: 3.5vw;
      line-height: 3.6vw;
      text-transform: uppercase;
      font-weight: 900;
      padding: 0 7vw;
    }
    .player_widget .article_content .ac .article_date{
      font-size: 1.2vw;
      line-height: 3vw;
      font-weight: normal;
      padding: 0.5vw 7vw;
    }
    .player_widget .article_content .ac .article_description{
      font-size: 14px;
      line-height: 1.4;
      padding: 1vw 7vw;
    }

    .player_widget .article_content .ac .article_separator{
      position: relative;
      width: 100%;
      height: 10px;
      margin-bottom: 10px;
      opacity: 0.5;
    }

    .player_widget .article_content .ac .tickets_placeholder{ /*nakup vstopnic*/
      position: relative;
      display: block;
      width: 265px;
      height: 38px;
      text-align: center;
      vertical-align: middle;
      line-height: 38px;
      margin: 16px auto;

      cursor: pointer;
      color: white;
      font-family: "Roboto";
      font-size: 21px;
      font-weight: 900;
      text-transform: uppercase;
      /*background: #338FFF;*/
      /*background: #F64417;*/
      border: 1px solid white;
      /*background: #880088;*/
      background: #106eb3;
      box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
    }

    /*ADDED CLASSES ON CLICK*/
    .sf_open_dialogue{
      height: 300px;
    }
    .sf_selected_item{
      /*background: #880088 !important;*/
      background: #106eb3 !important;
    }
    #eventList_scrollbar, .videoList_scrollbar
    {
      height: 360px;
      overflow: auto;
      width: 320px;
      /*height: 100%;*/
      position: absolute;
      right: 0;
      top: 0;
      background: #000;
      border-left: 1px solid rgba(255,255,255,0.15);
    }

    /*DELETE THIS AFTER TODO MIK*/
 /* .header_search_login, #sf_toggling_nav_menu{
      display: none !important;
      }*/
      @media screen and (max-width: 660px){
        .player_widget{
          width: 100%;
          /*height: 83vw;*/
          height: auto;
          margin-bottom: 10vw;
        }
        .player_widget .player_placeholder{
          width: 100%;
          height: auto;
        }
        .player_widget .player_placeholder .video_placeholder{
          width: 100%;
          height: 50vw;
        }
        .player_widget #eventList_scrollbar, .videoList_scrollbar{
          position: relative;
          width: calc(100% - 1px);
          height: 33vw;
          min-height: calc(4 * 54px);
          border-top: 1px solid rgba(248,248,255,0.45);
        }
        .player_widget .playlist_item{
          width: 100%;
        }
        .player_widget .playlist_item .items_title_Wrap{
          width: calc(100%  - 110px);
          float: left;
          left: 0;
        }

        /*video*/

        .player_widget #main_video_player{
          width: 100%;
          height: 100%;
        }
        .player_widget .video_player_placeholder{
          width: 100%;
          height: 100%;
        }
        .player_widget .video_player_placeholder .pw_video_placeholder{
          width: 100%;
          height: 100%;
        }
        .player_widget .video_player_placeholder .pw_video_placeholder video{
          width: 100%;
          height: 100%;
        }
        .player_widget .article_content .ac .article_date{
          font-size: 3vw;
        }

        /*ARTIKL*/

        .player_widget .article_content{
          width: calc(100% - 20px);
          left: 10px;
        }
        .player_widget .article_content .ac{
          width: 100%;
          left: 0;
        }
      }

      @media (min-width: 660px) and (max-width: 980px){
        .player_widget{
          width: 640px;
        }
        .player_widget .player_placeholder{
          width: 640px;
          height: 720px;
        }
        .player_widget #eventList_scrollbar, .videoList_scrollbar{
          width: calc(100% - 1px);
          height: 360px;
          position: relative;
          border-top: 1px solid rgba(248,248,255,0.45);
        }
        .player_widget .playlist_item{
          width: 100%;
        }
        .player_widget .playlist_item .items_title_Wrap{
          width: calc(100%  - 110px);
          float: left;
          left: 0;
        }
      }

    @media screen and (min-width: 1200px){
      .player_widget{
        width: 1200px;
      }
      .player_widget .player_placeholder{
        width: 100% !important;
        height: 450px !important;
      }
      .player_widget .videoList_scrollbar{
        height: 100%;
      }
      .player_widget .player_placeholder .video_placeholder{
          position: relative;
          display: block;
          width: calc(100% - 320px);
          height: 100%;
      }
      .player_widget .video_player{
        width: 100%;
        height: 100%;
      }
      .player_widget .video_player_placeholder{
        width: 100%;
        height: 100%;
      }
      .player_widget .video_player_placeholder .pw_video_placeholder{
        width: 100%;
        height: 100%;
      }
      .player_widget .video_player_placeholder .pw_video_placeholder video{
        width: 100%;
        height: 100%;
      }
    }










      /*******************show4events*****************************/
/*
  .pw_color_00A0C6{ border-top: 8px solid #00A0C6; }
  .pw_color_e41c41{ border-top: 8px solid #e41c41; }
  .pw_color_880088{ border-top: 8px solid #880088; }
  .pw_color_F15123{ border-top: 8px solid #F15123; }
  .pw_color_4caf50{border-top: 8px solid #4caf50;}

  .pw_color_3f51b5{border-top: 8px solid #3f51b5;}
  .pw_color_607d8b{border-top: 8px solid #607d8b;}
  .pw_color_cddc39{border-top: 8px solid #cddc39;}
  .pw_color_f44336{border-top: 8px solid #f44336;}
  */
  .pw_color_f44336{ border-top: 8px solid #f44336; }
  .pw_color_e91e63{ border-top: 8px solid #e91e63; }
  .pw_color_9c27b0{ border-top: 8px solid #9c27b0; }
  .pw_color_673ab7{ border-top: 8px solid #673ab7; }
  .pw_color_3f51b5{ border-top: 8px solid #3f51b5; }
  .pw_color_2196f3{ border-top: 8px solid #2196f3; }
  .pw_color_03a9f4{ border-top: 8px solid #03a9f4; }
  .pw_color_00bcd4{ border-top: 8px solid #00bcd4; }
  .pw_color_009688{ border-top: 8px solid #009688; }
  .pw_color_4caf50{ border-top: 8px solid #4caf50; }
  .pw_color_8bc34a{ border-top: 8px solid #8bc34a; }
  .pw_color_cddc39{ border-top: 8px solid #cddc39; }
  .pw_color_ffeb3b{ border-top: 8px solid #ffeb3b; }
  .pw_color_ffc107{ border-top: 8px solid #ffc107; }
  .pw_color_ff9800{ border-top: 8px solid #ff9800; }
  .pw_color_ff5722{ border-top: 8px solid #ff5722; }
  .pw_color_795548{ border-top: 8px solid #795548; }
  .pw_color_9e9e9e{ border-top: 8px solid #9e9e9e; }
  .pw_color_607d8b{ border-top: 8px solid #607d8b; }

  .pw_color_rainbow{ border-top: 8px solid  transparent }
  .pw_color_rainbow:after{
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    height: 8px;
    top: -8px;
    background: rgb(30,159,214); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(30,159,214,1) 0%, rgba(63,80,220,1) 26%, rgba(186,21,125,1) 50%, rgba(236,22,74,1) 75%, rgba(246,97,7,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(30,159,214,1) 0%,rgba(63,80,220,1) 26%,rgba(186,21,125,1) 50%,rgba(236,22,74,1) 75%,rgba(246,97,7,1) 100%);
    background: linear-gradient(135deg,  rgba(30,159,214,1) 0%,rgba(63,80,220,1) 26%,rgba(186,21,125,1) 50%,rgba(236,22,74,1) 75%,rgba(246,97,7,1) 100%);

  }
  /*ZA SETTINGSE KJER JE BUG Z AFTER CSSJEM*/
  .modal-body .pw_color_rainbow:after{
    position: absolute;
    content: "";
    left: 20px;
    right: 0px;
    height: 8px;
    top: 0px;
    background: rgb(30,159,214); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(30,159,214,1) 0%, rgba(63,80,220,1) 26%, rgba(186,21,125,1) 50%, rgba(236,22,74,1) 75%, rgba(246,97,7,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(30,159,214,1) 0%,rgba(63,80,220,1) 26%,rgba(186,21,125,1) 50%,rgba(236,22,74,1) 75%,rgba(246,97,7,1) 100%);
    background: linear-gradient(135deg,  rgba(30,159,214,1) 0%,rgba(63,80,220,1) 26%,rgba(186,21,125,1) 50%,rgba(236,22,74,1) 75%,rgba(246,97,7,1) 100%);
  }






  /*******************settings colors*****************************/
/*  .pw_color_00A0C6.event_settings_colors{ background: #00A0C6; }
  .pw_color_e41c41.event_settings_colors{ background: #e41c41; }
  .pw_color_880088.event_settings_colors{ background: #880088; }
  .pw_color_F15123.event_settings_colors{ background: #F15123; }
  .pw_color_4caf50.event_settings_colors{background: #4caf50;}

  .pw_color_3f51b5.event_settings_colors{background: #3f51b5;}
  .pw_color_607d8b.event_settings_colors{background: #607d8b;}
  .pw_color_cddc39.event_settings_colors{background: #cddc39;}
  .pw_color_f44336.event_settings_colors{background: #f44336;}

  .pw_color_cddc39.event_settings_colors{background: #cddc39;}
  .pw_color_f44336.event_settings_colors{background: #f44336;}*/


  .pw_color_f44336.event_settings_colors{ background: #f44336; }
  .pw_color_e91e63.event_settings_colors{ background: #e91e63; }
  .pw_color_9c27b0.event_settings_colors{ background: #9c27b0; }
  .pw_color_673ab7.event_settings_colors{ background: #673ab7; }
  .pw_color_3f51b5.event_settings_colors{ background: #3f51b5; }
  .pw_color_2196f3.event_settings_colors{ background: #2196f3; }
  .pw_color_03a9f4.event_settings_colors{ background: #03a9f4; }
  .pw_color_00bcd4.event_settings_colors{ background: #00bcd4; }
  .pw_color_009688.event_settings_colors{ background: #009688; }
  .pw_color_4caf50.event_settings_colors{ background: #4caf50; }
  .pw_color_8bc34a.event_settings_colors{ background: #8bc34a; }
  .pw_color_cddc39.event_settings_colors{ background: #cddc39; }
  .pw_color_ffeb3b.event_settings_colors{ background: #ffeb3b; }
  .pw_color_ffc107.event_settings_colors{ background: #ffc107; }
  .pw_color_ff9800.event_settings_colors{ background: #ff9800; }
  .pw_color_ff5722.event_settings_colors{ background: #ff5722; }
  .pw_color_795548.event_settings_colors{ background: #795548; }
  .pw_color_9e9e9e.event_settings_colors{ background: #9e9e9e; }
  .pw_color_607d8b.event_settings_colors{ background: #607d8b; }

  .pw_color_rainbow.event_settings_colors:after{
    height: 0 !important;
  }
  .pw_color_rainbow.event_settings_colors{
    background: rgb(30,159,214); /* Old browsers */
    background: -moz-linear-gradient(0deg,  rgba(30,159,214,1) 0%, rgba(63,80,220,1) 26%, rgba(186,21,125,1) 50%, rgba(236,22,74,1) 75%, rgba(246,97,7,1) 100%);
    background: -webkit-linear-gradient(0deg,  rgba(30,159,214,1) 0%,rgba(63,80,220,1) 26%,rgba(186,21,125,1) 50%,rgba(236,22,74,1) 75%,rgba(246,97,7,1) 100%);
    background: linear-gradient(90deg,  rgba(30,159,214,1) 0%,rgba(63,80,220,1) 26%,rgba(186,21,125,1) 50%,rgba(236,22,74,1) 75%,rgba(246,97,7,1) 100%);

  }

  /**************************************************************/

  .abonma_widget{
    position: relative;
    display: block;
    width: 960px;
    height: auto;
    margin: 0 auto;
    /*left: 50%;*/
    /*transform: translate(-50%, 0);*/
    /*background: #F0F0F0;*/
    margin-bottom: 40px;
    /*border: 1px solid silver;*/

  }
/*  .abonma_widget .abonma_item{
      width: 100%;
      height: 100%;
      }*/
      .abonma_widget .abonma_item{
        position: relative;
        float: left;
        display: block;
        width: 23.5%;
        height: 100%;
        overflow: hidden;
      }
      .abonma_widget .abonma_item:not(:last-child){
        margin-right: 2%;
      }
      .abonma_widget .abonma_title{
        position: relative;
        display: block;
        width: 100%;
        padding: 0px 10px;
        border: 1px solid rgba(0,0,0,0.05);
        box-sizing: border-box;
        background: #F0F0F0;
        overflow: hidden;
      }
      .abonma_widget .abonma_title p{
        position: relative;
        display: inline-block;
        padding: 5px 0;
        font-family: "Roboto";
        /*font-size: 2.15vw;*/
        font-size: 40px;
        font-weight: 400;
        z-index: 1;
        color: #333;
        text-transform: uppercase;
      }
      .abonma_widget .item_list{
        position: relative;
        display: block;
        width: 960px;
        /*height: 240px;*/
        height: 190px;
        left: 0;
        /*background: orange;*/
        padding-bottom: 0px;
      }
      .abonma_widget .abonma_link_wrap{
        position: relative;
        float: left;
        /*width: 25%;*/
        width: 100%;
        height: 100%;
        /*background: #333;*/
        box-sizing: border-box;
        cursor: pointer;
        overflow: hidden;
      }
      .abonma_widget .abonma_link_wrap:hover{
        opacity: 0.85;
      }
      .abonma_widget .abonma_link_wrap:after{
        position: absolute;
        content: url("");
        width: 40px;
        height: 40px;
        right: 0;
        bottom: 0;
        border-bottom: 20px solid white;
        border-top: 20px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid white;
      }
/*  .abonma_widget .abonma_item:not(:first-child){
    margin-left: 13px;
    }*/

    .abonma_widget .ticket_link{
      position: absolute;
      width: 40px;
      height: 40px;
      bottom: -3px;
      right: -3px;
    }
    .abonma_widget .ticket_link img{
      position: absolute;
      width: 100%;
      height: auto;
    }
    .abonma_widget .items_image_wrap{
      position: relative;
      width: auto;
      min-width: 100%;
      height: 100%;
      overflow: hidden;
      /*margin-bottom: 5px;*/
    }
    .abonma_widget .items_image_wrap img{
      position: absolute;
      width: 100%;
      height: auto;

      top: 0%;
      left: 0;
      -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
    }
    .abonma_widget .items_image_wrap img.abonma_horizontal_image{
      position: absolute;
      width: auto;
      height: 100%;

      top: 0%;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
    }
    .abonma_widget .item_list .items_title_Wrap{
      position: absolute;
      float: left;
      width: 100%;
      height: 40px;
      bottom: 0;
      padding: 0 10px;
      color: rgba(0,0,0,0.85);
      background: rgba(255,255,255,0.9);
      box-sizing: border-box;
      /*background: green;*/
    }
    .abonma_widget .item_list .items_title_Wrap p{
      font-family: "Roboto";
      font-size: 11.75px;
      /*line-height: 1.3em;*/
      top: 50%;
      position: relative;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
    }

    /*display date */
    .abonma_widget .abonma_date_display{
      position: relative;
      display: block;
      width: 100%;
      height: 3vw;
      margin-top: 1.5vw;
      margin-bottom: 0.5vw;
      background: white;
      box-sizing: border-box;
      border-bottom: 1px solid rgba(0,0,0,0.15);
    }
    .abonma_widget .abonma_date_display .display_wrap{
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      font-family: "Roboto", Arial;
      overflow: hidden;
    }
    .abonma_widget .day{
      position: relative;
      float: left;
      display: block;
      margin: 0 0.25vw;
      font-size: 2vw;
      line-height: 3vw;
      color: #f44336;
      font-weight: 500;
    }
    .abonma_widget .month{
      position: relative;
      float: left;
      display: block;
      line-height: 3vw;
      font-size: 1.1vw;
      font-weight: 600;
      letter-spacing: 0.05vw;
      margin-top: -0.26vw;
      text-transform: uppercase;
    }

    @media screen and (max-width: 660px){
      .abonma_widget{
        display: inline-block;
        width: 100%;
        font-size: 0;
      }
      .abonma_widget .abonma_title p{
        font-size: 4vw;
      }
      .abonma_widget .item_list{
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0 auto;
      }
      .abonma_widget .abonma_item{
        width: calc(50% - 1%);
        height: 35vw;
        margin-bottom: 3vw;
      }
/*      .abonma_widget .abonma_link_wrap{
          width: 48.5%;
          height: 40vw;
          margin-bottom: 2vw;
          }*/
          .abonma_widget .abonma_item:nth-child(odd){
            margin-right: 2%;
          }
          .abonma_widget .abonma_item:nth-child(even){
            margin-right: 2%;
          }
          .abonma_widget .item_list .items_title_Wrap{
            width: 100%;
            height: 8vw;
          }
          .abonma_widget .item_list .items_title_Wrap p {
            width: calc( 100% - 25px);
            font-family: "Roboto";
            font-size: 2.75vw;
            font-weight: 300;
            line-height: 2.75vw;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .abonma_widget .abonma_date_display{
            height: 5vw;
            margin-top: 3.5vw;
          }
          .abonma_widget .day{
            font-size: 4vw;
            line-height: 4vw;
          }
          .abonma_widget .month{
            font-size: 3vw;
          }


        }

        @media (min-width: 660px) and (max-width: 980px){
          .abonma_widget{
            width: 640px;
            font-size: 0;
          }
          .abonma_widget .abonma_title p{
            font-size: 2.6vw;
          }
          .abonma_widget .item_list{
            display: inline-block;
            width: calc(100%);
            /*height: 45vw; */
            /*height: 38vw;*/
            height: auto;
            margin: 0 auto;
          }
          .abonma_widget .abonma_item{
            width: 48.5%;
            height: 32vw;
            margin-bottom: 2vw;
          }
          .abonma_widget .abonma_item:nth-child(odd){
            margin-right: 3%;
          }
          .abonma_widget .abonma_item:nth-child(even){
            margin-right: 0%;
          }
          .abonma_widget .abonma_item:last-child{
            margin-bottom: 0;
          }
          .abonma_widget .item_list .items_title_Wrap{
            width: 100%;
            height: 4.5vw;
          }
          .abonma_widget .item_list .items_title_Wrap p {
            width: calc( 100% - 25px);
            font-family: "Roboto";
            font-size: 1.8vw;
            font-weight: 300;
            line-height: 1.8vw;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }

          /*ARTICLE UNDER VIDEO PLAYER*/
          .player_widget .article_content{
            width: calc(640px - 10px);
            margin: 0 auto;
          }
          .player_widget .article_content .ac{
            width: 100%;
            left: 0;
          }


          /*ABONMAJI*/
          .abonma_widget .abonma_date_display{
            height: 4vw;
            margin-top: 3.5vw;
          }
          .abonma_widget .day{
            font-size: 3vw;
            line-height: 3vw;
          }
          .abonma_widget .month{
            line-height: 2.3vw;
            font-size: 1.1vw;
          }
        }


        @media (min-width: 980px){
          body{
            /*background: #f7978b;*/
            transition: all 0.5s ease;
          }
        }

        @media screen and (min-width: 1200px){
          .abonma_widget{
            width: 1200px;
          }
          .abonma_widget .item_list{
            width: 100%;
            height: 17.5vw;
          }
          .abonma_widget .abonma_item{
            width: 23.5%;
            margin-right: 2%;
            box-sizing: border-box;
            border: none;
          }
/*    .abonma_widget .abonma_link_wrap{
      width: 23.5%;
      margin-right: 2%;
      box-sizing: border-box;
      border: none;
      }*/
      .abonma_widget .abonma_item:not(:last-child){
        border-right: none;
      }
      .abonma_widget .abonma_item:last-child{
        margin-right: 0;
      }
      .abonma_widget .item_list .items_title_Wrap{
        height: 52px;
      }

      .abonma_widget .item_list .items_title_Wrap p{
        font-size: 0.85vw !important;
      }


    }
    @media (min-width: 980px) and (max-width: 1200px){
      .abonma_widget .abonma_link_wrap:not(:last-child){
        border-right: 1px solid #fff;
      }
    }


    /*********** EVENTS SETTINGS ******************/

    #events-div-wrapper *
    {
     box-sizing: border-box;
   }
   /*********** EVENTS SETTINGS ******************/

   #events-div-wrapper *
   {
     box-sizing: border-box;
   }
   .default_video_wrapper
   {
    width: 265px;
    margin-left: 20px;
    float: left;
  }
  .default_video_wrapper label{
    position: relative;
    font-family: "Roboto", Arial;
    font-weight: 500;
  }
  .btn.upload_video
  {
    color: white;
    width: 210px;
    max-width: none;
    height: 30px;
    float: left;
    min-height: 1px;
    margin-top: 5px;
    border-radius: 0;
    background: rgb(1, 174, 240);
    box-shadow: none;
    text-shadow: none;
    outline: none;
    transition: all 0.5s ease;
  }
  .btn.upload_video:hover{
    background: #2196f3;
  }

  .default_video_wrapper #videoStatus
  {
    color: #01aef0;
    font-weight: 300;
  }
  .default_video_wrapper .presentation_video{
    position: relative;
    width: 210px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
  }
  #removeVideo
  {
    left: 4px;
    top: 3px;
  }
  #removeVideo:hover
  {
    cursor: pointer;
    color: red;

  }
  .thumb_img.events
  {
    width: 90px;
    float: left;
    height: auto;
    min-height: 70px;

  }
  .picked_group_title.event
  {
    position: relative;
    float: left;
    width: 77px;
    height: 70px;
    margin: 9px;
    margin-left: 5px;

    font-family: "Roboto", Arial;
    font-weight: 300;
    font-size: 14px;
    line-height: 18.8px;
  }
  .pickedUrl.event
  {
    height: 70px;
  }
  .glyphicon-remove.event
  {
    float: right;
    position: relative;
    right: -15px;
    top: 25px;
    margin-right: 0 !important;
  }
  .glyphicon-remove.event:hover
  {
    color: #8F0000;
  }
  .showLimit.event
  {
    position: absolute;
    display: block;
    width: calc(100% - 10px);
    top: 276px;
    right: 0;
    border-top: transparent;
    border-bottom: 3px solid #01aef0;
  }

  #searchUrls-groupedLinks.event
  {
    background: none;
    width: 100%;
  }
  .glyphicon-tint.event
  {
    padding: 10px 8px 7px 9px;
    top: -8px;
    margin-right: 0 !important;
  }

  #tagColors.event
  {
    width: 43px;
    position: absolute;
    z-index: 11;
    left: 260px;
    background: #313131;
    border: 1px solid rgba(255,255,255,0.15);
    padding: 7px 14px;
    transition: all 0.5s ease;
  }
  .event_settings_colors
  {
    height: 14px;
    width: 14px;
    margin: 1px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    /* border-radius: 50%; */
    border: 1px solid rgba(255,255,255,0.4)
  }
  .event_settings_colors:hover
  {
    cursor: pointer;
  }
  .pickedGroup-groupedLinks.events{
    padding-top: 2px !important;
  }
  .modal-backdrop.in
  {
    z-index: 1;
  }

  #tagColors .event_settings_colors:nth-child(even){
    margin-left: 7px;
  }
  #tagColors .event_settings_colors:nth-child(odd){
    margin-left: -7px;
  }

  #defaultVideoName{
    position: relative;
    width: 210px;
    height: 32px;
    font-family: "Roboto", Arial;
    padding: 5px;
    font-size: 14px;
    font-weight: 300;
    border: none;
  }

  /*ZAPIRANJE ARTIKLA V EVENTU*/
  .player_widget .close_article{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 2px;
    top: 10px;
    z-index: 10;
    cursor: pointer;

    /*
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;*/
  }
  .player_widget .close_article img{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.15);

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.5s ease;
    background: white;
  }
  .player_widget .close_article:hover > img{
    -webkit-transform: -webkit-rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #333;
    transition: all 0.5s ease;
  }

  /*************** POPOUT VIEW ******************************/
  .postContent .wrapper_video_cover
  {
    margin: 0 auto;
  }
  .postContent .video_cover
  {
    min-width: 0;
    min-height: 0;
    width:498px;

  }
  .postBody
  {
    width: 900px;
  }


  /*********** GENERAL SETTINGS FOR CHECKBOX SETTINGS / preview in TED SETTINGS ******************/
  #myModal .check_box_option{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    line-height: 50px;

  }
  #myModal .check_box_option label{
    font-family: "Roboto", Arial;
    font-size: 14px;
    font-weight: 300;
  }

  /* Base for label styling */
  #myModal .check_box_option [type="checkbox"]:not(:checked),
  #myModal .check_box_option [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
  }
  #myModal .check_box_option [type="checkbox"]:not(:checked) + label,
  #myModal .check_box_option [type="checkbox"]:checked + label {
    position: absolute;
    padding-left: 42px;
    cursor: pointer;
  }

  /* checkbox aspect */
  #myModal .check_box_option [type="checkbox"]:not(:checked) + label:before,
  #myModal .check_box_option [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    top: 16px;
    right: -24px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
  }
  /* checked mark aspect */
  #myModal .check_box_option [type="checkbox"]:not(:checked) + label:after,
  #myModal .check_box_option [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 18px;
    right: -24px;
    font-size: 18px;
    line-height: 0.8;
    color: #00BCD4;
    transition: all .2s;
  }
  /* checked mark aspect changes */
  #myModal .check_box_option [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale (0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  #myModal .check_box_option [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(1);
  }
  /* disabled checkbox */
  #myModal .check_box_option [type="checkbox"]:disabled:not(:checked) + label:before,
  #myModal .check_box_option [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
  }
  #myModal .check_box_option [type="checkbox"]:disabled:checked + label:after {
    color: #999;
  }
  #myModal .check_box_option [type="checkbox"]:disabled + label {
    color: #aaa;
  }
  /* accessibility */
  #myModal .check_box_option [type="checkbox"]:checked:focus + label:before,
  #myModal .check_box_option [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
  }
  /* hover style just for information */
  #myModal .check_box_option label:hover:before {
    border: 1px solid #4778d9!important;
  }

  /*********** GENERAL SETTINGS FOR INPUT SETTINGS / preview in TED SETTINGS ******************/
  .input_option p{
    margin: 10px 0;
  }
  .input_option label{
    position: relative;
    display: inline-block;
    left: 42px;
    font-family: "Roboto", Arial;
    font-weight: 300;
    font-size: 14px;
    color: white;
  }
  .input_option input{
    position: relative;
    left: 42px;
    margin-left: 10px;
    height: 28px;
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    border: 1px solid #aaaaaa;
    background: #f8f8f8;
    font-weight: 400;
    color: #00bcd4;
  }
  .input_option input[type=number]::-webkit-inner-spin-button,
  .input_option input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /*za pravice v settingsih widgeta(modal)*/
  #modal_edit_permissions{
    width: auto;
    height: auto;
    min-height: 40px;
    padding: 10px;
    padding-left: 10px;
    padding-right: 30px;
    background-color: rgba(150,150,150,0.95);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate (-50%, 0%);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50% , 0);
    z-index: 5;
  }
  .close_button_permissions{
    position: absolute;
    right: 10px;
    display: inline-block;
    font-weight: bold;
    font-size:15px;
    cursor: pointer;
  }
  #modal_edit_permissions.accept_request {
    padding: 2px;
    /* height: 25px; */
    background: rgb(100, 173, 226);
  }
  #modal_edit_permissions.decline_request {
    padding: 2px;
    /* height: 25px; */
    background: rgb(218, 99, 99);
  }

  /********************************** KONEC PRAVIC V SETTINGSIH WIDGETA**********************************/
  /*za pravice v settingsih strani*/

  .friends_wrap{
    background: red;
  }

  /********************************** KONEC PRAVIC V SETTINGSIH STRANI**********************************/




  #widget-settings .link_to_settings{
    font-family: "Roboto", Arial;
    font-size: 14px;
    font-weight: 400;
    padding-left: 42px;
    color: #03a9f4;
    text-decoration: none;
  }
  #widget-settings .link_to_settings:hover{
    color: #009ae5;
    text-decoration: none;
  }


  /******************** SHRANJEVANJE POSNETKA  ********************/
  .phototitlearea{
    box-sizing: border-box;
  }




  /************************** PLAYER WIDGET **********************/

  /***** PLAYER WIDGET SETTINGS*****/
  .video_thumb.player
  {
    height: 100%;
    width: 100%;
  }

  /************************** PAGE TITLE "WIDGET" **********************/

  .page_title_widget{
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    border-top: 4px solid #b70000;
    margin-bottom: 3vw;
  }
  .page_title_widget p{
    position: relative;
    display: inline-block;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    font-family: "Roboto", Arial;
    letter-spacing: 0.9px;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    padding: 5px 25px;
    background: #b70000;
    color: white;
  }
  .page_title_widget.absolute_title_style{
    position: absolute;
    top: 0;
  }

  /************************** PW DEFAULT COLORS FOR SECTIONS **************************/

  .pw_color_section{
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pw_video_section{
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    padding-top: 40px;
  }


/*COLOR SELECTION*/
  .pw_color_section.pw_cs_white, .pw_video_section.pw_cs_white{    background: white;    }
  .pw_color_section.pw_cs_silver, .pw_video_section.pw_cs_silver{   background: #fafafa;  }
  .pw_color_section.pw_cs_gray, .pw_video_section.pw_cs_gray{     background: #f9f9f9;  }
  .pw_color_section.pw_cs_smoke, .pw_video_section.pw_cs_smoke{     background: #eee;  }
  .pw_color_section.pw_cs_dime_gray, .pw_video_section.pw_cs_dime_gray{     background: #828282;  }
  .pw_color_section.pw_cs_dark_gray, .pw_video_section.pw_cs_dark_gray{     background: #292727;  }

  .pw_color_section.no_padding{
    padding-top: 0;
    padding-bottom: 0;
  }
  .has_black_bg{
    background: black;
    padding: 50px 0; /*Jan je reko*/
  }

  /************************** PW DEFAULT **************************/

  .pw_float_left{
    float: left;
  }
  .pw_float_right{
    float: right;
  }
  .pw_float_clear{
    clear: both;
  }

  /************************** TOPBAR FREEPORTALI **************************/
  .topbar_freeportali #loginBtnKG{
    margin-top: -3px;
    padding: 4px 28px;
    font-family: "Roboto", Arial;
    font-weight: 300;
    font-size: 15px;
    background: transparent;
    color: #afafaf !important;
    outline: none;
    border: 1px solid rgba(0,0,0,0.15);
    transition: all 0.5s ease;
  }
  .topbar_freeportali .loginButton {
      border-radius: 3px;
      transition: all 0.5s ease;
  }
  .topbar_freeportali #loginBtnKG:hover{
    background: #262626;
    color: #afafaf;
  }

  /************************** DEFAULT TOP BAR FAKE OFFSET SO THE CONTENT DOESN'T GET HIDDEN BY FIXED TOPBAR POSITION **************************/
  .top_bar_offset{
    transition: all 0.05s ease-out;
  }

  #widget-settings .settings_note{
    position: relative;
    /*float: left;*/
    display: inline-block;
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(255,255,255,0.15);
    margin-top: 10px;
  }
  #widget-settings .settings_note p{
    padding: 10px 0;
    margin-bottom: 0;

    text-align: center;
    font-family: "Roboto", Arial;
    font-size: 14px;
    font-weight: 300;
    color: #888888;
  }
  #widget-settings .settings_note span.bold{
    font-weight: 600;
  }

  /************************** ULTIMATE SETTINGS ***********************************/

  .ultimate_settings{
    position: fixed;
    height: 100%;
    width: 0;
    top: 0;
    display: block;
    background: white;
    overflow: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    z-index: 1010;
  }
  .ultimate_settings.expanded{
    width: 100%;
    transition: all 0.5s ease;
  }

  /* BURGER CLOSE BUTTON */
  .btn_close_full_screen{
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 100000;
  }
  .btn_close_full_screen img{
    position: absolute;
    width: 32px;
    height: 32px;
  }
  /************************** ULTIMATE WIDGET***********************************/


  div.ultimate_border_top{
    border-top: 1px solid rgba(255,255,255,0.24) !important;
  }
  div.ultimate_border_bottom{
    border-bottom: 1px solid rgba(255,255,255,0.24) !important;
  }
  div.ultimate_border_left{
    border-left: 1px solid rgba(255,255,255,0.24) !important;
  }
  div.ultimate_border_right{
    border-right: 1px solid rgba(255,255,255,0.24) !important;
  }


  /**************************TIMELINE***********************************/

  .timeline_background_wrapper .widget_prijatelji{
    position: relative;
    width: calc(100% - 10px);
    min-height: 72px !important;
    margin-left: 10px;
    margin-top: 5px !important;
    background: #FCF5E8;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
  .timeline_background_wrapper .widget_prijatelji .widget_content{
    width: 270px !important;
    max-height: 290px;
    margin-top: 0  !important;
    margin-bottom: 0  !important;
  }
  .timeline_background_wrapper .widget_content .profile_picture{
    width: 62.5px !important;
    height: 62.5px !important;
  }
  .timeline_background_wrapper #friendButtons{
    margin-bottom: 15px;
  }
  .timeline_background_wrapper .widget_title{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
  }
  .timeline_background_wrapper .widget_title p{
    font-size: 15px;
    font-weight: bold;
    padding: 10px 5px;
  }
  .timeline_background_wrapper .widget_content img{
    position: relative;
    width: calc(100%/5 - 5.25px);
    height: auto;
    margin-right: 5.25px;
  }

  .timeline_background_wrapper .widget_prijatelji .widget_content{
    max-height: calc(8*62.5px + 9*5px) !important;
  }
  .timeline_background_wrapper .newsWrap-news_wall{
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
  }

  /*GALLERY GALERIJA*/
  .timeline_background_wrapper .widget_leva_galerija{
    padding: 0 !important
  }
  .timeline_background_wrapper .widget_leva_galerija .widget_content{
    width: 270px !important;
    height: 270px !important;
  }
  .timeline_background_wrapper div[data-widget*="publishwall_lastposts"]{
    width: 280px !important;
    float: right;
    right: 0;
  }
  .timeline_background_wrapper .lastposts_placeholder_wrapper{
    /*float: right !important;*/
    left: 0 !important;
    right: 0 !important;
    width: 280px !important;
    height: 588px !important;
    max-height: 588px !important;
    margin-left: 10px;
  }
  .timeline_background_wrapper .publishwall_lastposts_freeportali{
    height: 100% !important;

  }
  .timeline_background_wrapper .publishwall_lastposts_freeportali .widget_content{
    margin-top: 2px;
  }

  /*NAJBOLJ OBISKANO*/
  .timeline_background .widget_najbolj_obiskano{
    max-height: 819px;
  }

  .timeline_background_wrapper .newsWallHeader {
    line-height: 50px;
    margin: 0px;
    color: #696969;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 24px;
    padding-bottom: 10px;
    background: -moz-linear-gradient(top, rgba(62,154,90,1) 0%, rgba(255,255,255,0.94) 30%, rgba(255,255,255,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(62,154,90,1) 0%,rgba(255,255,255,0.94) 30%,rgba(255,255,255,0.8) 100%);
    background: linear-gradient(to bottom, rgba(62,154,90,1) 0%,rgb(62, 154, 90) 70%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9a5a', endColorstr='#ccffffff',GradientType=0 );
    background: transparent;
  }


  .timeline_background_wrapper{
    width: 100%;
    background-color: #e8e8e8;
    overflow: hidden;
  }
  .timeline_background_wrapper .lastPostsHeader{
    height:auto;
  }
  .timeline_background_wrapper .categorieNameSide-categories{
    color:rgb(200,200,200);
  }

  .timeline_background_wrapper .categorieNameSide-categories:hover{
    background-color: rgb(200,200,200);
    color: white;
  }
  .timeline_background_wrapper .likeShareComment{
    border-top:1px dotted silver;
  }
  .timeline_background_wrapper .categoriesFriendlyName{
    color:#696969;
    margin-bottom: 0px !important;
  }
  .timeline_background_wrapper .title-news_wall{
    background-color: rgba(200,200,200,0.7);
    font-size: 20px;
  }
  .timeline_background_wrapper .likeIcon{
    margin-right: 3px;
    height: 13px!important;
  }
  .timeline_background_wrapper .sharePost{
    color:#999999;
  }
  .timeline_background_wrapper .name-news_wall{
    color:rgb(100,100,100);
    font-size: 14px;
    font-weight: bold;
  }
  .timeline_background_wrapper .clicked{
    height:13px;
  }
  .timeline_background_wrapper #show-categories{
    z-index: 80;
    margin-top:5px;
  }
  /*Zadnji komentarji*/

  .timeline_background .widget_zadnji_komentarji{
    width: 280px;
    min-height: 105px;
    /*max-height: 269px;*/
    /*background: rgb(26,26,26);*/
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    /*border-bottom: 2px solid #c4c4c4;*/
    overflow: hidden;
    margin-left:10px;
    margin-top:5px;
  }
  .timeline_background .widget_zadnji_komentarji .widget_title{
    width: 240px;
    height: 30px;
    margin: 5px auto;
    background: #fff;
    border-bottom: 1px solid rgba(1,1,1,0.1);
    display:none;
  }
  .timeline_background .widget_zadnji_komentarji .widget_title p{
    margin-left: 14px;
    line-height: 28px;
    vertical-align: middle;
    font-family: "Raleway-Medium", Arial;
    font-size: 16px;
    color: #7F7A7A;
  }
  .timeline_background .widget_zadnji_komentarji .widget_content{
    width: 270px;
    /*max-height: 228px;*/
    /*margin: 17px 5px 0px 5px;*/
    margin: 0px 5px 0px 5px;
  }


  .timeline_background .widget_zadnji_komentarji .comment_wrapper{
    position: relative;
    width: 100%;
    /*height: auto;*/
    max-height: 100px;
    overflow: hidden;
    line-height: 1px;
    border-bottom: 1px solid rgba(1,1,1,0.05);
    padding: 5px 0 5px 0;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper:hover{
    background: rgba(77, 99, 179, 0.15);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper:last-child{
    border-bottom: none;
    padding: 5px 0 0px 0;
    margin-bottom: 5px;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper a{
    text-decoration: none;
    font-size: 15px;
    text-shadow: 1px 1px 5px rgba(1,1,1,0.15);
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper a:first-child{
    text-transform: capitalize;
    font-family: "raleway-medium", Arial;
    font-weight: 500;
    font-size: 13px;
    display: inline;
    text-decoration: underline;
    color: #00A0C6;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper a:first-child:visited{
    color: #00A0C6;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper a:first-child:hover{
    letter-spacing: 0.1px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper a:last-child{
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1px;
    color: #333;
    display: inline;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper a:last-child:hover{
    color: rgba(1,1,1,0.750);
    text-decoration: underline;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper a:last-child::first-letter{
    text-transform: capitalize;
  }
  .timeline_background .widget_zadnji_komentarji .comment_wrapper p{
    display: inline;
    font-family: "Arial";
    font-weight: 300;
    font-size: 11px;
    line-height: 14px;
    color: #999;
  }


  /*Galerija*/

  /*          USERPAGE - WIDGET FRIENDS / PRIJATELJI            */
  .timeline_background .widget_prijatelji{
    width: 280px;
    min-height: 98px;
    /*background: #1a1a1a;*/
    background: #fff;
    font-family: "lato", Arial;
    /*border-bottom: 2px solid #c4c4c4;*/
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    overflow: hidden;
    margin-left:10px;
    margin-top:5px;
  }
  .timeline_background .widget_prijatelji .widget_title{
    width: 240px;
    height: 26px;
    margin: 5px 5px 0px 5px;
    /*background: #333;*/
    background: #fff;
    display:none;
  }
  .timeline_background .widget_prijatelji .widget_title p{
    margin-left: 14px;
    line-height: 28px;
    vertical-align: middle;
    font-family: "Raleway-Medium", Arial;
    font-size: 16px;
    color: #7F7A7A;
  }
  .timeline_background .widget_prijatelji .widget_content{
    position: relative;
    width: 241px;
    max-height: 244px;
    margin: 0px auto;
    margin-top: 17px;
    margin-bottom: 17px;
  }
  .timeline_background .widget_prijatelji .widget_content > a:nth-child(4n+4) img{
    margin-right: 0;
  }

  .timeline_background .widget_content .profile_picture{
    width: 56.25px;
    height: 56.25px;
    margin-top: 5px;
    border-style: inset;
    /*border: 1px solid #ddd;*/
    border: 1px solid rgba(1,1,1, 0.2);
    opacity: 0.90;
  }
  .timeline_background .widget_content .profile_picture:hover{ opacity: 1; }
  .timeline_background .ma-r5{
    margin-right: 5px;
  }

  .timeline_background .userpage_widgets{
    color: white;
    /*margin-bottom: 5px;*/
    font-size: 16px;
    background-color: rgb(200, 200, 200);
    color:rgb(100,100,100);
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    width:280px;
    margin-left:10px;
    margin-top:20px;
  }
  .timeline_background .widget_najbolj_obiskano .widget_title{
    display:none;
  }
  .timeline_background .widget_najbolj_obiskano{
    width: 280px !important;
    padding-top: 5px;
    margin-top: 5px;
    margin-left:10px;
  }
  .timeline_background .widget_leva_galerija{
    padding-top:20px;
  }
  .timeline_background .widget_najbolj_obiskano .shape-A{
    width: 270px !important;
    height: 135px !important;
  }
  .timeline_background .groupName-groupedLinksImages ,.timeline_background .categoriesFriendlyName{
    background-color: rgb(200,200,200);
  }
  .timeline_background .groupName-groupedLinksImages{
    color:rgb(100,100,100);
  }
  .timeline_background .urlName-groupedLinksImages{
    color:rgb(100,100,100);
  }

  .timeline_background .lastposts_placeholder_wrapper{
    width:350px;
    float:left;
  }
  .timeline_background{
    width: 960px;
    height: auto;
    display: inline-block;
    padding-top: 20px;
    background: rgb(240, 240, 240);
  }
  .timeline_background_wrapper .col-md-3{
    width:300px;
    padding: 0;
  }
  .timeline_background_wrapper .col-md-9{
    width: 660px;
    padding: 0px;
  }
  .timeline_background .newsWrap-news_wall{
    width:310px;
  }
  .timeline_background .newsImageWrap-news_wall, .title-news_wall{
    width:100%;
  }
  .timeline_background .profile-news_wall{
    width: 310px;
  }
  /*margin social widgeta fb */
  .timeline_background .fb{
    margin: 0 10px;
  }
  .timeline_background div[data-widget*="last_3_posts"] .post_holder, .social_plugins .inner {
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
  }
  .timeline_background div[data-widget*="ted_widget"] .post_ted_basic{
    box-shadow: 4px 4px 1px -2px rgba(0,0,0,.1);
  }
  .timeline_background div[data-widget*="publishwall_lastposts"]{
    width: 280px !important;
    float: right;
    right: 0;
  }
  .timeline_background_wrapper .widget_content a{
    margin: 0;
  }
  .timeline_background_wrapper .timeline_content{
    width: auto;
    left: 50%;
    -webkit-transform: translate (-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  /*twitter social width*/
  .timeline_background_wrapper .twitterWrap{
    width: 280px;
  }
  .timeline_background_wrapper .facebookWrap{
    margin-left: 0!important;
  }
  .timeline_background_wrapper #twitter-widget-1, .timeline_background_wrapper ._2p3a, .timeline_background_wrapper .fb_iframe_widget iframe, .timeline_background_wrapper .fb_iframe_widget span,.timeline_background_wrapper .fb_iframe_widget{
    width: 280px!important;
  }
  .timeline_background_wrapper .hoover-categories{
    background-color: rgb(200, 200, 200)!important;
    color: white!important;
  }
  .timeline_background_wrapper .newsWallColorRow{
    margin: 0;
    padding: 0;
  }
  .timeline_background_wrapper .widget_najbolj_obiskano{
    overflow: hidden;
  }


/* footer info widget */

/* settings */
.settings-row-3{
  float: left;
  width: 58%;
  padding: 10px 0 0 20px;
  border-left: 1px solid gray;
  height: 400px;
  padding: 0 30px;
}
.banner-image-wrapper
{
  width: 90%;
  margin: 0 auto;
}
#footerImagePreview
{
  width: 70px;
  height: 70px;
}
.footer-info-list
{
    /*overflow: hidden;*/
    margin-left: 10px;
    float: left;
    /*height: 225px;*/
}
.pickedGroups_wrapper
{
  position: relative;
  display: inline-block;
  float: left;
  width: 260px;
  height: 39px;
}
.pickedGroup-aboutUs.footer
{
  margin-left: 0 !important;
}
/* end settings */

/* end footer info */


/*SUBPAGES*/
.text_wrapper ul {
    padding-left: 40px;
}




/*DEFAULT NO SELECT, NO DRAG NO GHOSTING */
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.nodrag{
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

 /*sej sm te reko - Mik*/
.no_margin_bot_ultimate .widget_structure_holder
{
  margin: 60px auto 0 auto;
}

/* footer social widgets */
.footer-links-left{
  width: 350px;
  float: left;
  background: rgba(40,40,40,0.95);
  color: white;
  height: 450px;
  padding-left: 30px;
  padding-right: 272px;
  border-right: 1px solid rgba(255,255,255,0.15);
}


#footer-links-right{
  width: 550px;
  float: left;
  color:white;
  height: 450px;
}

#footer-links-right .footer-right-inner{
  background-color: rgba(40,40,40,0.95);
  width: 100%;
  float: left;
  height: 100%;
  border-left: 1px solid rgba(255,255,255,0.15);
  border-right: 1px solid rgba(255,255,255,0.15);
  padding-left: 34px;
  overflow: auto;
}
#footer_social_addImg
{
  position: relative; 
  height: 70px; 
  width: 70px; 
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.red_border
{
  border: 1px solid red;
}
#pickedLinks .small_logo{
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  /*margin-right: 5px;*/
}

#pickedLinks .pickedLinks-groupedLinks{
    position: relative;
    display: inline-block;
    width: 260px;
    overflow: hidden;
    margin-bottom: 2px;
    margin-left: 10px;
    padding-left: 10px;
    background-color: rgb(82,83,85);
    height: 40px;
    padding-top: 5px;
    font-size: 13px;
    font-family: "Roboto", Arial;
    font-weight: 400;
}
#pickedLinks .pickedLinks-groupedLinks .removeButton-groupedLinks
{
 /* margin-right: 5px;
  margin-top: 7px;*/
    position: absolute;
    right: 0;
    top: 0;
    margin: 3px;
}
#pickedLinks .link_text{
/*  overflow: hidden;
  max-width: 250px;*/
    position: absolute;
    display: block;
    left: 50px;
    top: 12px;
    max-width: 200px;
    overflow: hidden;
}

#pickedLinks .link_text.overflow_hidden{
  max-height: 20px;
}

#pickedLinks .pickedUsers
{
  position: relative;
  display: inline-block;
  width: 260px;
  overflow: hidden;
  background: #525355;
  height: 30px;
  font-size: 13px;
  font-family: "Roboto", Arial;
  font-weight: 400;
  cursor: pointer;
}
#pickedLinks .pickedUsers:hover{
  background: #666667 !important;
}
.pickedUsers .link_text_users
{
  position: absolute;
  display: block;
  left: 20px;
  top: 7px;
  max-width: 200px;
  overflow: hidden;
}
#sign_list_user_info
{
    position: absolute;
    width: 290px;
    height: 150px;
    bottom: 0;
    max-height: 150px;
    overflow-y: auto;
}
#sign_list_user_info .user_heading{
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 5px;
  font-weight: 600;
  text-transform: uppercase;
}
#sign_list_user_info .user_info
{
  position: relative;
  width: 100%;
  bottom: 0;
  padding: 10px;
  background: rgba(255,255,255,0.1);
}
#sign_list_user_info .user_info div{
  font-size: 14px;
  font-weight: 300;
  color: rgba(255,255,255,0.7);
}
#sign_list_user_info .user_settings
{
  position: absolute;
  right: 0;
  top: 0;
}
#sign_list_user_info .user_settings img{
    width: 20px;
    height: 20px;
    margin: 5px 8px;
}

/******* grouped links timeline **************/
  .modal-body.groups_timeline
  {
    display: flex !important;
  }
  #settings_groups_timeline {
    width: 598px;
    float: left;
    color: white;
    height: 450px;
    background-color: rgba(40,40,40,0.95);
  }
 #settings_groups_timeline #btnSaveGroup{
    border-radius: 0 !important;
    background-color: rgb(82,83,87) !important;
    height: 26px;
    padding: 3px 12px;
    margin-top: 10px;
    margin-left: 10px;
 }
 #settings_groups_timeline #btnEditGrp{
    border-radius: 0 !important;
    background-color: rgb(82,83,87) !important;
    height: 26px;
    padding: 3px 12px;
    margin-top: 10px;
 }

/*
SLIDE TO TOP BUTTON example
<div id="top_of_page">
    <span class="fa fa-angle-up"></span>
</div>
*/

#top_of_page{
    position: fixed;
    display: inline-flex;
    width: 32px;
    height: 32px;

    bottom: 5px;
    right: 5px;

    color: white;

    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: white;

    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.12);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.12);
    z-index: 1000;
}

#top_of_page span{
    font-size: 28px;
    color: rgba(0,0,0,0.67);
}

/*
############################################################################################################
############################################################################################################
############################################################################################################
################################                                            ################################
################################    SOME DEFAULT SHIT ALWAYS ON BOTTOM!!!   ################################
################################                                            ################################
############################################################################################################
############################################################################################################
############################################################################################################
*/
img.jq_vertical_image{
  position: absolute;
  width: 100%;
  height: auto;

  top: 0%;
  left: 0;
  -webkit-transform: translate (0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0, 0%);
}
img.jq_horizontal_image{
  position: absolute;
  width: auto;
  height: 100%;

  top: 0%;
  left: 50%;
  -webkit-transform: translate (-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.pw_default_top_offset{
  position: relative;
  display: block;
  width: 100%;
  height: 80px;
}







/*COMMON CSS FOR PW*/
.pw-row{
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

*[data-section-widget]{
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
}



.pw_input{
    position: relative;
    display: inline-flex;
    min-width: 150px;
    height: 32px;
    padding: 5px;

    font-size: 13px;
    color: rgba(0,0,0,0.78);

    border: 1px solid rgba(0,0,0,0.24);
    border-radius: 3px;
    background: rgba(255,255,255,0.96);
    margin: 0 2.5px;
    /*outline: none;*/

    font-family: "Roboto", sans-serif;
    font-weight: 400;
    outline: #01aef0;
}

.pw_input.small{
    height: 26px;
    padding: 3px;
}

.w-100{
    width: 100%;
}
.d-inline-flex{
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
}
.align-center{
  align-items: center;
}



.ratio-1-1,
.ratio-1-2,
.ratio-16-9,
.ratio-3-4,
.ratio-4-3,
.ratio-16-10,
.ratio-1-1,
.ratio-2-1,
.ratio-3-1,
.ratio-100-27,
.ratio-5-1{
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
}
.ratio-1-2:before{
  display: inline-block;
  content: "";
  padding-bottom: 200%;
}
.ratio-3-4:before{
  display: inline-block;
  content: "";
  padding-bottom: 133.333333333%;
}
.ratio-1-1:before{
  display: inline-block;
  content: "";
  padding-bottom: 100%;
}
.ratio-16-9:before{
  display: inline-block;
  content: "";
  padding-bottom: 56.25%;
}
.ratio-4-3:before{
  display: inline-block;
  content: "";
  padding-bottom: 75%;
}
.ratio-16-10:before{
  display: inline-block;
  content: "";
  padding-bottom: 62.5%;
}
.ratio-2-1:before{
  display: inline-block;
  content: "";
  padding-bottom: 50%;
}
.ratio-3-1:before{
  display: inline-block;
  content: "";
  padding-bottom: 33.33333%;
}
.ratio-100-27:before{
  display: inline-block;
  content: "";
  padding-bottom: 27%;
}
.ratio-5-1:before{
  display: inline-block;
  content: "";
  padding-bottom: 20%;
}
.inner.image-cover{
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.inner.image-cover-top{
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.inner.image-contain{
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.border-bottom{
  border-bottom: 1px solid rgba(0,0,0,0.12);
}
.mb-5{
  margin-bottom: 3rem;
}
.mb-6{
  margin-bottom: 4rem;
}
.mb-7{
  margin-bottom: 5rem;
}


.section-userpage-comment .comment p[id*="commentcontent"]{
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.section-userpage-comment .comment p[id*="commentcontent"] .new_comment_input {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 50px;

  margin-bottom: 0.5rem;
  padding: 0.5rem;
  font-family: "Roboto", sans-seirf;
}
.section-userpage-comment .comment p[id*="commentcontent"] .btn {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  float: left;

  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  padding: 0.65rem 1rem;
  color: rgba(255,255,255,0.87);
  margin-right: 0.5rem;
}
.section-userpage-comment .comment p[id*="commentcontent"] .btn.blue-btn {
  background-color: #2196F3;
}
.section-userpage-comment .comment p[id*="commentcontent"] .btn.white-btn {
  background-color: #ddd;
  color: #777;
}


.edit_window .btn_small{
  position: relative;
  display: inline-block;
  float: left;
  width: auto;
  height: auto;

  padding: 0.65rem 1rem;

  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  color: black;
  margin: 0.5rem 0.5rem 0 0;
  border-radius: 0.25rem;
  cursor: pointer;
}
.edit_window .btn_small.blue{
  background-color: #2196f3;
  color: rgba(255,255,255,0.87);
}
.edit_window .btn_small.gray{
  background-color: #ccc;
  color: rgba(255,255,255,0.87);
}