﻿.panel-group {
    @each $key, $val in $colors {
        .panel-col-#{$key} {
            border: 1px solid $val;

            .panel-title {
                background-color: $val !important;
                color: #fff;
            }

            .panel-body {
                border-top-color: transparent !important;
            }
        }
    }

    .panel {
        @include border-radius(0);

        .panel-title {
            .material-icons {
                float: left;
                line-height: 16px;
                margin-right: 8px;
            }
        }

        .panel-heading {
            padding: 0;
            @include border-radius(0);

            a {
                display: block;
                padding: 10px 15px;

                &:hover,
                &:focus,
                &:active {
                    text-decoration: none;
                }
            }
        }

        .panel-body {
            color: #555;
        }
    }

    .panel-primary {
        border: 1px solid #1f91f3;

        .panel-title {
            background-color: #1f91f3;
        }
    }

    .panel-success {
        border: 1px solid #2b982b;

        .panel-title {
            background-color: #2b982b;
            color: #fff;
        }
    }

    .panel-warning {
        border: 1px solid #ff9600;

        .panel-title {
            background-color: #ff9600;
            color: #fff;
        }
    }

    .panel-danger {
        border: 1px solid #fb483a;

        .panel-title {
            background-color: #fb483a;
            color: #fff;
        }
    }
}

.full-body {
    @each $key, $val in $colors {
        .panel-col-#{$key} {
            .panel-body {
                border-top-color: #fff !important;
                background-color: $val;
                color: #fff;
            }
        }
    }

    .panel-primary {
        .panel-body {
            border-top-color: #fff !important;
            background-color: #1f91f3;
            color: #fff;
        }
    }

    .panel-success {
        .panel-body {
            border-top-color: #fff !important;
            background-color: #2b982b;
            color: #fff;
        }
    }

    .panel-warning {
        .panel-body {
            border-top-color: #fff !important;
            background-color: #ff9600;
            color: #fff;
        }
    }

    .panel-danger {
        .panel-body {
            border-top-color: #fff !important;
            background-color: #fb483a;
            color: #fff;
        }
    }
}
