time-targeting-component/docs/css/styles.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}body{margin:0;padding:0}.checkbox-zone .form-check .form-check-control:before{border:1px solid #d7ddde!important}.test_wrapper{width:100%;background:#f7f7f7;height:100%;min-height:1000px;display:flex}.test_container{margin:0 auto}.test_container h2{color:#585858;margin:40px 0 20px 0}.form-group{margin-bottom:22px}.btn-group>.btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn.btn-outline{border-color:#d7dbdf;color:#2c3133}.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn.btn-outline{border:1px solid #d7dbdf;color:#7a7a7d}.btn{background-color:transparent;border:1px solid transparent;border-radius:2px;padding:12px 15px 11px 15px;color:#fff;font-family:Arial;font-size:14px;font-weight:400;white-space:nowrap;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease;vertical-align:middle;cursor:pointer}.btn.btn-active{background:#dce3e4;z-index:10}.btn-group .btn+.btn{margin-left:-1px}.time-targeting a.undo{margin-left:20px}.undo{color:#2c3133;font-family:Arial;font-size:14px;font-weight:400;text-decoration:none;transition:all .3s ease;position:relative;cursor:pointer}.undo-icon{position:relative;top:4px;margin-right:8px}.undo-icon .i-refresh{display:inline-block;transition:all .3s ease}.f-ico.i-refresh{width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23c3c8cc'%3E%3Cpath d='M10 0c4.838 0 8.873 3.435 9.8 8h-2.052A8.002 8.002 0 0 0 3.432 5.432L6 8H0V2l2 2a9.982 9.982 0 0 1 8-4zm4 12h6v6l-2-2a9.983 9.983 0 0 1-8 4c-4.838 0-8.873-3.436-9.8-8h2.052a8.004 8.004 0 0 0 14.316 2.568L14 12z' class='f-icon refresh'/%3E%3C/svg%3E")}.undo:hover .i-refresh{width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23939699'%3E%3Cpath d='M10 0c4.838 0 8.873 3.435 9.8 8h-2.052A8.002 8.002 0 0 0 3.432 5.432L6 8H0V2l2 2a9.982 9.982 0 0 1 8-4zm4 12h6v6l-2-2a9.983 9.983 0 0 1-8 4c-4.838 0-8.873-3.436-9.8-8h2.052a8.004 8.004 0 0 0 14.316 2.568L14 12z' class='f-icon refresh'/%3E%3C/svg%3E")}.form-group .form-control{background-color:#fff;border:1px solid #e9eff0;border-radius:2px;color:#313436;height:20px;display:block;width:100%;font-family:Arial;font-size:14px;font-weight:400;padding:11px 14px 12px 19px;transition:border-color ease-in-out .15s}.form-line{display:flex}.ext-val100{background:#ad0000}.ext-val100>span{color:#fff}.ext-val90{background:#ad3b00}.ext-val90>span{color:#fff}.ext-val80{background:#ad6d00}.ext-val80>span{color:#fff}.ext-val70{background:#ad7f00}.ext-val70>span{color:#fff}.ext-val60{background:#c7a000}.ext-val60>span{color:#333}.ext-val50{background:#d6c215}.ext-val50>span{color:#333}.ext-val40{background:#deda26}.ext-val40>span{color:#333}.ext-val30{background:#f6f100}.ext-val30>span{color:#333}.ext-val20{background:#f6ea57}.ext-val20>span{color:#333}.ext-val10{background:#f6e88e}.ext-val10>span{color:#333}.ext-val0{background:#fff}.ext-val0>span{color:#333}
/*# sourceMappingURL=styles.css.map */