                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
                                                                                                                    

.applicationsPanel li img {
  float: left;
  width: 16px;
  height: 16px;
}

.panel-width-Medium .applicationsPanel li .application-img,
.panel-width-Large .applicationsPanel li .application-img {
  display: block;
  float: left;
  width: 20px;
}

.applicationsPanel li .application-label {
  margin-left: 0.1em;
}

.applicationPanelMoreButton {
  padding: 0;
  margin: 10px 0 0 0;
  border: 0;
  color: #4d2a16;
  box-shadow: none;
  background-color: transparent;
  width: 100%;
  display: flex;
  text-align: left;
}

.applicationPanelMoreButton:hover,
.applicationPanelMoreButton:focus {
  background-color: #eeeeee;
}

.applicationPanelMoreButton .application-label {
  white-space: normal;
  text-align: left;
  display: inline;
  margin-left: 20px;
}

.applicationPanelMoreContainer ul {
  margin-left: 5px;
}

.applicationPanelMoreContainer li a {
  font-size: 90%;
  line-height: 16px;
}

.applicationPanelMoreContainer > ul > li > a {
  display: flex;
  align-items: center;
  margin-left: 15px;
}

.panel-width-Small .applicationPanelMoreContainer > ul > li > a {
  gap: .5em;
  text-align: left;
  margin-left: 0;
}

.panel-width-Small .applicationPanelMoreButton {
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.panel-width-Small .panel.Applications {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.panel-width-Small .applicationsPanel li {
  list-style-type: none;
  padding: 0;
  text-align: center;
}

.panel-width-Small .applicationsPanel li a {
  padding: 0.7em 0;
}

.panel-width-Small .applicationsPanel .application-label {
  display: inline-block; /* Needed by IE for ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; /* Needed by IE for ellipsis */
}

.panel-width-Small .applicationsPanel li img {
  float: none;
}

.panel-width-Small .applicationsPanel li .application-img {
  display: block;
}

.panel-width-Small .applicationsPanel li .application-label {
  margin-left: 0;
}

.panel-width-Small .panel.Applications .xwikipaneltitle {
  display: none;
}

.panel-width-Small .panel.Applications .xwikipanelcontents {
  border: 0;
  background-color: transparent;
  padding: 0;
}

.panel .applicationPanelMoreContainer ul {
  padding: 0;
  margin: 0;
}

.panel-width-Small .application-img {
  font-size: 24px;
}

.panel-width-Small .application-img img {
  width: 24px;
  height: 24px;
}

.panel-width-Medium .applicationsPanel > li > a,
.panel-width-Medium .applicationsPanelMoreList > li > button,
.panel-width-Medium .applicationPanelMoreContainer ul> li > a,
.panel-width-Large .applicationsPanel > li > a,
.panel-width-Large .applicationsPanelMoreList > li > button,
.panel-width-Large .applicationPanelMoreContainer ul > li > a {
  padding: 0;
}

.panel-width-Medium .applicationsPanel > li > a:hover,
.panel-width-Medium .applicationsPanel > li > a:focus,
.panel-width-Medium .applicationsPanelMoreList > li > button:hover,
.panel-width-Medium .applicationsPanelMoreList > li > button:focus,
.panel-width-Medium .applicationPanelMoreContainer ul> li > a:hover,
.panel-width-Medium .applicationPanelMoreContainer ul> li > a:focus,
.panel-width-Large .applicationsPanel > li > a:hover,
.panel-width-Large .applicationsPanel > li > a:focus,
.panel-width-Large .applicationsPanelMoreList > li > button:hover,
.panel-width-Large .applicationsPanelMoreList > li > button:focus,
.panel-width-Large .applicationPanelMoreContainer ul > li > a:hover,
.panel-width-Large .applicationPanelMoreContainer ul > li > a:focus {
  background-color: transparent;
  text-decoration: underline;
}

/* Phone case */
@media (max-width: 768px) {
  .panel-width-Small .applicationsPanel > li {
    float: left;
    width: 33%;
  }

  /* no responsive design for colibri */
  .skin-colibri .panel-width-Small .applicationsPanel li {
    float: none;
    width: inherit;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .panel-width-Small .applicationsPanel > li {
    float: left;
    width: 20%;
  }

  /* no responsive design for colibri */
  .skin-colibri .panel-width-Small .applicationsPanel li {
    float: none;
    width: inherit;
  }
}

/* for colibri */

.skin-colibri .panel-width-Small .applicationsPanel {
  margin: 0;
}

.skin-colibri .panel-width-Small .applicationsPanel li {
  padding: 15px 0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin: 1px 0;
}

.skin-colibri .panel-width-Small .applicationsPanel li.active {
  background-color: #89B368;
}

.skin-colibri .panel-width-Small .applicationsPanel li.active a {
  color: #DBD9D7
}

.skin-colibri .panel-width-Small .applicationsPanel li:hover {
  background-color: #eeeeee;
}

.skin-colibri .panel-width-Small .applicationsPanel li:hover a {
  color: #555555;
}

