.box{background:#fff;border:0;border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,.15);margin-bottom:16px}.box-header{border-bottom:1px solid #ddd;color:#505666;height:56px;line-height:24px;padding:16px;position:relative}.box-header-title{display:block;font-size:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.box-header-title.box-header-title--padding{padding-left:24px}.box-header-collapse-icon{color:#9da3b2;display:none;position:absolute;left:10px;top:16px}.box-header-collapse-icon.show{display:inline-block}.box-header-actions{list-style:none;height:56px;margin:0;padding:8px 0;position:absolute;right:0;top:0}.box-header-actions li{float:right;padding:0}.box-header-actions a{color:#80889c;display:block;height:40px;padding:8px;width:40px}.box-body{background:0 0;color:#505666}.box-body.box-body--padding{padding:16px}.box-footer{border-top:1px solid #ddd;color:#505666;height:48px;line-height:24px;padding:12px 16px;position:relative}@media (max-width:768px) and (orientation:landscape){.box-header{height:48px;line-height:24px;padding:12px 16px}.box-header-collapse-icon{top:12px}.box-header-actions{height:48px;padding:4px 0}}@media (min-width:840px){.box-header{height:64px;line-height:32px;padding:16px 24px}.box-header-collapse-icon{left:16px;top:20px}.box-header-actions{height:64px;padding:12px 8px}.box-header-title.box-header-title--padding{padding-left:28px}.box-body.box-body--padding{padding:24px}.box-footer{height:56px;line-height:24px;padding:16px 24px}}