.dsgn-card {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-top-width: 0;
  vertical-align: top;
  border-top-width: 1px;
  margin-bottom: 10px;
  position: relative;
}
.dsgn-card.noborder{
    border: none;
}
.header-danger {
    border-top-width: 3px;
    border-top-color: #e46f61;
}
.header-info {
    border-top-width: 3px;
    border-top-color: #3384c9;
}
.header-success {
    border-top-width: 3px;
    border-top-color: #6aab3a;
}
.data-table-row.warning .data-table-name{
    background-color: #f2dede;
 }
.data-table .data-table-row:first-child .data-table-value{
    border-top: none;
}
.data-table{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
}
.row-fluid .column2:first-child{
    margin-left: 0px;
}
/*------------------------------------*/
.data-table-row {
position: relative;
}
.data-table .data-table-row:first-child .data-table-striped .data-table-value{
    border-top: none;
}
.data-table-row:first-child .data-table-name {
border-top: 0;
}
.data-table-striped .data-table-name {
color: #3D3D3D;
background-color: #F0F0F0;
border-top: 1px solid #f7fbff;
}
.data-table-name {
position: absolute;
width: 190px;
text-align: right;
padding: 6px 10px 6px 0;
left: 0;
top: 0;
bottom: 0;
font-weight: normal;
color: #667e99;
background-color: transparent;
border-top: 1px dotted #d5e4f1;
}
.data-table-striped .data-table-value {
border-top: 1px dotted #dcebf7;
padding-left: 12px;
}
.data-table-value {
padding: 6px 4px 6px 6px;
margin-left: 200px;
border-top: 1px dotted #d5e4f1;
min-height: 20px;
}
.dsgn-card-margin-left{
margin-left: 0px;
}



@media screen and (min-width: 1440px) {
	.column3{
	  width:439px;
	  float: left;
	  margin:7px;
	}
	.column2{
	  width: 49%;
	  float: left;
	  margin:7px;
	}
	.streamcontant{
	  margin: 0 auto;
	  width: 1360px;
	}
    .dsgn-card-margin-left{
        margin-left: 0px;
    }

}
@media screen and (max-width: 1440px) {
	.column3{
	  width: 386px;
	  float: left;
	  margin:7px;
	}
	.column2{
	  width: 100%;
	  float: left;
      margin:4px 0px 4px 0px;
	}
    .dsgn-card-margin-left{
        margin-left: 0px;
    }
    .streamcontant{
	  margin: 0 auto;
	  width: 1200px;
	}
}
@media screen and (max-width: 1300px) {
	.column3{
	  width: 486px;
	  margin:7px;
	  float: left;
	}
    .column2{
        margin:4px 0px 4px 0px;
    }
	.streamcontant{
	  margin: 0 auto;
	  width: 1000px;
	}
}
@media screen and (max-width: 1090px) {
	.column3{
      width: 100%;
	  float: left;
	  margin:4px 0px 4px 0px;
	}
    .column2{
        margin:4px 0px 4px 0px;
    }
	.streamcontant{
	  margin: 0 auto;
	  width: 100%;
	}
}