time-targeting-component/dist/timeTargetingComponent.css

Time targeting component

.checkbox-zone{padding:0;border:0;margin:0 auto;border-collapse:collapse}.checkbox-zone tr{padding:0;border:0;box-shadow:none;transition:all .3s ease}table.checkbox-zone thead th{background-color:#f7fafa;border-bottom:1px solid #e9eff0;text-align:left;font-family:Arial;font-size:14px;line-height:20px;text-align:left}.checkbox-zone th:first-child{padding-right:10px;padding-left:15px}.checkbox-zone th{color:#c3c8cc;font-size:12px;font-weight:400;border:0;vertical-align:middle;padding:4px 0 8px 0;box-shadow:none;cursor:pointer}.checkbox-zone tbody th span{position:relative;top:2px}.checkbox-zone td{padding:4px 0 4px 0;border:0;vertical-align:middle}.checkbox-zone td .form-check{margin:0}.checkbox-zone .form-check{padding-left:30px;cursor:pointer}.checkbox-zone .form-check{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox-zone input[type=checkbox],.checkbox-zone input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal;box-sizing:border-box;padding:0}.checkbox-zone .form-check input[type=checkbox],.checkbox-zone .form-check input[type=radio]{display:none}.checkbox-zone .form-check input[type=checkbox],.checkbox-zone .form-check input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox-zone td .form-check label{padding-left:0;padding-right:10px}.checkbox-zone .form-check label{position:relative}.checkbox-zone .form-check label{min-height:20px;padding-left:10px;margin-bottom:0;font-weight:400;cursor:pointer;color:#2c3133;font-family:Arial;font-size:14px}.checkbox-zone .form-check .form-check-control{color:#2c3133;font-family:Arial;font-size:14px;font-weight:400;line-height:20px}.checkbox-zone .form-check input[type=checkbox]:checked+label .form-check-control:hover:before{background-color:#52e113;border-color:#52e113}.checkbox-zone .form-check input[type=checkbox]:checked+label .form-check-control:before{background-color:#42cc05;border-color:#42cc05}.checkbox-zone .form-check .form-check-control:hover:before{border:1px solid #c3c8cc}.checkbox-zone .form-check .form-check-control:before{width:20px;height:20px;background-color:#fff;border:1px solid #e9eff0;border-radius:2px;left:-30px;box-sizing:border-box;transition:all .1s}.checkbox-zone .form-check input[type=checkbox]:checked+label .form-check-control:after{color:#62afff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%23ffffff'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E")}.checkbox-zone .form-check .form-check-control:after{width:14px;height:11px;background-position:50% 50%;background-image:none;text-indent:-9999px;background-repeat:no-repeat;display:inline-block;overflow:hidden;left:-27px;top:0;color:transparent;transition:color .1s}.checkbox-zone .form-check span:before,.form-check div:after,.form-check div:before,.form-check span:after{content:'';position:absolute;top:0;bottom:0;margin:auto}.time-targeting{margin-bottom:20px}.time-targeting a.undo{margin-left:20px}.time-targeting-spacing{height:15px}.show-in-h{padding:0 0 30px 48px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.time-targeting-wrapper.extended{display:flex}.extended-block{border-left:1px solid #eceaea;padding:0 0 0 20px}.extended-block>h3{margin:9px 0 10px 0;font-size:14pt;color:#585858;font-weight:400}.extended-values{width:100%;display:flex;flex-direction:column;align-items:baseline}.extended-values>div{height:24px;margin:0 0 4px 0;display:flex;align-items:center}.extended-values>div>div{width:20px;height:20px;border:2px solid #dadada;cursor:pointer;margin:0 10px 0 0}.extended-values>div>div.current{border:2px solid #656565;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}.form-check-extended{width:20px;height:20px;margin:0 20px 0 0}.form-check-extended>div{width:18px;height:18px;border:1px solid #d8d8d8;cursor:pointer}.form-check-extended>div>span{text-align:center;width:100%;display:block;font-size:10pt;line-height:18px}.unsel{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}