
.vendor-scheduler {
 width:100%;
 margin:0 0 30px
}
.vendor-scheduler h3 {
 font-weight:700;
 font-size:20px
}
.vendor-scheduler .vendor-scheduler-tab {
 padding:0 0 10px 20px;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-justify-content:space-around !important;
 -ms-flex-pack:distribute !important;
 justify-content:space-around !important;
 -webkit-box-align:center !important;
 -webkit-align-items:center !important;
 -ms-flex-align:center !important;
 align-items:center !important;
 position:relative
}
.vendor-scheduler .vendor-scheduler-tab p {
 display:block;
 padding:5px 5px 5px 5px;
 position:relative;
 font-weight:700;
 width:100%;
 text-align:center;
 margin:0
}
.vendor-scheduler .vendor-scheduler-tab span {
 display:block;
 padding:5px 5px 5px 22px;
 position:relative;
 font-weight:700;
 cursor:pointer;
 font-size:12px
}
@media only screen and (min-width: 1140px) {
 .vendor-scheduler .vendor-scheduler-tab span {
  font-size:14px
 }
}
.vendor-scheduler .vendor-scheduler-tab span:before {
 content:'';
 display:block;
 position:absolute;
 left:2px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:18px;
 height:18px;
 border-radius:50%;
 border:1px #ccc solid
}
.vendor-scheduler .vendor-scheduler-tab span:after {
 content:'';
 display:block;
 position:absolute;
 left:4px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:14px;
 height:14px;
 border-radius:50%;
 background-color:#ccc
}
.vendor-scheduler .vendor-scheduler-tab span.selected:before {
 border:1px #e4691c solid
}
.vendor-scheduler .vendor-scheduler-tab span.selected:after {
 background:#e4691c
}
.vendor-scheduler .vendor-scheduler-wrap {
 width:100%;
 padding:20px 20px 20px 0;
 border-radius:10px;
 -webkit-box-shadow:#ccc 0 0 10px;
 box-shadow:#ccc 0 0 10px
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery {
 width:100%;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-pack:start !important;
 -webkit-justify-content:flex-start !important;
 -ms-flex-pack:start !important;
 justify-content:flex-start !important;
 -webkit-box-align:stretch !important;
 -webkit-align-items:stretch !important;
 -ms-flex-align:stretch !important;
 align-items:stretch !important;
 position:relative
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul {
 list-style:none;
 width:calc(100% / 8);
 background-color:#ccc;
 margin:0
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul.time-list {
 background-color:transparent
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul.time-list li span {
 text-align:right;
 width:90%
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul li {
 border:1px #fff solid;
 display:block;
 position:relative;
 overflow:hidden;
 text-align:right;
 font-size:8px;
 line-height:12px
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul li:before {
 display:block;
 content:"";
 width:100%;
 padding-top:37.5%
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul li>.acontent {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:1
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul li span {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%)
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul li:nth-child(1) {
 background-color:#fff;
 text-align:center
}
.vendor-scheduler .vendor-scheduler-wrap .vendor-scheduler-delivery ul li.active {
 background-color:#e4691c
}

