.tiles {
  align-items: stretch;
  -webkit-align-items: stretch;
  width: 100%;
  display: flex;
}
.tiles :after {
  clear: none !important;
}
.tiles[data-view="1"] {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

}
.tiles[data-view="2"] {
  flex-direction: column;
}
.tiles[data-view="2"] .tile {
  width: 100% !important;
}
.tiles[data-view="2"] .tile .card {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  flex-direction: row;
}
.tiles[data-view="2"] .tile .card .card_top {
  height: 36px;
  width: 36px;
}
.tiles[data-view="2"] .tile .card .card_title {
  min-height: unset;
}
.tiles .ui-dropzone-wrapper.ui-dropzone-wrapper{
  width: unset;
}
.tile .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
}
.tile .card[data-shadow="2"] {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.tile .card .card_top {
  cursor: pointer;
  height: 220px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.tile .card .card_top:not([href]) {
  cursor: default;
}
.tile .card .card_top .tile_image_container {
  left: 0;
  position: absolute;
  right: 0;
}
.tile .card .card_top .tile_image_container .tile_image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
}
.tile .card .card_top .tile_object_icon > img {
  height: 32px;
  position: absolute;
}
.tile .card .card_top .tile_object_icon[data-object_icon_position="5"] > img {
  left: 2px;
  top: 2px;
}
.tile .card .card_top .tile_object_icon[data-object_icon_position="6"] > img {
  bottom: 2px;
  left: 2px;
}
.tile .card .card_top .tile_object_icon[data-object_icon_position="7"] > img {
  right: 2px;
  top: 2px;
}
.tile .card .card_top .tile_object_icon[data-object_icon_position="8"] > img {
  bottom: 2px;
  right: 2px;
}

.tile .card .card_bottom {
  /*display: flex;
  flex-direction: row;*/
  flex-grow: 1;
  position: relative;
  width: 100%;
  /* height: 150px; */
 /* padding: 10px;*/
}
.tile .card .card_bottom .card_title {
  color: inherit;
  cursor: pointer;
  color:rgb(1,74,148);
  line-height: 1.2em;
  min-height: 50px;
  overflow: hidden;
  padding: 4px;
  text-decoration: none;
  text-overflow: ellipsis;
  word-break: break-word;
  font-weight: bold;
}
.tile .card .card_bottom a.card_title:hover,.tile .card .card_bottom a.card_title:focus {
  color: rgb(232,99,11);
}
.tile .card .card_bottom .card_title:not([href]) {
  cursor: default;
}
.tile .card .card_bottom .card_icons {
  display: flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-o-flex;
  display:-ms-flex;

  flex-direction: row;
  flex-wrap: nowrap;
  padding: 4px;
  justify-content: space-between;
  
}
.tile .card .card_bottom .card_icons > a,
.tile .card .card_bottom .card_icons img,
.tile .card .card_bottom .card_icons svg {
  color: inherit;
  font-size: 16px;
  height: 30px;
  margin-right: 10px;
  position: relative;
  width: 28px;
}
.tile .card .card_bottom .card_icons > a:hover {
  opacity: 0.7;
}
.tile .card .card_bottom .card_icons .btn-group {
  display: block;
}
.tile .card .card_bottom .card_icons .btn-group ~ .dropdown {
  margin-left: 2px;
}
.tile .card .card_bottom .card_icons .btn-group ~ .dropdown .alert {
  margin: 0 !important;
  padding: 0 !important;
}
.tile .card .card_bottom .card_icons .likes_count {
  /* position: absolute;
  
  top: 6px; */
  left: 3.4em;
}
.tile .card .card_bottom .card_icons .views_count {
  position: absolute;
  /*right: 0;*/
  top: 3px;
}
.tile .card .card_bottom[data-actions_position="3"] .card_title {
  order: 2;
}
.tile .card .card_bottom[data-actions_position="3"] .card_icons {
  flex-direction: row-reverse;
  order: 1;
}
.tile .card .card_bottom[data-actions_position="3"] .card_icons > a,
.tile .card .card_bottom[data-actions_position="3"] .card_icons img,
.tile .card .card_bottom[data-actions_position="3"] .card_icons svg {
  margin-left: 4px;
  margin-right: 0;
}
.tile .card .card_bottom[data-actions_position="3"] .card_icons .dropdown-menu.pull-right {
  left: 0;
  right: unset;
}
.tile .card[data-image_position="2"] .card_top {
  order: 2;
}
.tile .card[data-image_position="2"] .card_bottom {
  order: 1;
}
.tile .card[data-image_show_as_background="2"].card {
  min-height: 280px;
}
.tile .card[data-image_show_as_background="2"] .card_top {
  height: 100%;
  left: 0;
  margin: 0 !important;
  position: absolute;
  top: 0;
}
.tile .card[data-image_show_as_background="2"] .card_bottom {
  flex-grow: 0;
  min-height: 54px;
}
.tile .card[data-image_show_as_background="2"][data-image_position="1"] .card_bottom {
  bottom: 0;
  position: absolute;
}
.tile .card [data-horizontal_align="1"] {
  justify-content: flex-start;
}
.tile .card [data-horizontal_align="2"] {
  justify-content: center;
  text-align: center;
}
.tile .card [data-horizontal_align="3"] {
  justify-content: flex-end;
}
.tile .card [data-vertical_align="1"] {
  align-items: flex-start;
  align-self: flex-start;
}
.tile .card [data-vertical_align="2"] {
  align-items: center;
  align-self: center;
}
.tile .card [data-vertical_align="3"] {
  align-items: flex-end;
  align-self: flex-end;
}
.tile .badge {
  color: rgb(232,99,11);
  background-color: transparent;
 /* border: 1px solid currentColor;*/
}
.tile .btn-default {
  border: none !important;
}
#block_pditems_0 div.il_Block div.ilBlockHeader {
  display: none !important;
}
.lp_legend {
  margin-top: 20px;
}
.il-popover .il-popover-inner {
  overflow: auto !important;
}
.il-popover .btn-group:not(.open) .dropdown-menu {
  display: none !important;
}
.il-popover .tiles {
  flex-direction: column !important;
  margin: 0 !important;
}
.il-popover .tiles .tile {
  width: 250px !important;
}

