@import "../core/minxin-variables";
@import "../core/minxin-mixins";

// 卡片布局中的 widget区

//卡片布局背景
.u-widget-bg {
  //background-color: #F5F5F5;
  background-color: #eceff1;
  padding: 15px;
}

//卡片样式
//.u-widget{
//  background-color: #FFF;
//  margin: 5px;
//  padding: 5px;
//}

.u-widget {
  background-color: #FFF;
  margin: 15px;
  &:after{
    display: table;
    content: " ";
    clear: both;
  }
}

.u-widget-left {
  margin-right: 0;
}

.u-widget-right {
  margin-left: 0;
}

.u-widget-middle {
  margin-left: 0;
  margin-right: 0;
}

.u-widget-heading {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: relative;
  padding: 0;
  /*border-bottom: 1px solid transparent;*/
  border-bottom: 1px solid #e0e0e0;
}
.u-widget-title {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  padding: $widget-padding-top $widget-padding-left;
  font-size: 16px;
  color: #424242;
  font-weight: 400;
  // border-left: 4px solid red;
  .u-widget-more{
     position:absolute;
     right: $widget-padding-left;
     top: 50%;
     transform: translateY(-50%);
  }
}
.u-widget-body {
  padding: 30px 30px;
  position: relative;
  padding-top: 30px;
}
.u-widget-footer {
  padding: 0 30px 15px;
  padding-top: 15px;
  background-color: transparent;
  border-top: 1px solid #e0e0e0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

// medio object
.u-media-object{
    display: block;
}
.u-media-left{
    padding-right: 10px;
}
.u-media-body, .u-media-left, .u-media-right {
    display: table-cell;
    vertical-align: top;
}
.u-media{
    margin-top: 15px;
}
.u-media:first-child{
    margin-top: 5px;
}
.u-media-body{
    width: 670px;
}
.u-media-middle{
    vertical-align: middle;
}
.u-media-bottom{
    vertical-align: bottom;
}
// .u-list-group .u-list-group-item {
//     position: relative;
//     display: block;
//     padding: 10px 15px;
//     margin-bottom: -1px;
//     background-color: #fff;
//     border: 1px solid #ddd;
// }
// .u-list-group-item > .u-badge{
//     margin-top: 13px;
// }
// .u-list-group a:hover{
//     color: #555;
//     background-color: #f5f5f5;
// }
// .u-list-group .u-list-group-item.active, .u-list-group .u-list-group-item.active:hover,.u-list-group .u-list-group-item.active:focus{
//     z-index: 2;
//     color: #fff;
//     background-color: #337ab7;
//     border-color: #337ab7;
// }