| 1 |
- textarea{margin-bottom:20px;border:1px solid #ff9200;background:#d9efe9;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:1rem;-webkit-border-radius:4px;border-radius:4px;width:100%;display:block}input[type="text"],input[type="date"],input[type="password"],.button,select,button{width:100%;height:30px;margin-bottom:20px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:1rem;-webkit-border-radius:4px;border-radius:4px;background:#d9efe9;color:#740;border:1px solid #07374d}input[type="text"]:disabled,input[type="date"]:disabled,input[type="password"]:disabled,.button:disabled,select:disabled,button:disabled{opacity:0.5}input[type="text"],input[type="date"],input[type="password"],textarea{-webkit-padding-start:10px;padding-inline-start:10px}input[type="text"]:focus:not(:disabled),input[type="text"]:hover:not(:disabled),input[type="date"]:focus:not(:disabled),input[type="date"]:hover:not(:disabled),input[type="password"]:focus:not(:disabled),input[type="password"]:hover:not(:disabled),textarea:focus:not(:disabled),textarea:hover:not(:disabled){border-color:#740}input[type="text"]:focus,input[type="date"]:focus,input[type="password"]:focus,textarea:focus{-webkit-box-shadow:0 0 1px 1px #ffc880;box-shadow:0 0 1px 1px #ffc880}.button:hover,button:hover{border-color:#740;-webkit-box-shadow:0 0 1px 1px #ffc880;box-shadow:0 0 1px 1px #ffc880;cursor:pointer}.button{text-align:center;line-height:28px}.button-group{display:-ms-grid;display:grid;grid-gap:20px;-ms-grid-columns:(minmax(130px, 1fr))[auto-fill];grid-template-columns:repeat(auto-fill, minmax(130px, 1fr))}.button-group>.button,.button-group>button{margin:0}input:placeholder-shown{-o-text-overflow:ellipsis;text-overflow:ellipsis}input[type="search"]{border:none;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.search-block{margin-bottom:20px;background-color:#d9efe9;-webkit-border-radius:4px;border-radius:4px;position:relative;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.search-block .search{position:relative;min-height:50px;margin-left:10px;margin-right:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.search-block .search>input{height:2.5rem;font-size:1.25rem;color:#e4ebe4;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-transition:color 100ms linear;-o-transition:color 100ms linear;transition:color 100ms linear}.search-block .search>input+.placeholder{position:absolute;top:50%;left:40px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#e4ebe4;font-size:1.25rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-transition:all 100ms linear;-o-transition:all 100ms linear;transition:all 100ms linear}.search-block .search>input+.placeholder+.line{position:absolute;bottom:0;left:0;right:100%;height:2px;background-color:#e4ebe4;-webkit-transition:right 100ms linear;-o-transition:right 100ms linear;transition:right 100ms linear}.search-block .search>input ~ .fa-search{position:absolute;font-size:2rem;top:50%;color:#e4ebe4;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:font-size 100ms linear, top 100ms linear;-o-transition:font-size 100ms linear, top 100ms linear;transition:font-size 100ms linear, top 100ms linear}.search-block .search>input:valid,.search-block .search>input:focus{color:#182410}.search-block .search>input:valid+.placeholder,.search-block .search>input:focus+.placeholder{font-size:0.9rem;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);color:#182410}.search-block .search>input:valid+.placeholder+.line,.search-block .search>input:focus+.placeholder+.line{right:0}.search-block .search>input:valid ~ .fa-search,.search-block .search>input:focus ~ .fa-search{font-size:1rem;top:65%}.search-block .search+.search-list{display:none;position:absolute;top:100%;left:0;right:0;background-color:#e6ffce;padding:20px;z-index:90}.search-block .search+.search-list h3{color:#388e3c;padding-bottom:5px;border-bottom:1px solid;margin-bottom:15px;margin-top:20px}.search-block .search+.search-list ul>li{list-style:none}.search-block .search+.search-list ul>li>a{color:#182410;display:block;padding:5px 0}label.checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}label.checkbox>input[type="checkbox"]{display:none}label.checkbox>input[type="checkbox"]+.checked{position:relative;width:20px;height:20px;border:1px solid #740;-webkit-border-radius:3px;border-radius:3px}label.checkbox>input[type="checkbox"]+.checked::before{content:"";position:absolute;left:1px;top:1px;right:1px;bottom:1px;-webkit-border-radius:3px;border-radius:3px;background-color:#d9efe9}label.checkbox>input[type="checkbox"]:hover+.checked{-webkit-box-shadow:0 0 1px 1px #ffc880;box-shadow:0 0 1px 1px #ffc880}label.checkbox>input[type="checkbox"]:hover+.checked::before{background-color:#ffc880}label.checkbox>input[type="checkbox"]:hover:checked+.checked::before{background-color:#9e743c}label.checkbox>input[type="checkbox"]:checked+.checked::before{background-color:#740}label.checkbox>.text{margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.checkbox:hover{cursor:pointer}.tree{border:1px solid #740;padding-left:20px;margin-bottom:20px;font-size:0.9rem;max-height:250px;overflow:auto;outline:none}.tree .branch{margin-left:40px;position:relative}.tree .branch>.head{position:relative}.tree .branch>.head:hover{color:#740;cursor:pointer}.tree .branch>.head::before{content:"";position:absolute;left:-17px;width:0.75rem;height:0.75rem;border:1px solid;border-color:#ff9200;-webkit-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:0.6rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.tree .branch>.body{height:auto}.tree .branch.selected>.head::before{background-color:#ffc880}.tree .branch::before{content:"";position:absolute;border-top:1px dashed;border-color:#740;top:0.6rem;left:-40px;width:20px}.tree .branch::after{content:"";position:absolute;border-left:1px dashed;border-color:#740;top:0;bottom:0;left:-40px}
|
