| 1 |
.bs-date-time-widget{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.bs-date-time-widget .bs-date-time{display:flex;overflow:hidden}.bs-date-time-widget .bs-date-time .bs-date,.bs-date-time-widget .bs-date-time .bs-icon-wrapper,.bs-date-time-widget .bs-date-time .bs-time-text{align-items:center;display:flex}.bs-date-time-widget .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-1 .bs-date-time{gap:5px}.bs-date-time-widget.date-time-style-2 .bs-date-time{gap:10px;padding:5px 10px}.bs-date-time-widget.date-time-style-3 .bs-date-time{border-radius:6px;gap:10px;padding:5px 10px}.bs-date-time-widget.date-time-style-4 .bs-date-time{border-radius:0 6px 0 6px}.bs-date-time-widget.date-time-style-4 .bs-date-time .bs-icon-wrapper{border-right:1px solid rgba(0,0,0,.15);padding:5px 10px}.bs-date-time-widget.date-time-style-4 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-4 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-5 .bs-date-time{border-radius:100px;overflow:hidden}.bs-date-time-widget.date-time-style-5 .bs-date-time .bs-icon-wrapper{background-color:rgba(0,0,0,.15);padding:5px 10px 5px 12px}.bs-date-time-widget.date-time-style-5 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-5 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-6 .bs-date-time{border-radius:0 6px 6px 6px;gap:10px;overflow:hidden}.bs-date-time-widget.date-time-style-6 .bs-date-time .bs-icon-wrapper{background-color:rgba(0,0,0,.15);padding:5px 10px;position:relative}.bs-date-time-widget.date-time-style-6 .bs-date-time .bs-icon-wrapper:after{border:8px solid transparent;border-left-color:rgba(0,0,0,.15);content:"";left:100%;position:absolute;top:50%;transform:translateY(-50%)}.bs-date-time-widget.date-time-style-6 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-6 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-7 .bs-date-time{border-radius:6px 0 0 0;overflow:hidden}.bs-date-time-widget.date-time-style-7 .bs-date-time .bs-icon-wrapper{background-color:rgba(0,0,0,.15);clip-path:polygon(0 0,100% 0,75% 100%,0 100%);padding:5px 20px 5px 12px}.bs-date-time-widget.date-time-style-7 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-7 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-8 .bs-date-time{border-radius:100px;overflow:hidden}.bs-date-time-widget.date-time-style-8 .bs-date-time .bs-icon-wrapper{background-color:rgba(0,0,0,.15);clip-path:polygon(0 0,75% 0,100% 100%,0 100%);padding:5px 20px 5px 12px}.bs-date-time-widget.date-time-style-8 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-8 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-9 .bs-date-time{border-radius:6px}.bs-date-time-widget.date-time-style-9 .bs-date-time .bs-icon-wrapper{align-self:flex-start;padding:0 0 5px 10px}.bs-date-time-widget.date-time-style-9 .bs-date-time .bs-icon-wrapper i{background-color:rgba(0,0,0,.15);border-radius:0 0 100px 100px;display:inline-block;line-height:1;padding:15px 10px 10px;text-align:center}.bs-date-time-widget.date-time-style-9 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-9 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-10 .bs-date-time{border-radius:6px;overflow:hidden}.bs-date-time-widget.date-time-style-10 .bs-date-time .bs-icon-wrapper{background-color:rgba(0,0,0,.15);clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);padding:5px 20px 5px 12px}.bs-date-time-widget.date-time-style-10 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-10 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-11 .bs-date-time{border-radius:6px 0 6px 0;overflow:hidden}.bs-date-time-widget.date-time-style-11 .bs-date-time .bs-icon-wrapper{padding:3px 0 3px 5px}.bs-date-time-widget.date-time-style-11 .bs-date-time .bs-icon-wrapper i{background-color:rgba(0,0,0,.15);clip-path:circle(45% at 50% 50%);display:inline-block;line-height:1;padding:12px}.bs-date-time-widget.date-time-style-11 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-11 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-style-12 .bs-date-time{border-radius:6px 6px 0 0;overflow:hidden}.bs-date-time-widget.date-time-style-12 .bs-date-time .bs-icon-wrapper{padding:5px 0 5px 5px}.bs-date-time-widget.date-time-style-12 .bs-date-time .bs-icon-wrapper i{border:2px solid;border-radius:50%;clip-path:circle(50% at 50% 50%);display:inline-block;line-height:1;padding:7px 8px}.bs-date-time-widget.date-time-style-12 .bs-date-time .bs-date,.bs-date-time-widget.date-time-style-12 .bs-date-time .bs-time-text{padding:5px 10px}.bs-date-time-widget.date-time-rounded .bs-date-time{border-radius:6px}.bs-date-time-widget.date-time-circular .bs-date-time{border-radius:100px}.bs-date-time-widget.date-time-circular:not(.date-time-style-2,.date-time-style-3,.date-time-style-11,.date-time-style-12) .bs-date-time .bs-icon-wrapper{padding-left:12px}.bs-date-time-widget.date-time-circular.date-time-style-2 .bs-date-time .bs-icon-wrapper,.bs-date-time-widget.date-time-circular.date-time-style-3 .bs-date-time .bs-icon-wrapper{padding-left:2px}.bs-date-time-widget.date-time-circular.date-time-style-11 .bs-date-time .bs-icon-wrapper,.bs-date-time-widget.date-time-circular.date-time-style-12 .bs-date-time .bs-icon-wrapper{padding-left:7px}.bs-date-time-widget.date-time-rectangular .bs-date-time{border-radius:0}.bs-date-time-widget.date-time-order-2 .bs-date-wrapper{order:1}.bs-date-time-widget.date-time-vertical{align-items:flex-start;flex-direction:column}.bs-date-time-left.bs-date-time-widget{justify-content:flex-start}.bs-date-time-left.bs-date-time-widget.date-time-vertical{align-items:flex-start}.bs-date-time-center.bs-date-time-widget{justify-content:center}.bs-date-time-center.bs-date-time-widget.date-time-vertical{align-items:center;justify-content:flex-start}.bs-date-time-right.bs-date-time-widget{justify-content:flex-end}.bs-date-time-right.bs-date-time-widget.date-time-vertical{align-items:flex-end;justify-content:flex-start}body.rtl .bs-date-time-widget.date-time-style-4 .bs-date-time{border-radius:6px 0 6px 0}body.rtl .bs-date-time-widget.date-time-style-4 .bs-date-time .bs-icon-wrapper{border-left:1px solid rgba(0,0,0,.15);border-right:none}body.rtl .bs-date-time-widget.date-time-style-5 .bs-date-time .bs-icon-wrapper{padding:5px 12px 5px 10px}body.rtl .bs-date-time-widget.date-time-style-6 .bs-date-time{border-radius:6px 0 6px 6px}body.rtl .bs-date-time-widget.date-time-style-6 .bs-date-time .bs-icon-wrapper:after{border-color:transparent rgba(0,0,0,.15) transparent transparent;left:auto;right:100%}body.rtl .bs-date-time-widget.date-time-style-7 .bs-date-time{border-radius:0 6px 0 0}body.rtl .bs-date-time-widget.date-time-style-7 .bs-date-time .bs-icon-wrapper{clip-path:polygon(0 0,100% 0,100% 100%,25% 100%);padding:5px 12px 5px 20px}body.rtl .bs-date-time-widget.date-time-style-8 .bs-date-time .bs-icon-wrapper{clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);padding:5px 12px 5px 20px}body.rtl .bs-date-time-widget.date-time-style-9 .bs-date-time .bs-icon-wrapper{padding:0 10px 5px 0}body.rtl .bs-date-time-widget.date-time-style-10 .bs-date-time .bs-icon-wrapper{clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);padding:5px 12px 5px 20px}body.rtl .bs-date-time-widget.date-time-style-11 .bs-date-time{border-radius:0 6px 0 6px}body.rtl .bs-date-time-widget.date-time-style-11 .bs-date-time .bs-icon-wrapper{padding:3px 5px 3px 0}body.rtl .bs-date-time-widget.date-time-style-12 .bs-date-time .bs-icon-wrapper{padding:5px 5px 5px 0}body.rtl .bs-date-time-widget.date-time-rounded .bs-date-time{border-radius:6px}body.rtl .bs-date-time-widget.date-time-circular .bs-date-time{border-radius:100px}body.rtl .bs-date-time-widget.date-time-circular.date-time-style-2 .bs-date-time .bs-icon-wrapper,body.rtl .bs-date-time-widget.date-time-circular.date-time-style-3 .bs-date-time .bs-icon-wrapper{padding-left:0;padding-right:2px}body.rtl .bs-date-time-widget.date-time-circular .date-time-style-4 .bs-date-time .bs-icon-wrapper,body.rtl .bs-date-time-widget.date-time-circular .date-time-style-5 .bs-date-time .bs-icon-wrapper,body.rtl .bs-date-time-widget.date-time-circular .date-time-style-6 .bs-date-time .bs-icon-wrapper,body.rtl .bs-date-time-widget.date-time-circular .date-time-style-9 .bs-date-time .bs-icon-wrapper{padding-left:10px;padding-right:12px}body.rtl .bs-date-time-widget.date-time-circular .date-time-style-10 .bs-date-time .bs-icon-wrapper,body.rtl .bs-date-time-widget.date-time-circular .date-time-style-7 .bs-date-time .bs-icon-wrapper,body.rtl .bs-date-time-widget.date-time-circular .date-time-style-8 .bs-date-time .bs-icon-wrapper{padding-left:20px;padding-right:12px}body.rtl .bs-date-time-widget.date-time-circular.date-time-style-11 .bs-date-time .bs-icon-wrapper,body.rtl .bs-date-time-widget.date-time-circular.date-time-style-12 .bs-date-time .bs-icon-wrapper{padding-left:0;padding-right:7px}body.rtl .bs-date-time-widget.date-time-rectangular .bs-date-time{border-radius:0}body.rtl .bs-date-time-left.bs-date-time-widget{justify-content:flex-end}body.rtl .bs-date-time-left.bs-date-time-widget.date-time-vertical{align-items:flex-end}body.rtl .bs-date-time-center.bs-date-time-widget{justify-content:center}body.rtl .bs-date-time-center.bs-date-time-widget.date-time-vertical{align-items:center;justify-content:flex-end}body.rtl .bs-date-time-right.bs-date-time-widget{justify-content:flex-start}body.rtl .bs-date-time-right.bs-date-time-widget.date-time-vertical{align-items:flex-start;justify-content:flex-end} |
