#mod-presets-banks {
  /*------------ GENERALS ----------*/
  /*---------------- FILTERS ------------*/
  /*-----------------------------------------------------------------------*/
  /*-------------------------------- THUMBS VIEW --------------------------*/
  /*-----------------------------------------------------------------------*/
  /*-------------------------------- TABLE VIEW --------------------------*/
  /*--------- verticaly center modal ---------*/
  /*----------- audio demos in modals ---------------*/
  /*----------- changing color on hover ---------------*/
  /*------------------------------------------------------*/
  /*----------------- MEDIA QUERIES ----------------------*/
  /*-------*/
  /* Ipads */
  /*-------*/
  /*--------*/
  /* Phones */
  /*--------*/
}
#mod-presets-banks .popover {
  width: 350px!important;
  max-width: 500px!important;
  border-radius: 2px!important;
  border-top: 3px solid #2ddcb4 !important;
}
#mod-presets-banks .popover .popover-content {
  margin-bottom: 0 !important;
  padding: 5px;
}
#mod-presets-banks .popover .popover-content input[type=checkbox]:checked + label {
  font-weight: bold;
}
#mod-presets-banks .popover .popover-content li {
  list-style: none;
}
#mod-presets-banks .popover .popover-content label {
  font-weight: normal;
}
#mod-presets-banks .popover .popover-content ul {
  padding: 5px;
}
#mod-presets-banks .popover .popover-content .items {
  display: flex;
  flex-wrap: wrap;
}
#mod-presets-banks .popover .popover-content .item {
  flex: 1 0 30%;
  font-size: 0.9em;
  height: 20px;
}
#mod-presets-banks .popover .popover-content .apply-filter {
  text-align: right;
  padding-right: 5px;
}
#mod-presets-banks li {
  list-style: none;
}
#mod-presets-banks .viewmode-chooser {
  text-align: right;
}
#mod-presets-banks .viewmode-chooser .viewmode-table-icon,
#mod-presets-banks .viewmode-chooser .viewmode-table-label {
  opacity: 0.3;
}
#mod-presets-banks .viewmode-chooser .viewmode-table-icon,
#mod-presets-banks .viewmode-chooser .viewmode-thumb-icon {
  cursor: pointer;
}
#mod-presets-banks .hidden {
  display: none;
}
#mod-presets-banks .separator {
  border-bottom: solid 1px lightgrey;
}
#mod-presets-banks .fa-circle-thin:before {
  content: "\f1db";
}
#mod-presets-banks .fa-play:before {
  content: "\f04b";
}
#mod-presets-banks .fa-play {
  margin-left: 0.07em;
}
#mod-presets-banks .alert-login {
  color: #a94442;
  position: absolute;
  width: 11em;
}
#mod-presets-banks .list-actions {
  text-align: right;
}
#mod-presets-banks .cover-wrap:hover img {
  opacity: 0.5;
  transition: opacity 300ms ease-out;
}
#mod-presets-banks .actions-search {
  background-color: #EEF3E2;
  padding: 1em;
  margin-bottom: 2em;
  text-align: center;
}
#mod-presets-banks .actions-search .filters-title {
  font-weight: bold;
  display: inline-block;
  margin-right: 4em;
}
#mod-presets-banks .actions-search .plugin-search {
  display: inline-block;
}
#mod-presets-banks .actions-search .sound-dist-search {
  display: inline-block;
  margin-left: 4em;
}
#mod-presets-banks .actions-search .search-title {
  display: inline-block;
}
#mod-presets-banks .actions-search .popover-products {
  display: inline-block;
}
#mod-presets-banks .actions-search .btn-search-by-product,
#mod-presets-banks .actions-search .btn-search-by-type {
  display: inline-block;
  color: dimgrey;
  width: 250px;
  height: 20px;
  text-align: left;
  padding: 0px 5px;
  background: #fff;
  border: none;
  border-radius: 2px;
  background: linear-gradient(#ffffff, #c4d59a);
}
#mod-presets-banks .actions-search .btn-search-by-product i,
#mod-presets-banks .actions-search .btn-search-by-type i {
  float: right;
}
#mod-presets-banks .actions-search .btn-search-by-type {
  width: 150px;
}
#mod-presets-banks .actions-search .reset-filters {
  display: inline-block;
  margin-left: 3em;
}
#mod-presets-banks .viewmode-thumbs {
  /*------------------------ Hide table view elements ---------------------*/
}
#mod-presets-banks .viewmode-thumbs li {
  padding: 1em;
}
#mod-presets-banks .viewmode-thumbs ul.flex-container-box {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
#mod-presets-banks .viewmode-thumbs .child-box {
  flex-basis: 25%;
}
#mod-presets-banks .viewmode-thumbs li.preset-bank-item {
  /*center action icons with flex on thumbs covers*/
}
#mod-presets-banks .viewmode-thumbs li.preset-bank-item .cover-wrap {
  /*padding: 1em;*/
  position: relative;
  /*realy important for positionning and visibilty of centered icons*/
  background: black;
}
#mod-presets-banks .viewmode-thumbs li.preset-bank-item .promomo.cover-wrap::before {
  content: attr(data-promopercent) '% OFF';
  color: white;
  font-weight: 800;
  background-color: #d81515;
  padding: 0.5em 0.8em;
  position: absolute;
  top: 20%;
  left: 0;
}
#mod-presets-banks .viewmode-thumbs li.preset-bank-item .flex-over {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
#mod-presets-banks .viewmode-thumbs .more-details,
#mod-presets-banks .viewmode-thumbs .play-demo-btn {
  margin: 2em;
}
#mod-presets-banks .viewmode-thumbs .badge-new {
  display: none;
}
#mod-presets-banks .viewmode-thumbs .badge-new.visible {
  display: inline-block;
  font-size: 0.7em;
  width: 45px;
  padding: 0.3em;
  color: #fff;
  background: #2ddcb4;
  border-color: #22cda6;
  border-radius: 6px;
}
#mod-presets-banks .viewmode-thumbs .desc-table-view,
#mod-presets-banks .viewmode-thumbs .plugins-table-view,
#mod-presets-banks .viewmode-thumbs .nb_presets-table-view,
#mod-presets-banks .viewmode-thumbs .price-table-view,
#mod-presets-banks .viewmode-thumbs .table-head {
  display: none;
}
#mod-presets-banks .viewmode-table {
  /*center action icons with flex on thumbs covers*/
  /*------------------------ Hide thumbs view elements ---------------------*/
}
#mod-presets-banks .viewmode-table ul.flex-container-box {
  display: flex;
  flex-direction: column;
}
#mod-presets-banks .viewmode-table .flex-container {
  display: flex;
  /* or inline-flex */
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
#mod-presets-banks .viewmode-table .flex-container:hover {
  background: rgba(46, 220, 179, 0.23);
  transition: background-color 300ms linear;
}
#mod-presets-banks .viewmode-table .flex-container-for-icon-in-tableview {
  display: flex;
}
#mod-presets-banks .viewmode-table .flex-over {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
#mod-presets-banks .viewmode-table li.preset-bank-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .cover-wrap {
  position: relative;
  /*realy important for positionning and visibilty of centered icons*/
  flex: 2 2 8%;
  order: 1;
  padding: 0.5em;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .cover-wrap .img-cover-table-view {
  max-width: 100%;
  height: auto;
  min-height: 0;
  min-width: 0;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view {
  order: 2;
  display: flex;
  flex-wrap: wrap;
  flex: 4 2 70%;
  padding: 0.5em;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .title-desc {
  flex: 1 1 70%;
  order: 1;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .title-desc h3 {
  margin-top: 0px;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .tag-recap {
  display: none;
  order: 5;
  flex: 1 0 100%;
  margin-top: 0px;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .tag-recap .tag {
  text-align: center;
  font-size: 0.75em;
  font-weight: 700;
  color: black;
  padding: 1px 5px;
  margin-left: 0;
  text-transform: uppercase;
  border: 2px solid darkslategray;
  margin: 0.2em;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .plugins-table-view {
  display: none;
  margin-top: 1em;
  margin-bottom: 0.1em;
  order: 6;
  /* flex child */
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .plugins-table-view .flex-container-box {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .plugins-table-view .plugin {
  margin: 0em 1em 0 0;
  font-size: 0.8em;
  color: grey;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .plugins-table-view .plugin > img {
  width: 2em;
  /* Or whatever */
  height: 2em;
  /* Or whatever */
  margin: auto;
  /* Magic! */
}
#mod-presets-banks .viewmode-table li.preset-bank-item .nb-and-price {
  text-align: center;
  order: 4;
  flex: 1 1 12%;
  align-self: center;
  padding: 0.5em;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .nb-and-price .nb_presets-table-view {
  margin: 0em;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .nb-and-price .nb_presets-table-view > p {
  font-size: 1em;
  font-weight: 700;
}
#mod-presets-banks .viewmode-table li.preset-bank-item .price-table-view {
  display: flex;
  text-align: center;
  order: 4;
  flex: 1 1 15%;
  align-self: center;
}
#mod-presets-banks .viewmode-table .more-details,
#mod-presets-banks .viewmode-table .desc-thumbs-view {
  display: none;
}
#mod-presets-banks .modal {
  text-align: center;
  padding: 0!important;
}
#mod-presets-banks .modal .btn-buy-bank {
  text-align: right;
  margin-right: 1em;
}
#mod-presets-banks .modal .tag {
  display: inline-block;
  text-align: center;
  font-size: 0.75em;
  font-weight: 700;
  background-color: white;
  color: black;
  padding: 1px 5px;
  margin-left: 0;
  text-transform: uppercase;
  border: 2px solid darkslategray;
  margin: 0.2em;
}
#mod-presets-banks .modal .tag .lead {
  font-size: 1em;
  font-weight: 700;
}
#mod-presets-banks .modal .plugins {
  margin-top: 1em;
  margin-bottom: 0.1em;
  margin-left: 1em;
  /* flex child */
}
#mod-presets-banks .modal .plugins .flex-container-box {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
#mod-presets-banks .modal .plugins .plugin {
  margin: 0em 1em 0.2em 0;
  font-size: 0.8em;
  color: grey;
  flex: 1 0 15%;
}
#mod-presets-banks .modal .plugins .plugin > img {
  width: 2em;
  /* Or whatever */
  height: 2em;
  /* Or whatever */
  margin: auto;
  /* Magic! */
}
#mod-presets-banks .modal .alert-login {
  color: #a94442;
  text-align: right;
  width: 100%;
}
#mod-presets-banks .modal .modal-header .close {
  position: absolute;
  top: 0.2em;
  right: 0.5em;
  z-index: 999;
}
#mod-presets-banks .modal .modal-header h2 {
  white-space: pre-wrap;
}
#mod-presets-banks .modal .modal-header h2 small {
  white-space: normal;
}
#mod-presets-banks .modal .modal-content {
  border-radius: 2px;
}
#mod-presets-banks .modal .modal-content .description {
  text-align: justify;
}
#mod-presets-banks .modal .modal-content .audioplayer .prev-btn,
#mod-presets-banks .modal .modal-content .audioplayer .next-btn {
  display: none;
}
#mod-presets-banks .modal .modal-footer {
  padding: 0.5em;
}
#mod-presets-banks .modal .modal-footer .audio_player_unit {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#mod-presets-banks .modal .modal-footer .audiogallery.menu-position-bottom .nav-main {
  height: auto!important;
}
#mod-presets-banks .modal .modal-footer .audiogallery .slider-main:first-child {
  height: 145px!important;
}
#mod-presets-banks .modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
#mod-presets-banks .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#mod-presets-banks .modal a.promomo.btn-buy-bank {
  background-color: #e12121;
  border-color: #cd2222;
}
#mod-presets-banks .modal a.promomo.btn-buy-bank:hover {
  color: #fff;
  background-color: #f56161;
  border-color: #db3c3c;
}
#mod-presets-banks .audio-demos {
  margin-top: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
}
#mod-presets-banks .more-details:hover,
#mod-presets-banks .play-demo-btn:hover {
  color: #28dcb4;
}
@media screen and (min-width: 1500px) {
  #mod-presets-banks .viewmode-table li.preset-bank-item .cover-wrap {
    flex: 0 1 12%;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view {
    flex: 0 1 88%;
  }
}
@media screen and (max-width: 767px) {
  #mod-presets-banks {
    /*--------- Annuler verticaly center modal ---------*/
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .cover-wrap {
    flex: 0 1 50%;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view {
    order: 1;
    flex: 0 1 50%;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .nb_presets-table-view {
    flex: 0 1 50%;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .price {
    order: 7;
    flex: 0 1 50%;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .flex-container {
    flex-wrap: wrap;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view .nb-and-price {
    order: 6;
    text-align: left;
  }
  #mod-presets-banks .modal:before {
    display: initial;
  }
}
@media screen and (max-width: 700px) {
  #mod-presets-banks .viewmode-thumbs .child-box {
    flex-basis: 50%;
  }
}
@media (max-width: 400px) {
  #mod-presets-banks .viewmode-table-icon,
  #mod-presets-banks .viewmode-thumb-icon {
    display: none;
  }
  #mod-presets-banks .viewmode-thumbs ul {
    padding: 0;
  }
  #mod-presets-banks .viewmode-thumbs .child-box {
    flex-basis: 100%;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .cover-wrap {
    flex: 0 1 100%;
  }
  #mod-presets-banks .viewmode-table li.preset-bank-item .desc-table-view {
    order: 1;
    flex: 0 1 100%;
  }
}
/*----------------------- login page for getting free licences -------------------*/
.freepreset-login-page .howto-use {
  display: none;
}
.freepreset-login-page .trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.freepreset-login-page .dot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 1em;
}
.freepreset-login-page .dot p {
  font-size: 1.2em;
  font-weight: 800;
}
.freepreset-login-page .grey {
  color: lightgrey;
}
.freepreset-login-page .congrat-msg {
  margin: 2em;
}