@syncfusion/ej2/card/bootstrap.css

A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.

/*! component's theme wise override material-definitions and variables *//*! card layout */.e-bigger .e-card,.e-bigger.e-card{line-height:45px;min-height:45px}.e-bigger .e-card>.e-card-header-title,.e-bigger.e-card>.e-card-header-title{line-height:normal;padding:16px;min-height:45px}.e-bigger .e-card>.e-card-header-title+:not(.e-card-header-title),.e-bigger.e-card>.e-card-header-title+:not(.e-card-header-title){margin-top:0;padding-top:0}.e-bigger .e-card>.e-card-title,.e-bigger.e-card>.e-card-title{line-height:normal;padding:16px}.e-bigger .e-card>.e-card-title+:not(.e-card-title),.e-bigger.e-card>.e-card-title+:not(.e-card-title){margin-top:0;padding-top:0}.e-bigger .e-card.e-card-horizontal .e-card-image,.e-bigger .e-card.e-card-horizontal img,.e-bigger .e-card .e-card-horizontal .e-card-image,.e-bigger .e-card .e-card-horizontal img,.e-bigger.e-card.e-card-horizontal .e-card-image,.e-bigger.e-card.e-card-horizontal img,.e-bigger.e-card .e-card-horizontal .e-card-image,.e-bigger.e-card .e-card-horizontal img{margin:2px}.e-bigger .e-card .e-card-header,.e-bigger.e-card .e-card-header{min-height:30px;padding:16px}.e-bigger .e-card .e-card-header .e-card-content,.e-bigger.e-card .e-card-header .e-card-content{padding-left:0;padding-right:0}.e-bigger .e-card .e-card-header .e-card-header-caption,.e-bigger.e-card .e-card-header .e-card-header-caption{padding:0 0 0 10px}.e-bigger .e-card .e-card-header .e-card-header-caption:first-child,.e-bigger.e-card .e-card-header .e-card-header-caption:first-child{padding:0}.e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,.e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title{font-size:14px;line-height:normal}.e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,.e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title{font-size:14px;line-height:normal;padding:8px 0 0}.e-bigger .e-card .e-card-header .e-card-header-image,.e-bigger.e-card .e-card-header .e-card-header-image{background-size:cover;height:40px;width:40px}.e-bigger .e-card .e-card-image,.e-bigger.e-card .e-card-image{min-height:150px}.e-bigger .e-card .e-card-image .e-card-title,.e-bigger.e-card .e-card-image .e-card-title{font-size:17px;line-height:36px;min-height:36px;padding:0 16px}.e-bigger .e-card .e-card-actions,.e-bigger.e-card .e-card-actions{padding:16px}.e-bigger .e-card .e-card-actions.e-card-vertical,.e-bigger.e-card .e-card-actions.e-card-vertical{padding:16px}.e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,.e-bigger .e-card .e-card-actions.e-card-vertical a,.e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,.e-bigger.e-card .e-card-actions.e-card-vertical a{margin:0 0 10px 0}.e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,.e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,.e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,.e-bigger.e-card .e-card-actions.e-card-vertical a:last-child{margin-bottom:0}.e-bigger .e-card .e-card-actions .e-card-btn span,.e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,.e-bigger.e-card .e-card-actions .e-card-btn span,.e-bigger.e-card .e-card-actions .e-card-btn span.e-icons{height:24px;width:24px}.e-bigger .e-card .e-card-actions .e-card-btn,.e-bigger .e-card .e-card-actions a,.e-bigger.e-card .e-card-actions .e-card-btn,.e-bigger.e-card .e-card-actions a{line-height:36px;margin:0 0 0 10px;min-height:36px;padding:0 6px}.e-bigger .e-card .e-card-actions .e-card-btn:first-child,.e-bigger .e-card .e-card-actions a:first-child,.e-bigger.e-card .e-card-actions .e-card-btn:first-child,.e-bigger.e-card .e-card-actions a:first-child{margin-left:0}.e-bigger .e-card .e-card-content,.e-bigger.e-card .e-card-content{padding:16px}.e-bigger .e-card .e-card-content+:not(.e-card-content),.e-bigger .e-card .e-card-content+.e-card-actions.e-card-vertical,.e-bigger.e-card .e-card-content+:not(.e-card-content),.e-bigger.e-card .e-card-content+.e-card-actions.e-card-vertical{margin-top:0;padding-top:0}.e-card{border-radius:4px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";font-size:15px;-ms-flex-pack:center;justify-content:center;line-height:36px;min-height:36px;overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:middle;width:100%}.e-card>*{-ms-flex-pack:center;justify-content:center}.e-card>.e-card-header-title{box-sizing:border-box;font-size:15px;line-height:normal;padding:12px;min-height:34px}.e-card>.e-card-header-title+:not(.e-card-header-title){margin-top:0;padding-top:0}.e-card>.e-card-title{font-size:17px;line-height:normal;padding:12px}.e-card>.e-card-title+:not(.e-card-title){margin-top:0;padding-top:0}.e-card>.e-card-header-title,.e-card>.e-card-title{overflow:hidden;text-overflow:ellipsis}.e-card .e-card-header-caption{line-height:normal}.e-card .e-card-header-caption .e-card-header-title{font-size:14px}.e-card .e-card-header-caption .e-card-sub-title{font-size:14px}.e-card .e-card-stacked{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden}.e-card.e-card-horizontal,.e-card .e-card-horizontal{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.e-card.e-card-horizontal .e-card-image,.e-card.e-card-horizontal img,.e-card .e-card-horizontal .e-card-image,.e-card .e-card-horizontal img{margin:2px}.e-card .e-card-horizontal{line-height:normal;padding:2px}.e-card.e-card-horizontal>*{-ms-flex:1;flex:1}.e-card.e-card-horizontal .e-card-stacked{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.e-card.e-card-horizontal .e-card-stacked>:first-child{-ms-flex-positive:1;flex-grow:1}.e-card .e-card-separator{display:block}.e-card .e-card-corner{border-radius:50%}.e-card .e-card-header{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;line-height:normal;min-height:22.5px;padding:12px;width:inherit}.e-card .e-card-header .e-card-content{padding-left:0;padding-right:0}.e-card .e-card-header .e-card-actions{-ms-flex-pack:start;justify-content:flex-start}.e-card .e-card-header .e-card-header-image{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex}.e-card .e-card-header .e-card-header-caption{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0 0 0 7.5px}.e-card .e-card-header .e-card-header-caption:first-child{padding:0}.e-card .e-card-header .e-card-header-caption .e-card-header-title,.e-card .e-card-header .e-card-header-caption .e-card-sub-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-card .e-card-header .e-card-header-caption .e-card-header-title{font-size:14px;font-weight:400;line-height:normal}.e-card .e-card-header .e-card-header-caption .e-card-sub-title{font-size:14px;font-weight:400;line-height:normal;padding:6px 0 0}.e-card .e-card-header .e-card-header-image{background-repeat:no-repeat;background-size:cover;height:30px;width:30px}.e-card .e-card-header .e-card-corner{border-radius:50%}.e-card .e-card-image{background-size:cover;min-height:112.5px;position:relative;width:100%}.e-card .e-card-image .e-card-title{bottom:0;box-sizing:border-box;font-size:17px;line-height:27px;min-height:27px;overflow:hidden;padding:0 12px;position:absolute;text-overflow:ellipsis;width:inherit}.e-card .e-card-image .e-card-title.e-card-top-left,.e-card .e-card-image .e-card-title.e-card-top-right{bottom:auto;top:0}.e-card .e-card-image .e-card-title.e-card-top-right{text-align:right}.e-card .e-card-image .e-card-title.e-card-bottom-right{text-align:right}.e-card .e-card-actions{box-sizing:border-box;display:inline-block;-ms-flex-pack:start;justify-content:flex-start;padding:6px}.e-card .e-card-actions.e-card-vertical{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px}.e-card .e-card-actions.e-card-vertical .e-card-btn,.e-card .e-card-actions.e-card-vertical a{-ms-flex-item-align:initial;-ms-grid-row-align:initial;align-self:initial;box-sizing:border-box;display:inline-block;-ms-flex-pack:center;justify-content:center;margin:0 0 6px 0;text-align:center;width:100%}.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,.e-card .e-card-actions.e-card-vertical a:last-child{margin-bottom:0}.e-card .e-card-actions button,.e-card .e-card-actions a{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;vertical-align:middle;white-space:nowrap}.e-card .e-card-actions .e-card-btn span,.e-card .e-card-actions .e-card-btn span.e-icons{display:-ms-flexbox;display:flex;font-size:14px;height:24px;width:24px}.e-card .e-card-actions .e-card-btn span::before,.e-card .e-card-actions .e-card-btn span.e-icons::before{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:inherit}.e-card .e-card-actions .e-card-btn>*{overflow:hidden;text-overflow:ellipsis;width:inherit}.e-card .e-card-actions .e-card-btn,.e-card .e-card-actions a{border-radius:2px;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";font-size:14px;line-height:27px;margin:0 0 0 6px;min-height:27px;padding:0 6px;text-decoration:none;text-transform:none}.e-card .e-card-actions .e-card-btn:first-child,.e-card .e-card-actions a:first-child{margin-left:0}.e-card .e-card-content{font-size:14px;line-height:normal;padding:12px}.e-card .e-card-content+:not(.e-card-content),.e-card .e-card-content+.e-card-actions.e-card-vertical{margin-top:0;padding-top:0}.e-card .e-card-content,.e-card .e-card-content p{line-height:normal;overflow:hidden;text-overflow:ellipsis}/*! card theme */.e-card{-webkit-tap-highlight-color:transparent;background-color:#fff;border:1px solid #ddd;box-shadow:none;color:#333;outline:none}.e-card:hover{background-color:#fff;border-color:#adadad}.e-card:focus{background-color:#fff;border-color:#adadad}.e-card:active{background-color:#fff;border-color:#317ab9}.e-card .e-card-separator{border-bottom:1px solid #ddd}.e-card .e-card-header-caption .e-card-header-title{color:#333}.e-card .e-card-header-caption .e-card-sub-title{color:#333}.e-card .e-card-image .e-card-title{background-color:rgba(0,0,0,0.35);color:#fff}.e-card .e-card-actions .e-card-btn span,.e-card .e-card-actions .e-card-btn span.e-icons{color:#333}.e-card .e-card-actions .e-card-btn,.e-card .e-card-actions a{background-color:#317ab9;border:1px solid #3071a9;color:#fff;outline:0}.e-card .e-card-actions .e-card-btn:hover,.e-card .e-card-actions a:hover{background-color:#2a6496;border:1px solid #1f496e;color:#fff}.e-card .e-card-actions .e-card-btn:focus,.e-card .e-card-actions a:focus{background-color:#2a6496;border:1px solid #142f46;color:#fff}.e-card .e-card-actions .e-card-btn:active,.e-card .e-card-actions a:active{background-color:#2a6496;border:1px solid #1f496e;color:#fff}.e-card .e-card-content{color:#333}