.card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; } .card { border: 0; border-radius: 0.1875rem; display: inline-block; position: relative; overflow: hidden; width: 100%; margin-bottom: 20px; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125); } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125); } .card .card-body { min-height: 190px; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; }