/*
author: jephte.abijuru@minervis.com
*/
.ls_counter{
  position: absolute;
  margin-top: 3px;
  color: rgb(1,74,148);
  font-weight: bold;
}
a .ls_counter:hover, a .ls_counter:focus{
  color: rgb(232,99,11);
}

.devices{     
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 15px;
}

div .card_title{
  display:block;
  text-align:center;
}

.card_icons .il-counter-novelty{
  margin-top: 0;
}

.card_icons{
  padding:0 35px 0 20px !important;
  margin-bottom: 15px;
}

.card_icons .badge{
color: rgb(232,99,11) !important;
font-size:10px;
}
.badge{
background-color:none !important;
}

.tile_icon_views{
  cursor: default;
}

.right_ratings a{
  color: black;
}

#ilLSTopNav .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}


#ilLSMainMenuEntries .navbar-default .navbar-nav > li > a,
#ilLSTopNav .navbar-nav > li > a,
#ilLSMainMenuEntries .btn.btn-default{
  background-color: transparent !important;
  color: rgb(1,74,148); 
  border-color: transparent !important;
  font-weight: 500;
}
#ilLSTopNav .navbar-nav > li > a:hover, #ilLSTopNav .navbar-nav > li > a:focus{
  color: rgb(232,99,11);
}
#ilLSMainMenuEntries .btn.btn-default{
  background-color: transparent !important;
  border-color: transparent !important;
}

#ilLSTopNav .btn{
  font-size: inherit;
}

div#mainspacekeeper.container-fluid.ilContainerWidth.ilFixedTopSpacer{
  padding-top: 50px !important;
}
#LSHeaderImage>img{
  width: 100%;
}


.ilLSHeader,#ilLSTopNav{
   background-color: transparent; 
}
#ilLSTopNav.navbar.navbar-default{
  border: 0;
  margin-bottom:0
}
.ls_link{
  margin-top: 3px;
}

#ilLSMainMenuEntries li.dropdown{
  margin-left: 60px;
}
#ilLSMainMenuEntries button.btn.btn-default.dropdown-toggle{
  margin-top: 10px;
}

.header_image{
  height: 100%;
}
.header_image_container{
  float: left;
  padding-bottom: 5px;
  padding-top: 9px;
  height: 100px;
}

.header_image.bag{
  margin-right: 20px;
}
.header_image_container.horizontal-space{
  width: 40px;
  height: 1px;
}

