h3,h4{
	color: #46A3FF;
}
.card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
    margin-right:10px;
    border: 2px solid #46A3FF;
}

.card .card-height-indicator {
    margin-top: 100%;
}

.card.row-space .header {
    padding: 15px 20px 0;
}

.card .title {
    margin-top: 0;
    margin-bottom: 5px;
}

.card .card-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
}

.card .card-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    pointer-events: none;
}

.card .card-image .card-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}

.card .category:not([class*="text-"]) {
    color: #552BAB;
}

.card .card-content {
    padding: 15px 20px;
}

.card .card-content .category {
    margin-bottom: 0;
}

.card .card-header {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -20px 15px 0;
    border-radius: 3px;
    padding: 5px;
    background-color: #999999;
	font-size: 22px;
}

.card .card-header .title {
    color: #FFFFFF;
}

.card .card-header .category {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.62);
}

.card .card-header.card-chart {
    padding: 0;
    min-height: 160px;
}

.card .card-header.card-chart+.content h4 {
    margin-top: 0;
}

.card .card-header .ct-label {
    color: rgba(255, 255, 255, 0.7);
}

.card .card-header .ct-grid {
    stroke: rgba(255, 255, 255, 0.2);
}

.card .card-header .ct-series-a .ct-point,
.card .card-header .ct-series-a .ct-line,
.card .card-header .ct-series-a .ct-bar,
.card .card-header .ct-series-a .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.8);
}

.card .card-header .ct-series-a .ct-slice-pie,
.card .card-header .ct-series-a .ct-area {
    fill: rgba(255, 255, 255, 0.4);
}

.card .chart-title {
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center;
}

.card .chart-title h3 {
    margin: 0;
    color: #FFFFFF;
}

.card .chart-title h6 {
    margin: 0;
    color: rgba(255, 255, 255, 0.4);
}

.card .card-footer {
    margin: 0 20px 10px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

.card .card-footer .content {
    display: block;
}

.card .card-footer div {
    display: inline-block;
}

.card .card-footer .author {
    color: #999999;
}

.card .card-footer .stats {
    line-height: 22px;
    color: #552BAB;
    font-size: 12px;
}

.card .card-footer .stats .material-icons {
    position: relative;
    top: 4px;
    font-size: 16px;
}

.card .card-footer h6 {
    color: #999999;
}

.card img {
    width: 100%;
    height: auto;
}

.card .category .material-icons {
    position: relative;
    top: 6px;
    line-height: 0;
}

.card .category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px;
}

.card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}

.card .author a {
    color: #3C4858;
    text-decoration: none;
}

.card .author a .ripple-container {
    display: none;
}

.card .table {
    margin-bottom: 0;
}

.card .table tr:first-child td {
    border-top: none;
}

.card [data-background-color="purple"] {
    background: linear-gradient(60deg, #46A3FF, #46A3FF);
    box-shadow: 0 12px 20px -10px rgba(99, 140, 180, 0.3), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(92, 147, 194, 0.2);
}

.card [data-background-color="blue"] {
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}

.card [data-background-color="green"] {
    background: linear-gradient(60deg, #66bb6a, #43a047);
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}

.card [data-background-color="orange"] {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.card [data-background-color="red"] {
    background: linear-gradient(60deg, #ef5350, #e53935);
    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}

.card [data-background-color] {
    color: #FFFFFF;
}

.card [data-background-color] a {
    color: #FFFFFF;
}

.card-stats .title {
    margin: 0;
}

.card-stats .card-header {
    float: left;
    text-align: center;
}

.card-stats .card-header i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
}

.card-stats .card-content {
    text-align: right;
    padding-top: 10px;
}

.card-nav-tabs .header-raised {
    margin-top: -30px;
}

.card-nav-tabs .nav-tabs {
    background: transparent;
    padding: 0;
}

.card-nav-tabs .nav-tabs-title {
    float: left;
    padding: 10px 10px 10px 0;
    line-height: 24px;
}

.card-plain {
    background: transparent;
    box-shadow: none;
}

.card-plain .card-header {
    margin-left: 0;
    margin-right: 0;
}

.card-plain .content {
    padding-left: 5px;
    padding-right: 5px;
}

.card-plain .card-image {
    margin: 0;
    border-radius: 3px;
}

.card-plain .card-image img {
    border-radius: 3px;
}


.card-profile,
.card-testimonial {
    margin-top: 30px;
    text-align: center;
}

.card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
    margin-left: 6px;
    margin-right: 6px;
}

.card-profile .card-avatar,
.card-testimonial .card-avatar {
    max-width: 130px;
    max-height: 130px;
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card-profile .card-avatar+.content,
.card-testimonial .card-avatar+.content {
    margin-top: 15px;
}

.card-profile.card-plain .card-avatar,
.card-testimonial.card-plain .card-avatar {
    margin-top: 0;
}




@media (min-width: 992px) {

    .card form [class*="col-"] {
        padding: 6px;
    }
    .card form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .card form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}

@media (min-width: 720px) {

    .card form [class*="col-"] {
        padding: 6px;
    }
    .card form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .card form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}

@media (min-width: 480px) {

    .card form [class*="col-"] {
        padding: 6px;
    }
    .card form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .card form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}
@media (min-width: 320px) {

    .card form [class*="col-"] {
        padding: 6px;
    }
    .card form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .card form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}


/* Dashboard Cards */


.cards {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
    margin-right:10px;
    border: 2px solid #D0C4E7;
    height:160px;
    
}

.cards .cards-height-indicator {
    margin-top: 100%;
}

.cards.row-space .header {
    padding: 15px 20px 0;
}

.cards .title {
    margin-top: 0;
    margin-bottom: 5px;
}

.cards .cards-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
}

.cards .cards-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    pointer-events: none;
}

.cards .cards-image .cards-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}

