/* LESS: /cms/stylesheet/command-buttons.less */
.CMSComponentCommandButtons > .CommandButtons:not(.Square) {
  flex-direction: column;
  -webkit-flex-direction: column;
  display: flex;
  border: solid #FFF;
  border-width: 0px;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  font-size: 1em;
  text-decoration: none;
  text-align: center;
  border: solid #FFF;
  border-width: 0px 2px 2px 0px;
  padding: 0.5em;
  justify-content: flex-start;
  align-items: center;
  padding-left: 3em;
  padding-right: 3em;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a.Text {
  justify-content: center;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a.Text .CommandTitle {
  justify-content: center;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a .CommandTitle.NoTitle {
  display: none !important;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a img.CommandIcon {
  width: 4em;
  padding: 0.1em;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a icon.CommandIcon {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  font-size: 1.5em;
  align-items: center;
  border: solid 0.1em;
  border-radius: 50%;
  padding: 0.2em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  justify-content: center;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a icon.CommandIcon + span {
  margin-left: 1.5em;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a .CommandIcon.NoIcon {
  display: none;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a.ImageIcon > icon {
  display: none;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) a:not(.ImageIcon) > img.Icon {
  display: none;
}
.CMSComponentCommandButtons > .CommandButtons:not(.Square) > .CommandItem > span.ActionLink.NoLink {
  display: none;
}
@media screen and (min-width: 768px) {
  .CMSComponentCommandButtons > .CommandButtons:not(.Square) {
    flex-direction: row;
    -webkit-flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    border-width: 0px 2px 2px 0px;
  }
  .CMSComponentCommandButtons > .CommandButtons:not(.Square) a {
    flex: 1 1 15em;
    -webkit-flex: 1 1 15em;
    border-width: 2px 0px 0px 2px;
    justify-content: center;
  }
}
.sys-viewport.md > .CMSComponentCommandButtons > .CommandButtons:not(.Square) {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  border-width: 0px 2px 2px 0px;
}
.sys-viewport.md > .CMSComponentCommandButtons > .CommandButtons:not(.Square) a {
  flex: 1 1 15em;
  -webkit-flex: 1 1 15em;
  border-width: 2px 0px 0px 2px;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .CMSComponentCommandButtons > .CommandButtons:not(.Square) a {
    flex: 1 1 14em;
    -webkit-flex: 1 1 14em;
  }
}
.sys-viewport.lg > .CMSComponentCommandButtons > .CommandButtons:not(.Square) a {
  flex: 1 1 14em;
  -webkit-flex: 1 1 14em;
}
@media screen and (min-width: 992px) {
  .CMSHorizontalSection .CMSComponentCommandButtons:not(.Alone) > .CommandButtons:not(.Square) {
    flex-direction: column;
    -webkit-flex-direction: column;
    display: flex;
  }
  .CMSHorizontalSection .CMSComponentCommandButtons:not(.Alone) > .CommandButtons:not(.Square) a {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
  }
}
.sys-viewport.lg > .CMSHorizontalSection .CMSComponentCommandButtons:not(.Alone) > .CommandButtons:not(.Square) {
  flex-direction: column;
  -webkit-flex-direction: column;
  display: flex;
}
.sys-viewport.lg > .CMSHorizontalSection .CMSComponentCommandButtons:not(.Alone) > .CommandButtons:not(.Square) a {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.CMSComponentCommandButtons > .CommandButtons.Square {
  flex-direction: column;
  -webkit-flex-direction: column;
  display: flex;
  flex: 1 1 0;
  -webkit-flex: 1 1 0;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  min-height: 15em;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .CMSComponentCommandButtons > .CommandButtons.Square {
    flex-direction: row;
    -webkit-flex-direction: row;
    display: flex;
    min-height: 22em;
  }
}
.sys-viewport.md > .CMSComponentCommandButtons > .CommandButtons.Square {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  min-height: 22em;
}
.CMSComponentCommandButtons > .CommandButtons.Square .ThumbnailOverlay {
  display: none;
}
.CMSComponentCommandButtons .ContentWrapper {
  flex-direction: column;
  -webkit-flex-direction: column;
  display: flex;
  flex: 1 1 0;
  -webkit-flex: 1 1 0;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.CMSComponentCommandButtons .Container {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
}
.CMSComponentCommandButtons .Container > * {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  margin: 0.5em;
  width: 10em;
}
.CMSComponentCommandButtons .Container > .Fake {
  height: 0em;
  overflow: hidden;
  opacity: 0;
}
.CMSComponentCommandButtons .Square .CommandItem {
  flex-direction: column;
  -webkit-flex-direction: column;
  display: flex;
  border: solid 0.1em #d5d5d5;
  border-radius: 0.2em;
  color: #686868;
  background-color: #FFF;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.CMSComponentCommandButtons .Square .CommandItem.OnlyText {
  justify-content: center;
}
.CMSComponentCommandButtons .Square .CommandItem.OnlyText .CommandTitle {
  justify-content: center;
}
.CMSComponentCommandButtons .Square .CommandItem:hover {
  background-color: #fff7e4;
  cursor: pointer;
}
.CMSComponentCommandButtons .Square .CommandItem .Description {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  font-size: 1em;
  margin: 0.3em 1em;
  height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.9;
}
.CMSComponentCommandButtons .Square .CommandItem .CommandTitle {
  margin: 0em;
  text-transform: uppercase;
  font-weight: bold;
}
.CMSComponentCommandButtons .Square .CommandItem .CommandTitle.NoTitle {
  display: none;
}
.CMSComponentCommandButtons .Square .CommandItem .CommandTitle,
.CMSComponentCommandButtons .Square .CommandItem .Description {
  text-align: center;
}
.CMSComponentCommandButtons .Square .CommandItem .LinkBox {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  margin: 0.5em 0em;
  color: #5fa8db;
}
.CMSComponentCommandButtons .Square .CommandItem .LinkBox.NoLink {
  display: none;
}
.CMSComponentCommandButtons .Square .CommandItem .LinkBox a {
  text-decoration: none;
}
.CMSComponentCommandButtons .Square .CommandItem .LinkBox a:hover,
.CMSComponentCommandButtons .Square .CommandItem .LinkBox a:visited {
  color: #5fa8db !important;
}
.CMSComponentCommandButtons .Square .CommandItem .LinkBox > icon {
  margin-left: 0.5em;
}
.CMSComponentCommandButtons .Square .CommandItem .LinkBox:hover {
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .CMSComponentCommandButtons .CommandButtons.Square {
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .CMSComponentCommandButtons .Square .CommandItem .ImageWrapper {
    height: 8em;
  }
  .CMSComponentCommandButtons .Square .CommandItem .Description {
    height: 3.5999999999999996em;
  }
  .CMSComponentCommandButtons .Container {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .CMSComponentCommandButtons .Container > * {
    flex: 0 1 auto;
    width: 13em;
  }
}
.sys-viewport.md > .CMSComponentCommandButtons .Square .CommandItem .ImageWrapper {
  height: 8em;
}
.sys-viewport.md > .CMSComponentCommandButtons .Square .CommandItem .Description {
  height: 3.5999999999999996em;
}
.sys-viewport.md > .CMSComponentCommandButtons .Container {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.sys-viewport.md > .CMSComponentCommandButtons .Container > * {
  flex: 0 1 auto;
  width: 13em;
}
@media screen and (min-width: 992px) {
  .CMSComponentCommandButtons .Square .CommandItem .ImageWrapper {
    height: 12em;
  }
  .CMSComponentCommandButtons .Container > * {
    flex: 0 1 auto;
    width: 20em;
  }
}
.sys-viewport.lg > .CMSComponentCommandButtons .Square .CommandItem .ImageWrapper {
  height: 12em;
}
.sys-viewport.lg > .CMSComponentCommandButtons .Container > * {
  flex: 0 1 auto;
  width: 20em;
}
/*# sourceMappingURL=command-buttons.css.map */