.app-media .page-content-actions .checkbox-custom {
  margin-bottom: 20px;
}
.app-media .page-content-actions .actions-inner {
  border-bottom: 1px solid #e4eaec;
}
.app-media .page-content-actions .btn-outline.btn-default {
  z-index: 2;
}
.app-media .blocks {
  margin-right: -5px;
  margin-left: -5px;
}
.app-media .blocks > li {
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 0;
}
.app-media .time {
  color: #a3afb7;
}
.app-media .media-item .checkbox-custom label::before {
  position: relative;
}
.app-media .media-item .dropdown:hover .dropdown-toggle {
  color: #76838f;
}
.app-media .media-item .dropdown:hover .dropdown-menu, .app-media .media-item .dropdown:hover .overlay-tile-back .dropdown-menu {
  display: block;
  margin-top: 0;
}
.app-media .media-list {
  /* padding: 20px 30px;
  overflow: hidden; */
}
.app-media .media-list .image-wrap > .image {
  width:100%;
  max-width: 100%;
}
.app-media .media-list .media-item-actions {
  display: none;
}
.app-media .media-list .media-item {
  cursor: pointer;
}
.app-media .media-list.is-grid .media-item {
  position: relative;
  width: 95%;
  padding: 0;
  margin-bottom: 18px;
  cursor: pointer;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  box-shadow:0 1px 2px rgba(43,59,93,.12),0 0 13px rgba(43,59,93,.12);
}
.app-media .media-list.is-grid .media-item:hover {
  background-color: #fff;
  border-color: #54c08a;
  box-shadow:0 1px 2px rgba(43,59,93,.12),0 0 13px rgba(43,59,93,.12);
}

.app-media .media-list.is-grid .media-item:active {
  background-color: #fff;
  border-color: #62a8ea;
  box-shadow:0 1px 2px rgba(43,59,93,.12),0 0 13px rgba(43,59,93,.12);
}

.info-wrap {
  padding:0 10px 10px 10px;
}

/*
.app-media .media-list.is-grid .media-item .overlay-tile-back {
  background: rgba(66,85,99,0);
}
*/

.media-top {
  min-height:135px;
}

.media-top img {
  border-radius:2px 2px 0 0 !important; 
}

.app-media .media-list.is-grid .media-item .media-top .overlay-tile-back {
  position: absolute;
  top:12px;
  background: rgba(0,0,0,.5);
  z-index:1000;
  height:60px;
  width:100%;
  margin:-12px -14px 0 -10px;
  border-radius: 2px;
  display:none;
}

.app-media .media-list.is-grid .media-item:hover .media-top .overlay-tile-back {
  display:block;
  opacity:1;
}

.app-media .media-list.is-grid .media-item.active .checkbox-custom {
  display: block;
}

.app-media .media-list.is-grid .media-item.active .media-top .overlay-tile-back, .app-media .media-list.is-grid .media-item.active:hover .media-top .overlay-tile-back {
  background: rgba(0,0,0,.5);
  display:block !important;
  height:60px;
}

.app-media .media-list.is-grid .media-item:hover .overlay-tile-back .image-wrap {
  
}

.app-media .media-list.is-grid .media-item.active {
  background-color: #f5f5f5 !important;
  /* border-color: #415564; */
  box-shadow: 0 0 0 1px #54c08a;
}
.app-media .media-list.is-grid .media-item:hover .dropdown,
.app-media .media-list.is-grid .media-item.active .dropdown {
  display: block;
}
.app-media .media-list.is-grid .media-item .checkbox-custom {
  position: absolute;
  top: 18px;
  left: 40px;
  padding: 0;
  margin: 0;
  display:none;
}

.app-media .media-list.is-grid .media-item:hover .checkbox-custom {
  display:block;
}

.app-media .media-list.is-grid .media-item .overlay-tile-back .dropdown {
  position: absolute;
  top: 22px;
  right: 18px;
  padding: 0;
  margin: 0;
  z-index: 1000;
}

.app-media .media-list.is-grid .media-item .dropdown .icon.dropdown-toggle {
  color:#fff;
  font-size:18px;
  width:30px;
  text-align: right;
}

