/* Panel de componentes */
.card {
	background-color: #FFFFFF;
	padding: 0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	/*border: 1px solid #ddd;
	margin-bottom: 20px;*/
	
	/*border-radius: 4px;*/
	border-radius: 10px;
}

.card .header {
	font-size: 14px;
    color: #FFFFFF;
    float: left;
    padding: 10px 15px;
    /*text-transform: capitalize;*/
    background: #607D8B;
    width: 100%;
    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
    word-break: break-all;
}
.card .header.blank {
    color: #333333;
    background: none;
}
.card .header.light {
	color: #333333;
	background: #f5f5f5;
}
.card.card-big-style .header {
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	padding: 10px;
}
.card.card-big-style .title {
	font-size: 20px;
}
.card .options {
	font-size: 10px;
	color: #c0c0c0;
	float: right;
}

.card .content {
	clear: both;
	height: 80%;
	padding: 10px;
	word-break: break-all;
}
.card .content-table {
	padding: 0px 25px 25px;
}

.card .footer {
	text-align: right;
	font-size: 10px;
	color: #c0c0c0;
}

/* Accordion */
.card .footer .ui-accordion-header {
	background: none;
	padding: 1em 2em;
	text-align: right;
	border: none;
	border-top: 1px solid #f5f5f5;
	outline: none;
	font-size: 12px;
}

.card .footer .ui-accordion .ui-accordion-header .ui-icon {
	right: 0.5em;
	left: unset;
}

.card .footer .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e
	{
	background-position: -32px -1px;
}

.card .footer .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s
	{
	background-position: -64px 0px;
}

.card .footer .ui-accordion-header.ui-state-hover {
	box-shadow: none;
}

@media screen and (min-width: 40.063em) {
	.panels {
		padding: 0px 20px 0px 0px;
	}
	.panels-no-padding, .ui-panelgrid .ui-panelgrid-cell.panels-no-padding {
		padding: 0px;
	}
}

/* Card Statistics */
.card.statistics {
	height: 200px;
}

.card.statistics .header {
	color: #FFFFFF;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.card.statistics .content {
	text-align: center;
    font-size: 40px;
    padding: 50px;
    color: #FFFFFF;
    overflow: hidden;
}

.card.statistics-small {
	height: 75px;
}
.card.statistics-small .header {
	padding-bottom: 1px;
}
.card.statistics-small .content {
    font-size: 30px;
    padding: 0px;
}

.card.statistics.s1 {
	/*background: linear-gradient(229deg, #fd9a77, #fb827a);*/
	background: #f16157;
}

.card.statistics.s2 {
	/*background: linear-gradient(229deg, #8edead, #43c6ac);*/
	background: #4bc0c0;
}

.card.statistics.s3 {
	/*background: linear-gradient(248deg, #348ac7, #7474bf);*/
	background: #348ac7;
}

.card.statistics.s4 {
	/*background: linear-gradient(67deg, #f15f79, #b24592);*/
	background: #754dc6;
}