.header_image_container.horizontal-space.before-bag {
	padding-left: 100px;
}

.header_image_container.horizontal-space.before-go {
	padding-left: 200px;
}


.right_header{
  float: right;
}

#ilLSMainMenuEntries .btn-default:active:hover, #ilLSMainMenuEntries .btn-default.active:hover, 
#ilLSMainMenuEntries .open > .dropdown-toggle.btn-default:hover, 
#ilLSMainMenuEntries .btn-default:active:focus, 
#ilLSMainMenuEntries .btn-default.active:focus, 
#ilLSMainMenuEntries .open > .dropdown-toggle.btn-default:focus, 
#ilLSMainMenuEntries .btn-default:active.focus, 
#ilLSMainMenuEntries .btn-default.active.focus, 
#ilLSMainMenuEntries .open > .dropdown-toggle.btn-default.focus {
  font-weight: 700;
}

.togo-hidden{
  display: none;
}
/*Hide the breadcrumbs as before in ILIAS54 but not using JS*/
.breadcrumb,
.media.il_HeaderInner.ilFileDropTarget,
.media.il_HeaderInner{
  display: none !important;
}

div#mainspacekeeper.container-fluid.ilContainerWidth.ilFixedTopSpacer.mainspacekeeper_padding{
  padding-top: 3px !important;
}
@media only screen and (min-width:768px) and (max-width:1023px){
  #ilLSMainMenuEntries li.dropdown{
    margin-left: 20px;
  }

  .right_header{
    float: right;
  }

  .header_image_container.horizontal-space.before-go{
    width: 40px;
    height: 1px;
  }
  .header_image_container.horizontal-space.before-bag {
    padding-left: unset;
  }
  
  .header_image_container.horizontal-space.before-go {
    padding-left: unset;
  }
  .header_image{
    height: 70%;
  }

}
@media only screen and (max-width:767px){

  #ilLSTopNav .navbar-toggle {
    float: left;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
  }
  #ilLSMainMenuEntries li.dropdown {
    margin-left: 0;
  }

   /* .header_image{
    height: 45px;

  } */
  .header_image_container.logo .header_image{
    height: 41px;

  }
  .header_image_container.togo .header_image{
    height: 49px;

  }
  .right_header{
    float: right;
    margin-right: 8px;
  }
  .header_image_container{
    height: 40px;
  }
  .logo{
    height: 50px;
  }
  .ls_counter{
    position: absolute !important;
  }
  .header_image_container.horizontal-space.before-go{
    width: 5px;
    height: 1px;
    padding-left: 20px;
  }
  .header_image_container.horizontal-space{
    width: 5px;
    height: 1px;
  }
  .header_image_container.horizontal-space.before-bag {
    padding-left: 5px;
  }
  .header_image_container.logo {
    height: 60px;
  }


  .tiles{
    padding-left:15px;
  }

  #ilLSTopNav button.btn.btn-default.dropdown-toggle{
    padding-left: 10px;
  }
  #ilLSTopNav .navbar-nav >li button{
    padding-left: 0;
  }
  #ilLSTopNav.navbar.navbar-default.navbar-header{
     background-color: white;
  }
  .navbar-nav{
    position: relative;
    float: left;
  }
  #ilLSTopNav .navbar-header{
    background-color: transparent;
  }

  #ilLsTopNav .dropdown-menu{
    background-color:#F9F9F9;
    margin-left: 5px;
  }
  #ilLSTopNav .btn.btn-default{
    background-color: white !important;
    border:0;
  }

  #ilLSMainMenuEntries{
    position:absolute;
    right: 0;
    z-index: 120;
    width: 100%;
    background-color: white !important;
    box-shadow: 3px 9px 9px 0 rgba(0, 0, 0, 0.3);
  }

}
#imgtree{
  display: none;
}

/*BGN Style issues*/
.customHeaderContainer{
  position: relative !important;
  top: 11px !important;
}

.device.laptop{
  background-image: url('../templates/images/devices/laptop.svg');
}
.device.mobile{
  background-image: url('../templates/images/devices/smartphone.svg');
}
.device.tablet{
  background-image: url('../templates/images/devices/tablet.svg');
}
.device{
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  display: inline-block;
  text-align: center;
}
.device.disabled{
  filter: invert(70%);
}
.header-background img{
  max-width: 100%;
  max-height: 100%;
}