.blz-cards-main div>.blz-repeater-content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

.blz-cards-brief {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  width: 260px;
  height: 200px;
  background-color: white;
  margin: 10px !important;
  border-radius: 5px !important;
  box-shadow: 0px 0px 5px #00000094;
}

.blz-cards-brief:hover {
  cursor: pointer;
  box-shadow: 0px 0px 10px #00000094;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(0.95);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(0.95);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(0.95);
  transition: all 200ms ease-in;
  transform: scale(0.95);
}

.blz-cards-brief[class*="selected"] {
  cursor: pointer;
  box-shadow: 0px 0px 8px 2px #404040;
  border-radius: 10px !important;
  background-color: #3399ff12 !important;
  z-index: 2;
  -webkit-transition: all 400ms ease-in;
  -webkit-transform: scale(0.98);
  -ms-transition: all 400ms ease-in;
  -ms-transform: scale(0.98);
  -moz-transition: all 400ms ease-in;
  -moz-transform: scale(0.98);
  transition: all 400ms ease-in;
  transform: scale(0.98);
}

.blz-cards-brief .blz-cards-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  height: 28%;
}

.blz-cards-brief .blz-cards-header .blz-cards-header-logo {
  width: 20%;

}

.blz-cards-brief .blz-cards-header>section:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 5px !important;
}

.blz-cards-brief .blz-cards-header .header-img {
  margin: 10px;
  width: 40px;
  height: 40px;
}

.blz-cards-brief .blz-cards-header .header-title {
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blz-cards-brief .blz-cards-header .blz-cards-title .blz-cards-header-dots {
  padding-top: 5px;
  width: 20px !important;
  height: 100% !important;
}

.blz-cards-brief .blz-cards-middle {
  width: 100%;
  height: 15%;
}

.blz-cards-brief .blz-cards-middle .blz-area-information p {
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.blz-cards-brief .blz-cards-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: space-between;
  width: 100%;
  height: 50%;
}

.blz-cards-brief .blz-area-information {
  width: 100% !important;
  margin-top: 15px !important;
  margin-left: 15px !important;
}

.blz-cards-brief .blz-area-information p{
    width: 85%;
    max-width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blz-cards-brief .blz-cards-title {
  width: 78% !important;
}

.blz-cards-brief .blz-cards-title article {
  width: 88% !important;
}

.blz-cards-brief .blz-cards-title article section {
  font-size: 12px !important;
  color: gray;
}

.blz-cards-brief .blz-area-brief {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  font-size: 13px;
  padding-top: 10px;
  border-top: 1px solid lightgray;
}

.blz-cards-brief .blz-area-brief span {
  width: 100%;
}

/***********************************************************************************************/

.detail {
}

.detail .detail-item{
	display: flex;
}

.detail .detail-item .title {
	width: 50%;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

.detail .detail-item .description {
	width: 50%;
	text-align: left;
	padding-left: 5px;
}

/**********************************************************************************************
TOOLBAR HEADER
***********************************************************************************************/
.blz-header-cards{
	display: flex;
}

.blz-header-cards .blz-header-icon-container {	
	position: relative;
    min-width: 48px;
    min-height: 48px;
	max-height: 48px;
	background-color: #1de9e7;
    box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.28), 0 4px 6px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 0, 0, 0.2);
}

.blz-header-cards .blz-header-icon-container .icon {
	min-width: 24px;
    min-height: 24px;
    position: absolute;
    padding-top: 4px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.blz-header-text-container {
	padding-left: 8px;
}

.blz-header-text-container .main-title {
	font-size: 20px;
    font-weight: bold;
	color: #404040;
}

.blz-header-text-container .main-subtitle  .header {	
    font-weight: bold;
	color: #404040;
}

.blz-header-text-container .main-subtitle .details {	
	display: grid;
    font-size: 13px;
    color: gray;
}