.cards .category:not([class*="text-"]) {
    color: #552BAB;
}

.cards .cards-content {
    padding: 15px 20px;
}

.cards .cards-content .category {
    margin-bottom: 0;
}

.cards .cards-header {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -20px 15px 0;
    border-radius: 3px;
    padding: 5px;
    background-color: #999999;
}

.cards .cards-header .title {
    color: #FFFFFF;
}

.cards .cards-header .category {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.62);
}

.cards .cards-header.cards-chart {
    padding: 0;
    min-height: 160px;
}

.cards .cards-header.cards-chart+.content h4 {
    margin-top: 0;
}

.cards .cards-header .ct-label {
    color: rgba(255, 255, 255, 0.7);
}

.cards .cards-header .ct-grid {
    stroke: rgba(255, 255, 255, 0.2);
}

.cards .cards-header .ct-series-a .ct-point,
.cards .cards-header .ct-series-a .ct-line,
.cards .cards-header .ct-series-a .ct-bar,
.cards .cards-header .ct-series-a .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.8);
}

.cards .cards-header .ct-series-a .ct-slice-pie,
.cards .cards-header .ct-series-a .ct-area {
    fill: rgba(255, 255, 255, 0.4);
}

.cards .chart-title {
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center;
}

.cards .chart-title h3 {
    margin: 0;
    color: #FFFFFF;
}

.cards .chart-title h6 {
    margin: 0;
    color: rgba(255, 255, 255, 0.4);
}

.cards .cards-footer {
    margin: 0 20px 10px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

.cards .cards-footer .content {
    display: block;
}

.cards .cards-footer div {
    display: inline-block;
}

.cards .cards-footer .author {
    color: #999999;
}

.cards .cards-footer .stats {
    line-height: 22px;
    color: #552BAB;
    font-size: 12px;
}

.cards .cards-footer .stats .material-icons {
    position: relative;
    top: 4px;
    font-size: 16px;
}

.cards .cards-footer h6 {
    color: #999999;
}

.cards img {
    width: 100%;
    height: auto;
}

.cards .category .material-icons {
    position: relative;
    top: 6px;
    line-height: 0;
}

.cards .category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px;
}

.cards .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}

.cards .author a {
    color: #3C4858;
    text-decoration: none;
}

.cards .author a .ripple-container {
    display: none;
}

.cards .table {
    margin-bottom: 0;
}

.cards .table tr:first-child td {
    border-top: none;
}

.cards [data-background-color="purple"] {
    background: linear-gradient(60deg, #552BAB, #552BAB);
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}

.cards [data-background-color="blue"] {
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}

.cards [data-background-color="green"] {
    background: linear-gradient(60deg, #66bb6a, #43a047);
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}

.cards [data-background-color="orange"] {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.cards [data-background-color="red"] {
    background: linear-gradient(60deg, #ef5350, #e53935);
    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}

.cards [data-background-color] {
    color: #FFFFFF;
}

.cards [data-background-color] a {
    color: #FFFFFF;
}

.cards-stats .title {
    margin: 0;
}

.cards-stats .cards-header {
    float: left;
    text-align: center;
}

.cards-stats .cards-header i {
    font-size: 30px;
    line-height: 50px;
    width: 50px;
    height: 50px;
}

.cards-stats .cards-content {
    text-align: right;
    padding-top: 10px;
}

.cards-nav-tabs .header-raised {
    margin-top: -30px;
}

.cards-nav-tabs .nav-tabs {
    background: transparent;
    padding: 0;
}

.cards-nav-tabs .nav-tabs-title {
    float: left;
    padding: 10px 10px 10px 0;
    line-height: 24px;
}

.cards-plain {
    background: transparent;
    box-shadow: none;
}

.cards-plain .cards-header {
    margin-left: 0;
    margin-right: 0;
}

.cards-plain .content {
    padding-left: 5px;
    padding-right: 5px;
}

.cards-plain .cards-image {
    margin: 0;
    border-radius: 3px;
}

.cards-plain .cards-image img {
    border-radius: 3px;
}


.cards-profile,
.cards-testimonial {
    margin-top: 30px;
    text-align: center;
}

.cards-profile .btn-just-icon.btn-raised,
.cards-testimonial .btn-just-icon.btn-raised {
    margin-left: 6px;
    margin-right: 6px;
}

.cards-profile .cards-avatar,
.cards-testimonial .cards-avatar {
    max-width: 130px;
    max-height: 130px;
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.cards-profile .cards-avatar+.content,
.cards-testimonial .cards-avatar+.content {
    margin-top: 15px;
}

.cards-profile.cards-plain .cards-avatar,
.cards-testimonial.cards-plain .cards-avatar {
    margin-top: 0;
}




@media (min-width: 992px) {

    .cards form [class*="col-"] {
        padding: 6px;
    }
    .cards form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .cards form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}

@media (min-width: 720px) {

    .cards form [class*="col-"] {
        padding: 6px;
    }
    .cards form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .cards form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}

@media (min-width: 480px) {

    .cards form [class*="col-"] {
        padding: 6px;
    }
    .cards form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .cards form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}
@media (min-width: 320px) {

    .cards form [class*="col-"] {
        padding: 6px;
    }
    .cards form [class*="col-"]:first-child {
        padding-left: 15px;
    }
    .cards form [class*="col-"]:last-child {
        padding-right: 15px;
    }

}

