/*
 Theme Name:   The7 Theme Child
 Description:   The7 Theme
 Author:       ---
 Template:     dt-the7
 Version:      1.0.0
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
a.card {
    font-size: inherit;
    color: #337ab7;
}
a.card:focus, a.card:hover{
    text-decoration: none!important;
    outline: none;
}
.card-icon > img {
    max-width: 100%;
    height: auto;
}
.card {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    color: #363b3e;
    display: block;
    margin-bottom: 20px;
}
.card-hoverable {
    transition: all 0.2s ease-in 0s;
}
.card-hoverable:hover {
    border: 1px solid #f5f5f5;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.app-card {
    display: inline-block;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    width: 250px;
}
.app-card-no-padding{
    padding: 0;
}
@media screen and (min-width: 40.0625em) {
    .app-card {
        display: inline-block;
        margin: auto;
    }
}
.app-card .card-title {
    font-family: "Montserrat";
    margin-bottom: 0;
    white-space: normal;
    font-size: 15px;
    text-transform: none;
}
.app-card-desc p{
    color: #9ba0a3;
    font-size: 13px !important;
    height: 50px;
    line-height: 17px !important;
    overflow: hidden;
    white-space: normal;
}
.app-card-price {
    font-family: "Montserrat";
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #3acf87;
    font-size: 13px;
    font-weight: 600;
}
.app-card .app-rating {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ff8f17;
}
.app-card-margin{
    margin-bottom: 20px;
}
.app-author {
    margin: 5px 0;
    color: #ddd;
}
.app-icon{
    margin-bottom: 10px;
}
.app-sale{
    z-index: 100;
    position: absolute;
    right: -4px;
    top: 15px;
    border-radius: 0 2px 2px 2px;
    background-color: #3acf87;
    padding: 5px 9px 5px 7px;
    color: #FFF;
    text-align: center;
    opacity: 1.0;
    font-size: 17px;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
.app-sale:before{
    content: "";
    display: block;
    position: absolute;
    left: -9px;
    top: 0;
    width: 0;
    height: 0;
    border-radius: 2px 0 0 0;
    border-top: 0 solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 9px solid #3acf87;
}
del{
    text-decoration-color:#000;
}
.app-view{
    background: rgba(255, 255, 255, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    visibility: hidden;
    transition: all 0.2s ease-in 0s;
}
.card-hoverable:hover .app-view{
    visibility: visible;
    opacity: 1;
}
.app-card-no-padding .card-title,
.app-card-no-padding .app-rating,
.app-card-no-padding .app-card-desc,
.app-card-no-padding .app-card-price,
.app-card-no-padding .app-author {
    padding: 0 15px;
}

/* Bootstrap */

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}