.card {
    .card-header {
        @extend .card-title;
        background-color : unset;
    }
}

.card.card-primary {
    background-color : $white;
    position         : relative;
    box-shadow       : $overview-boxShadow;
    border-radius    : 2px;
    color            : $g-900;
    padding          : 28px 32px;
    font-size        : 14px;
    font-weight      : 400;
    margin-bottom    : 24px;

    &.inactive {
        color : $g-600;

        .card-title {
            color : $g-600;
        }
    }

    &.border-left-danger {
        border-left : 4px solid $error;
    }

    &.border-left-warning {
        border-left : 4px solid $warning;
    }

    &.border-left-success {
        border-left : 4px solid $success;
    }

    &.card-clickable {
        &:hover {
            box-shadow : $boxshadow-hover;
            cursor     : hand;
        }
    }

    &.disabled {
        opacity : 0.5;
        border  : none;

        a {
            cursor : default;
        }
    }

    .card-title {
        font-size   : $font-size-base;
        display     : inline-block;
        color       : $g-900;
        font-weight : $font-weight-500;
        line-height : $card-header-line-height;
    }

    .card-label {
        color : $g-600;
    }

    .line-clamp-3 {
        overflow           : hidden;
        display            : -webkit-box;
        -webkit-box-orient : vertical;
        /* truncate to 3 lines */
        -webkit-line-clamp : 3;
    }


    .card-header {
        @extend .card-title;
        //padding: 1.72rem;
        height           : unset;
        background-color : unset;
        border           : none;
        padding          : 0;
        margin           : 0;
    }

    .card-body {
        padding          : 1rem;
        height           : unset;
        background-color : unset;
        border           : none;
    }

    // Remove body top padding if it comes after a header
    // .card-header + .card-body {
    //     padding-top : 0;
    //     margin-top  : -1rem;
    // }

    .card-footer {
        justify-content  : flex-start;
        height           : unset;
        padding          : 1rem;
        background-color : unset;
        border           : none;
    }

    .card-body + .card-footer,
    .card-header + .card-footer {
        padding-top : 0;
    }

    &.inactive {
        color : $g-600;

        .card-title {
            color : $g-600;
        }

        table {
            color : $g-600;
            td {
                color : $g-600;
            }
        }
    }
}


.card.card-primary.login-panel {
    margin-top : 40px;

    .login-content {
        text-align : left;
        padding    : 1em;
    }

    .login-submit {
        text-align : right;
    }
}

// add new question group: questionGroupsAdministration/view/surveyid/797463/gid/4
.card.card-primary p.btn-link {
    margin : 1rem;
}

// old panel related card CSS:
// Panels (for example to be found in quota settings)
.panel {
    background-color : $white;
    //box-shadow: 0 1px 1px $black_opac_05;
    box-shadow       : $boxshadow;

    > .card-body + {
        .table {
            border-top : 1px solid $g-200;
        }

        .table-responsive {
            border-top : 1px solid $g-200;
        }
    }
}

//.panel-default {
//    border: 1px solid $gray-08;
//    > {
//        .card-header {
//            color: $primary-2;
//            background-color: $gray-04;
//            border: 1px solid $gray-08;
//            + .panel-collapse .card-body {
//                border-top-color: $gray-08;
//            }
//        }
//        .card-footer + .panel-collapse .card-body {
//            border-bottom-color: $gray-08;
//        }
//    }
//}
//
//.card-footer {
//    background-color: $gray-04;
//    border-top: 1px solid $gray-08;
//}
//.card-group {
//    .card-header + .panel-collapse .card-body {
//        border-top: 1px solid $gray-08;
//    }
//    .card-footer + .panel-collapse .card-body {
//        border-bottom: 1px solid $gray-08;
//    }
//}
//.card-primary {
//    border: 1px solid $primary;
//    > {
//        .card-header {
//            color: $white;
//            background-color: $primary;
//            border: 1px solid $primary;
//            + .panel-collapse .card-body {
//                border-top-color: $primary;
//            }
//        }
//        .card-footer + .panel-collapse .card-body {
//            border-bottom-color: $primary;
//        }
//    }
//}
//.card-success {
//    border: 1px solid $primary-active;
//    > {
//        .card-header {
//            color: $primary;
//            background-color: $primary-bg-success;
//            border: 1px solid $primary-active;
//            + .panel-collapse .card-body {
//                border-top-color: $primary-active;
//            }
//        }
//        .card-footer + .panel-collapse .card-body {
//            border-bottom-color: $primary-active;
//        }
//    }
//}
//.card-info {
//    border: 1px solid $primary-bg_info_hover_2;
//    > {
//        .card-header {
//            color: $primary-bg_info_hover;
//            background-color: $primary-bg_info;
//            border: 1px solid $primary-bg_info_hover_2;
//            + .panel-collapse .card-body {
//                border-top-color: $primary-bg_info_hover_2;
//            }
//        }
//        .card-footer + .panel-collapse .card-body {
//            border-bottom-color: $primary-bg_info_hover_2;
//        }
//    }
//}
//.card-warning {
//    border: 1px solid $warning_shadow;
//    > {
//        .card-header {
//            color: $warning;
//            background-color: $warning-bg;
//            border: 1px solid $warning_shadow;
//            + .panel-collapse .card-body {
//                border-top-color: $warning_shadow;
//            }
//        }
//        .card-footer + .panel-collapse .card-body {
//            border-bottom-color: $warning_shadow;
//        }
//    }
//}
//.card-danger {
//    border: 1px solid $red-50;
//    > {
//        .card-header {
//            color: $red-10;
//            background-color: $danger-bg;
//            border: 1px solid $red-50;
//            + .panel-collapse .card-body {
//                border-top-color: $red-50;
//            }
//        }
//        .card-footer + .panel-collapse .card-body {
//            border-bottom-color: $red-50;
//        }
//    }
//}
//
//#search .card-body .navbar-form {
//    border-bottom: 0;
//}
//
//#search .card-body .navbar-form .form-group {
//    margin: 0;
//}
//
//#dropdown .card-body .navbar-nav {
//    margin: 0;
//}