.app-media .media-list.is-grid .media-item .image-wrap {
  margin-bottom: 10px;
  z-index: 10;
}
.app-media .media-list.is-grid .media-item .dropdown {
  display: none;
  float: right;
}
.app-media .media-list.is-grid .media-item .dropdown.open .dropdown-toggle,
.app-media .media-list.is-grid .media-item .dropdown.open .dropdown-toggle:hover {
  color: #526069;
}
.app-media .media-list.is-grid .media-item .dropdown-toggle {
  color: #a3afb7;
}
.app-media .media-list.is-grid .media-item .dropdown-menu {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
       -o-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-animation-duration: .3s;
       -o-animation-duration: .3s;
          animation-duration: .3s;
}
.app-media .media-list.is-grid .media-item .dropdown-menu .icon {
  margin-right: 10px;
}
.app-media .media-list.is-grid .media-item .dropdown-menu > li > a {
  padding: 3px 10px;
}
.app-media .media-list.is-list {
  padding-right: 0;
  padding-left: 0;
}
.app-media .media-list.is-list .blocks > li {
  width: 100%;
}
.app-media .media-list.is-list .media-item {
  position: relative;
  padding: 20px 30px;
  white-space: nowrap;
}
.app-media .media-list.is-list .media-item > div {
  display: inline-block;
}
.app-media .media-list.is-list .media-item:hover {
  background-color: #f3f7f9;
}
.app-media .media-list.is-list .media-item:hover .media-item-actions {
  display: block;
}
.app-media .media-list.is-list .media-item:after {
  position: absolute;
  bottom: 0;
  left: 30px;
  display: block;
  width: -webkit-calc(100% - 60px);
  width:         calc(100% - 60px);
  content: '';
  border-bottom: 1px solid #e4eaec;
}
.app-media .media-list.is-list .checkbox-custom {
  margin-right: 30px;
  z-index:1000;
}
.app-media .media-list.is-list .image-wrap {
  width: 140px;
  height: 100px;
  margin-right: 20px;
  font-size: 0;
}
.app-media .media-list.is-list .image-wrap:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.app-media .media-list.is-list .info-wrap {
  vertical-align: top;
}
.app-media .media-list.is-list .info-wrap .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.media-list .title {
  font-size:16px;
  color:#000;
  font-weight:700;
  line-height: 1.2em;
  padding:8px 0 18px 0;
  min-height:65px;
}

.media-list .description {
  padding:0 0 20px 0;
  min-height:70px;
  font-size:13px;
  color:#8B8B8B;
}

.media-footer {
  border-top:1px solid #eee;
  margin:0 -10px;
  padding:10px 0 0 10px;
  font-size:.9em;
  overflow: hidden;
}

.media-footer .widget-metas {
  float:left;
  width:50%;
}

.media-footer .widget-rating {
  float:right;
}

.media-footer .widget-rating .rating {
  margin:0;
}

.app-media .media-list.is-list .dropdown {
  display: none;
}
.app-media .media-list.is-list .media-item-actions {
  margin-top: 15px;
}
.app-media .media-list.is-list .media-item-actions .btn-icon {
  margin-left: 1px;
  color: #a3afb7;
}
.app-media .slidePanel-header {
  width: 100%;
  background: #425563;
  overflow: hidden;
  padding:0;
}

.slidePanel-close {
  margin:12px 14px 0 0;
  background: transparent;
}

.sp-header-inner {
  padding:0 0 0 10px;
}

.slidePanel-header h4 {
  margin:2px 0 0 0;
  padding:14px 0 16px 20px;
  font-weight:400;
  font-size:20px;
  color:#fff;
}

.slidePanel-inner h4 {
  font-size
}


.app-media .slidePanel-header .slidePanel-actions .btn {
    line-height: 1em;
}
.app-media .slidePanel .overlay-top {
  /* overflow: hidden; */
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-media .slidePanel .overlay-background {
  background-color: rgba(38, 50, 56, .6);
}
.app-media .slidePanel .media-header {
  position: relative;
  margin-bottom: 20px;
}
.app-media .slidePanel .media-header:before,
.app-media .slidePanel .media-header:after {
  display: table;
  content: " ";
}
.app-media .slidePanel .media-header:after {
  clear: both;
}
.app-media .slidePanel .media-header .time {
  /* line-height: 40px; */
}
.app-media .slidePanel .media-header .share {
  display: inline-block;
  float: right;
}
.app-media .slidePanel .media-header .tags {
  display: inline-block;
}
.app-media .slidePanel .avatar {
  vertical-align: middle;
}

@media (max-width: 480px) {
  .app-media .is-list .info-wrap {
    display: block !important;
    padding-left: 60px;
  }
  .app-media .is-list .info-wrap:before,
  .app-media .is-list .info-wrap:after {
    display: table;
    content: " ";
  }
  .app-media .is-list .info-wrap:after {
    clear: both;
  }
  .app-media .is-list .media-item-actions {
    display: block;
    margin-top: 5px;
  }
  .app-media .page-header .page-header-actions {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 20px;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
  .app-media .slidePanel .media-header .share {
    display: block;
    float: none;
    margin-top: 20px;
  }
}