fomantic-ui-react
Version:
Fomantic-UI React -- A React Component Library.
1 lines • 39.3 kB
CSS
.ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields .fields,.ui.form .fields:last-child .field{margin-bottom:0}.ui.form .fields .field{clear:both;margin:0}.ui.form .field>label{display:block;margin:0 0 .28571429rem;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url],.ui.form textarea{width:100%;vertical-align:top}.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button{height:1.21428571em}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url]{font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;margin:0;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:inset 0 0 0 0 transparent;transition:color .1s ease,border-color .1s ease}.ui.form textarea,.ui.input textarea{margin:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:.78571429em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);outline:none;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:inset 0 0 0 0 transparent;transition:color .1s ease,border-color .1s ease;font-size:1em;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;line-height:1.2857;resize:vertical}.ui.form textarea:not([rows]){height:12em;min-height:8em;max-height:24em}.ui.form input[type=checkbox],.ui.form textarea{vertical-align:top}.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label+.ui.ui.checkbox{margin-top:.7em}.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox{margin-top:2.41428571em}.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox{margin-top:2.21428571em}.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox{margin-top:2.61428571em}.ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox{margin-top:.6em}.ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox{margin-top:.5em}.ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox{margin-top:.7em}.ui.form .field .transparent.input:not(.icon) input,.ui.form .field input.transparent,.ui.form .field textarea.transparent{padding:.67857143em 1em}.ui.form .field input.transparent,.ui.form .field textarea.transparent{border-color:transparent;background-color:transparent;box-shadow:none}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#fff;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;box-shadow:inset 0 0 0 0 transparent;padding:.62em 1em;color:rgba(0,0,0,.87);transition:color .1s ease,border-color .1s ease}.ui.form .field>.selection.dropdown{min-width:auto;width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.field>.selection.dropdown,.ui.form .inline.fields .field>.selection.dropdown{width:auto}.ui.form .inline.field>.selection.dropdown>.dropdown.icon,.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .field .ui.input,.ui.form .fields .field .ui.input,.ui.form .wide.field .ui.input{width:100%}.ui.form .inline.field:not(.wide) .ui.input,.ui.form .inline.fields .field:not(.wide) .ui.input{width:auto;vertical-align:middle}.ui.form .field .ui.input input,.ui.form .fields .field .ui.input input{width:auto}.ui.form .eight.fields .ui.input input,.ui.form .five.fields .ui.input input,.ui.form .four.fields .ui.input input,.ui.form .nine.fields .ui.input input,.ui.form .seven.fields .ui.input input,.ui.form .six.fields .ui.input input,.ui.form .ten.fields .ui.input input,.ui.form .three.fields .ui.input input,.ui.form .two.fields .ui.input input,.ui.form .wide.field .ui.input input{flex:1 0 auto;width:0}.ui.form .error.message,.ui.form .error.message:empty,.ui.form .info.message,.ui.form .info.message:empty,.ui.form .success.message,.ui.form .success.message:empty,.ui.form .warning.message,.ui.form .warning.message:empty{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:normal;background:#fff;border:1px solid #e0b4b4;color:#9f3a38}.ui.form .inline.field .prompt,.ui.form .inline.fields .field .prompt{vertical-align:top;margin:-.25em 0 -.5em .5em}.ui.form .inline.field .prompt:before,.ui.form .inline.fields .field .prompt:before{border-width:0 0 1px 1px;bottom:auto;right:auto;top:50%;left:0}.ui.form .field.field input:-webkit-autofill{box-shadow:inset 0 0 0 100px ivory;border-color:#e5dfa1}.ui.form .field.field input:-webkit-autofill:focus{box-shadow:inset 0 0 0 100px ivory;border-color:#d5c315}.ui.form ::-webkit-input-placeholder{color:hsla(0,0%,74.9%,.87)}.ui.form :-ms-input-placeholder{color:hsla(0,0%,74.9%,.87)}.ui.form ::-moz-placeholder{color:hsla(0,0%,74.9%,.87);opacity:1}.ui.form :focus::-webkit-input-placeholder{color:hsla(0,0%,45.1%,.87)}.ui.form :focus:-ms-input-placeholder{color:hsla(0,0%,45.1%,.87)}.ui.form :focus::-moz-placeholder{color:hsla(0,0%,45.1%,.87)}.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=file]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=text]:focus,.ui.form input[type=time]:focus,.ui.form input[type=url]:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;box-shadow:inset 0 0 0 0 rgba(34,36,38,.35)}.ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=date]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=datetime-local]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=email]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=file]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=number]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=password]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=search]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=tel]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=text]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=time]:focus,.ui.form .ui.action.input:not([class*="left action"]) input[type=url]:focus{border-top-right-radius:0;border-bottom-right-radius:0}.ui.form .ui[class*="left action"].input input:not([type]),.ui.form .ui[class*="left action"].input input[type=date],.ui.form .ui[class*="left action"].input input[type=datetime-local],.ui.form .ui[class*="left action"].input input[type=email],.ui.form .ui[class*="left action"].input input[type=file],.ui.form .ui[class*="left action"].input input[type=number],.ui.form .ui[class*="left action"].input input[type=password],.ui.form .ui[class*="left action"].input input[type=search],.ui.form .ui[class*="left action"].input input[type=tel],.ui.form .ui[class*="left action"].input input[type=text],.ui.form .ui[class*="left action"].input input[type=time],.ui.form .ui[class*="left action"].input input[type=url]{border-bottom-left-radius:0;border-top-left-radius:0}.ui.form textarea:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;box-shadow:inset 0 0 0 0 rgba(34,36,38,.35);-webkit-appearance:none}.ui.form.error .error.message:not(:empty){display:block}.ui.form.error .compact.error.message:not(:empty){display:inline-block}.ui.form.error .icon.error.message:not(:empty){display:flex}.ui.form .field.error .error.message:not(:empty),.ui.form .fields.error .error.message:not(:empty){display:block}.ui.form .field.error .compact.error.message:not(:empty),.ui.form .fields.error .compact.error.message:not(:empty){display:inline-block}.ui.form .field.error .icon.error.message:not(:empty),.ui.form .fields.error .icon.error.message:not(:empty){display:flex}.ui.ui.form .field.error .input,.ui.ui.form .field.error .ui.label:not(.corner),.ui.ui.form .field.error label,.ui.ui.form .fields.error .field .input,.ui.ui.form .fields.error .field .ui.label:not(.corner),.ui.ui.form .fields.error .field label{color:#9f3a38}.ui.form .field.error .ui.label,.ui.form .fields.error .field .ui.label{background-color:#ecd1d1}.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label{border-color:#9f3a38;color:#fff}.ui.form .field.error input:not([type]),.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=email],.ui.form .field.error input[type=file],.ui.form .field.error input[type=number],.ui.form .field.error input[type=password],.ui.form .field.error input[type=search],.ui.form .field.error input[type=tel],.ui.form .field.error input[type=text],.ui.form .field.error input[type=time],.ui.form .field.error input[type=url],.ui.form .field.error select,.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=file],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=search],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=time],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field select,.ui.form .fields.error .field textarea{color:#9f3a38;background:#fff6f6;border-color:#e0b4b4;border-radius:"";box-shadow:none}.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=file]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=search]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=time]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error select:focus,.ui.form .field.error textarea:focus{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38;box-shadow:none}.ui.form .field.error select{-webkit-appearance:menulist-button}.ui.form .field.error .transparent.input input,.ui.form .field.error .transparent.input textarea,.ui.form .field.error input.transparent,.ui.form .field.error textarea.transparent{background-color:#fff6f6;color:#9f3a38}.ui.form .error.error input:-webkit-autofill{box-shadow:inset 0 0 0 100px #fffaf0;border-color:#e0b4b4}.ui.form .error ::-webkit-input-placeholder{color:#e7bdbc}.ui.form .error :-ms-input-placeholder{color:#e7bdbc}.ui.form .error ::-moz-placeholder{color:#e7bdbc}.ui.form .error :focus::-webkit-input-placeholder{color:#da9796}.ui.form .error :focus:-ms-input-placeholder{color:#da9796}.ui.form .error :focus::-moz-placeholder{color:#da9796}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown>.text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item{background:#fff6f6;color:#9f3a38}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown:hover{border-color:#e0b4b4}.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu{border-color:#e0b4b4}.ui.form .field.error .ui.multiple.selection.dropdown>.label,.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label{background-color:#eacbcb;color:#9f3a38}.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .field.error .ui.dropdown .menu .selected.item,.ui.form .fields.error .field .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .selected.item{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item{background-color:#fdcfcf}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label{color:#9f3a38}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before{background:#fff6f6;border-color:#e0b4b4}.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after{color:#9f3a38}.ui.inverted.form .error.field label,.ui.inverted.form .fields.error .field label{color:#ecd1d1}.ui.form.info .info.message:not(:empty){display:block}.ui.form.info .compact.info.message:not(:empty){display:inline-block}.ui.form.info .icon.info.message:not(:empty){display:flex}.ui.form .field.info .info.message:not(:empty),.ui.form .fields.info .info.message:not(:empty){display:block}.ui.form .field.info .compact.info.message:not(:empty),.ui.form .fields.info .compact.info.message:not(:empty){display:inline-block}.ui.form .field.info .icon.info.message:not(:empty),.ui.form .fields.info .icon.info.message:not(:empty){display:flex}.ui.ui.form .field.info .input,.ui.ui.form .field.info .ui.label:not(.corner),.ui.ui.form .field.info label,.ui.ui.form .fields.info .field .input,.ui.ui.form .fields.info .field .ui.label:not(.corner),.ui.ui.form .fields.info .field label{color:#276f86}.ui.form .field.info .ui.label,.ui.form .fields.info .field .ui.label{background-color:#c6e3e9}.ui.form .field.info .corner.label,.ui.form .fields.info .field .corner.label{border-color:#276f86;color:#fff}.ui.form .field.info input:not([type]),.ui.form .field.info input[type=date],.ui.form .field.info input[type=datetime-local],.ui.form .field.info input[type=email],.ui.form .field.info input[type=file],.ui.form .field.info input[type=number],.ui.form .field.info input[type=password],.ui.form .field.info input[type=search],.ui.form .field.info input[type=tel],.ui.form .field.info input[type=text],.ui.form .field.info input[type=time],.ui.form .field.info input[type=url],.ui.form .field.info select,.ui.form .field.info textarea,.ui.form .fields.info .field input:not([type]),.ui.form .fields.info .field input[type=date],.ui.form .fields.info .field input[type=datetime-local],.ui.form .fields.info .field input[type=email],.ui.form .fields.info .field input[type=file],.ui.form .fields.info .field input[type=number],.ui.form .fields.info .field input[type=password],.ui.form .fields.info .field input[type=search],.ui.form .fields.info .field input[type=tel],.ui.form .fields.info .field input[type=text],.ui.form .fields.info .field input[type=time],.ui.form .fields.info .field input[type=url],.ui.form .fields.info .field select,.ui.form .fields.info .field textarea{color:#276f86;background:#f8ffff;border-color:#a9d5de;border-radius:"";box-shadow:none}.ui.form .field.info input:not([type]):focus,.ui.form .field.info input[type=date]:focus,.ui.form .field.info input[type=datetime-local]:focus,.ui.form .field.info input[type=email]:focus,.ui.form .field.info input[type=file]:focus,.ui.form .field.info input[type=number]:focus,.ui.form .field.info input[type=password]:focus,.ui.form .field.info input[type=search]:focus,.ui.form .field.info input[type=tel]:focus,.ui.form .field.info input[type=text]:focus,.ui.form .field.info input[type=time]:focus,.ui.form .field.info input[type=url]:focus,.ui.form .field.info select:focus,.ui.form .field.info textarea:focus{background:#f8ffff;border-color:#a9d5de;color:#276f86;box-shadow:none}.ui.form .field.info select{-webkit-appearance:menulist-button}.ui.form .field.info .transparent.input input,.ui.form .field.info .transparent.input textarea,.ui.form .field.info input.transparent,.ui.form .field.info textarea.transparent{background-color:#f8ffff;color:#276f86}.ui.form .info.info input:-webkit-autofill{box-shadow:inset 0 0 0 100px #f0faff;border-color:#b3e0e0}.ui.form .info ::-webkit-input-placeholder{color:#98cfe1}.ui.form .info :-ms-input-placeholder{color:#98cfe1}.ui.form .info ::-moz-placeholder{color:#98cfe1}.ui.form .info :focus::-webkit-input-placeholder{color:#70bdd6}.ui.form .info :focus:-ms-input-placeholder{color:#70bdd6}.ui.form .info :focus::-moz-placeholder{color:#70bdd6}.ui.form .field.info .ui.dropdown,.ui.form .field.info .ui.dropdown .item,.ui.form .field.info .ui.dropdown>.text,.ui.form .fields.info .field .ui.dropdown,.ui.form .fields.info .field .ui.dropdown .item{background:#f8ffff;color:#276f86}.ui.form .field.info .ui.dropdown,.ui.form .field.info .ui.dropdown:hover,.ui.form .fields.info .field .ui.dropdown,.ui.form .fields.info .field .ui.dropdown:hover{border-color:#a9d5de}.ui.form .field.info .ui.dropdown:hover .menu,.ui.form .fields.info .field .ui.dropdown:hover .menu{border-color:#a9d5de}.ui.form .field.info .ui.multiple.selection.dropdown>.label,.ui.form .fields.info .field .ui.multiple.selection.dropdown>.label{background-color:#cce3ea;color:#276f86}.ui.form .field.info .ui.dropdown .menu .item:hover,.ui.form .field.info .ui.dropdown .menu .selected.item,.ui.form .fields.info .field .ui.dropdown .menu .item:hover,.ui.form .fields.info .field .ui.dropdown .menu .selected.item{background-color:#e9f2fb}.ui.form .field.info .ui.dropdown .menu .active.item,.ui.form .fields.info .field .ui.dropdown .menu .active.item{background-color:#cef1fd}.ui.form .field.info .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.info .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label{color:#276f86}.ui.form .field.info .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label:before{background:#f8ffff;border-color:#a9d5de}.ui.form .field.info .checkbox .box:after,.ui.form .field.info .checkbox label:after,.ui.form .fields.info .field .checkbox .box:after,.ui.form .fields.info .field .checkbox label:after{color:#276f86}.ui.inverted.form .fields.info .field label,.ui.inverted.form .info.field label{color:#c6e3e9}.ui.form.success .success.message:not(:empty){display:block}.ui.form.success .compact.success.message:not(:empty){display:inline-block}.ui.form.success .icon.success.message:not(:empty){display:flex}.ui.form .field.success .success.message:not(:empty),.ui.form .fields.success .success.message:not(:empty){display:block}.ui.form .field.success .compact.success.message:not(:empty),.ui.form .fields.success .compact.success.message:not(:empty){display:inline-block}.ui.form .field.success .icon.success.message:not(:empty),.ui.form .fields.success .icon.success.message:not(:empty){display:flex}.ui.ui.form .field.success .input,.ui.ui.form .field.success .ui.label:not(.corner),.ui.ui.form .field.success label,.ui.ui.form .fields.success .field .input,.ui.ui.form .fields.success .field .ui.label:not(.corner),.ui.ui.form .fields.success .field label{color:#2c662d}.ui.form .field.success .ui.label,.ui.form .fields.success .field .ui.label{background-color:#b9d1ad}.ui.form .field.success .corner.label,.ui.form .fields.success .field .corner.label{border-color:#2c662d;color:#fff}.ui.form .field.success input:not([type]),.ui.form .field.success input[type=date],.ui.form .field.success input[type=datetime-local],.ui.form .field.success input[type=email],.ui.form .field.success input[type=file],.ui.form .field.success input[type=number],.ui.form .field.success input[type=password],.ui.form .field.success input[type=search],.ui.form .field.success input[type=tel],.ui.form .field.success input[type=text],.ui.form .field.success input[type=time],.ui.form .field.success input[type=url],.ui.form .field.success select,.ui.form .field.success textarea,.ui.form .fields.success .field input:not([type]),.ui.form .fields.success .field input[type=date],.ui.form .fields.success .field input[type=datetime-local],.ui.form .fields.success .field input[type=email],.ui.form .fields.success .field input[type=file],.ui.form .fields.success .field input[type=number],.ui.form .fields.success .field input[type=password],.ui.form .fields.success .field input[type=search],.ui.form .fields.success .field input[type=tel],.ui.form .fields.success .field input[type=text],.ui.form .fields.success .field input[type=time],.ui.form .fields.success .field input[type=url],.ui.form .fields.success .field select,.ui.form .fields.success .field textarea{color:#2c662d;background:#fcfff5;border-color:#a3c293;border-radius:"";box-shadow:none}.ui.form .field.success input:not([type]):focus,.ui.form .field.success input[type=date]:focus,.ui.form .field.success input[type=datetime-local]:focus,.ui.form .field.success input[type=email]:focus,.ui.form .field.success input[type=file]:focus,.ui.form .field.success input[type=number]:focus,.ui.form .field.success input[type=password]:focus,.ui.form .field.success input[type=search]:focus,.ui.form .field.success input[type=tel]:focus,.ui.form .field.success input[type=text]:focus,.ui.form .field.success input[type=time]:focus,.ui.form .field.success input[type=url]:focus,.ui.form .field.success select:focus,.ui.form .field.success textarea:focus{background:#fcfff5;border-color:#a3c293;color:#2c662d;box-shadow:none}.ui.form .field.success select{-webkit-appearance:menulist-button}.ui.form .field.success .transparent.input input,.ui.form .field.success .transparent.input textarea,.ui.form .field.success input.transparent,.ui.form .field.success textarea.transparent{background-color:#fcfff5;color:#2c662d}.ui.form .success.success input:-webkit-autofill{box-shadow:inset 0 0 0 100px #f0fff0;border-color:#bee0b3}.ui.form .success ::-webkit-input-placeholder{color:#8fcf90}.ui.form .success :-ms-input-placeholder{color:#8fcf90}.ui.form .success ::-moz-placeholder{color:#8fcf90}.ui.form .success :focus::-webkit-input-placeholder{color:#6cbf6d}.ui.form .success :focus:-ms-input-placeholder{color:#6cbf6d}.ui.form .success :focus::-moz-placeholder{color:#6cbf6d}.ui.form .field.success .ui.dropdown,.ui.form .field.success .ui.dropdown .item,.ui.form .field.success .ui.dropdown>.text,.ui.form .fields.success .field .ui.dropdown,.ui.form .fields.success .field .ui.dropdown .item{background:#fcfff5;color:#2c662d}.ui.form .field.success .ui.dropdown,.ui.form .field.success .ui.dropdown:hover,.ui.form .fields.success .field .ui.dropdown,.ui.form .fields.success .field .ui.dropdown:hover{border-color:#a3c293}.ui.form .field.success .ui.dropdown:hover .menu,.ui.form .fields.success .field .ui.dropdown:hover .menu{border-color:#a3c293}.ui.form .field.success .ui.multiple.selection.dropdown>.label,.ui.form .fields.success .field .ui.multiple.selection.dropdown>.label{background-color:#cceacc;color:#2c662d}.ui.form .field.success .ui.dropdown .menu .item:hover,.ui.form .field.success .ui.dropdown .menu .selected.item,.ui.form .fields.success .field .ui.dropdown .menu .item:hover,.ui.form .fields.success .field .ui.dropdown .menu .selected.item{background-color:#e9fbe9}.ui.form .field.success .ui.dropdown .menu .active.item,.ui.form .fields.success .field .ui.dropdown .menu .active.item{background-color:#dafdce}.ui.form .field.success .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.success .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label{color:#2c662d}.ui.form .field.success .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label:before{background:#fcfff5;border-color:#a3c293}.ui.form .field.success .checkbox .box:after,.ui.form .field.success .checkbox label:after,.ui.form .fields.success .field .checkbox .box:after,.ui.form .fields.success .field .checkbox label:after{color:#2c662d}.ui.inverted.form .fields.success .field label,.ui.inverted.form .success.field label{color:#b9d1ad}.ui.form.warning .warning.message:not(:empty){display:block}.ui.form.warning .compact.warning.message:not(:empty){display:inline-block}.ui.form.warning .icon.warning.message:not(:empty){display:flex}.ui.form .field.warning .warning.message:not(:empty),.ui.form .fields.warning .warning.message:not(:empty){display:block}.ui.form .field.warning .compact.warning.message:not(:empty),.ui.form .fields.warning .compact.warning.message:not(:empty){display:inline-block}.ui.form .field.warning .icon.warning.message:not(:empty),.ui.form .fields.warning .icon.warning.message:not(:empty){display:flex}.ui.ui.form .field.warning .input,.ui.ui.form .field.warning .ui.label:not(.corner),.ui.ui.form .field.warning label,.ui.ui.form .fields.warning .field .input,.ui.ui.form .fields.warning .field .ui.label:not(.corner),.ui.ui.form .fields.warning .field label{color:#573a08}.ui.form .field.warning .ui.label,.ui.form .fields.warning .field .ui.label{background-color:#d7ccb5}.ui.form .field.warning .corner.label,.ui.form .fields.warning .field .corner.label{border-color:#573a08;color:#fff}.ui.form .field.warning input:not([type]),.ui.form .field.warning input[type=date],.ui.form .field.warning input[type=datetime-local],.ui.form .field.warning input[type=email],.ui.form .field.warning input[type=file],.ui.form .field.warning input[type=number],.ui.form .field.warning input[type=password],.ui.form .field.warning input[type=search],.ui.form .field.warning input[type=tel],.ui.form .field.warning input[type=text],.ui.form .field.warning input[type=time],.ui.form .field.warning input[type=url],.ui.form .field.warning select,.ui.form .field.warning textarea,.ui.form .fields.warning .field input:not([type]),.ui.form .fields.warning .field input[type=date],.ui.form .fields.warning .field input[type=datetime-local],.ui.form .fields.warning .field input[type=email],.ui.form .fields.warning .field input[type=file],.ui.form .fields.warning .field input[type=number],.ui.form .fields.warning .field input[type=password],.ui.form .fields.warning .field input[type=search],.ui.form .fields.warning .field input[type=tel],.ui.form .fields.warning .field input[type=text],.ui.form .fields.warning .field input[type=time],.ui.form .fields.warning .field input[type=url],.ui.form .fields.warning .field select,.ui.form .fields.warning .field textarea{color:#573a08;background:#fffaf3;border-color:#c9ba9b;border-radius:"";box-shadow:none}.ui.form .field.warning input:not([type]):focus,.ui.form .field.warning input[type=date]:focus,.ui.form .field.warning input[type=datetime-local]:focus,.ui.form .field.warning input[type=email]:focus,.ui.form .field.warning input[type=file]:focus,.ui.form .field.warning input[type=number]:focus,.ui.form .field.warning input[type=password]:focus,.ui.form .field.warning input[type=search]:focus,.ui.form .field.warning input[type=tel]:focus,.ui.form .field.warning input[type=text]:focus,.ui.form .field.warning input[type=time]:focus,.ui.form .field.warning input[type=url]:focus,.ui.form .field.warning select:focus,.ui.form .field.warning textarea:focus{background:#fffaf3;border-color:#c9ba9b;color:#573a08;box-shadow:none}.ui.form .field.warning select{-webkit-appearance:menulist-button}.ui.form .field.warning .transparent.input input,.ui.form .field.warning .transparent.input textarea,.ui.form .field.warning input.transparent,.ui.form .field.warning textarea.transparent{background-color:#fffaf3;color:#573a08}.ui.form .warning.warning input:-webkit-autofill{box-shadow:inset 0 0 0 100px #ffffe0;border-color:#e0e0b3}.ui.form .warning ::-webkit-input-placeholder{color:#edad3e}.ui.form .warning :-ms-input-placeholder{color:#edad3e}.ui.form .warning ::-moz-placeholder{color:#edad3e}.ui.form .warning :focus::-webkit-input-placeholder{color:#e39715}.ui.form .warning :focus:-ms-input-placeholder{color:#e39715}.ui.form .warning :focus::-moz-placeholder{color:#e39715}.ui.form .field.warning .ui.dropdown,.ui.form .field.warning .ui.dropdown .item,.ui.form .field.warning .ui.dropdown>.text,.ui.form .fields.warning .field .ui.dropdown,.ui.form .fields.warning .field .ui.dropdown .item{background:#fffaf3;color:#573a08}.ui.form .field.warning .ui.dropdown,.ui.form .field.warning .ui.dropdown:hover,.ui.form .fields.warning .field .ui.dropdown,.ui.form .fields.warning .field .ui.dropdown:hover{border-color:#c9ba9b}.ui.form .field.warning .ui.dropdown:hover .menu,.ui.form .fields.warning .field .ui.dropdown:hover .menu{border-color:#c9ba9b}.ui.form .field.warning .ui.multiple.selection.dropdown>.label,.ui.form .fields.warning .field .ui.multiple.selection.dropdown>.label{background-color:#eaeacc;color:#573a08}.ui.form .field.warning .ui.dropdown .menu .item:hover,.ui.form .field.warning .ui.dropdown .menu .selected.item,.ui.form .fields.warning .field .ui.dropdown .menu .item:hover,.ui.form .fields.warning .field .ui.dropdown .menu .selected.item{background-color:#fbfbe9}.ui.form .field.warning .ui.dropdown .menu .active.item,.ui.form .fields.warning .field .ui.dropdown .menu .active.item{background-color:#fdfdce}.ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label{color:#573a08}.ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label:before{background:#fffaf3;border-color:#c9ba9b}.ui.form .field.warning .checkbox .box:after,.ui.form .field.warning .checkbox label:after,.ui.form .fields.warning .field .checkbox .box:after,.ui.form .fields.warning .field .checkbox label:after{color:#573a08}.ui.inverted.form .fields.warning .field label,.ui.inverted.form .warning.field label{color:#d7ccb5}.ui.form .disabled.field,.ui.form .disabled.fields .field,.ui.form .field :disabled{pointer-events:none;opacity:.45}.ui.form .field.disabled>label,.ui.form .fields.disabled>label{opacity:.45}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;pointer-events:none}.ui.loading.form:before{position:absolute;content:"";top:0;left:0;background:hsla(0,0%,100%,.8);width:100%;height:100%;z-index:100}.ui.loading.form.segments:before{border-radius:.28571429rem}.ui.loading.form:after{position:absolute;content:"";top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:loader .6s linear infinite;animation:loader .6s linear infinite;border:.2em solid #767676;border-radius:500rem;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form label.required:after{margin:-.2em 0 0 .2em;content:"*";color:#db2828}.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form label.required:after{display:inline-block;vertical-align:top}.ui.form .required.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after{position:absolute;top:0;left:100%}.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .inline.field>label,.ui.inverted.form .inline.field>p,.ui.inverted.form .inline.fields .field>label,.ui.inverted.form .inline.fields .field>p,.ui.inverted.form .inline.fields>label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label{color:hsla(0,0%,100%,.9)}.ui.inverted.loading.form{color:#fff}.ui.inverted.loading.form:before{background:rgba(0,0,0,.85)}.ui.inverted.form input:not([type]),.ui.inverted.form input[type=date],.ui.inverted.form input[type=datetime-local],.ui.inverted.form input[type=email],.ui.inverted.form input[type=file],.ui.inverted.form input[type=number],.ui.inverted.form input[type=password],.ui.inverted.form input[type=search],.ui.inverted.form input[type=tel],.ui.inverted.form input[type=text],.ui.inverted.form input[type=time],.ui.inverted.form input[type=url]{background:#fff;border-color:hsla(0,0%,100%,.1);color:rgba(0,0,0,.87);box-shadow:none}.ui.form .grouped.fields{display:block;margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{margin:0 0 .28571429rem;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form .grouped.fields .field,.ui.form .grouped.inline.fields .field{display:block;margin:.5em 0;padding:0}.ui.form .grouped.inline.fields .ui.checkbox{margin-bottom:.4em}.ui.form .fields{display:flex;flex-direction:row;margin:0 -.5em 1em}.ui.form .fields>.field{flex:0 1 auto;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;box-shadow:none}.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:50%}.ui.form .three.fields>.field,.ui.form .three.fields>.fields{width:33.33333333%}.ui.form .four.fields>.field,.ui.form .four.fields>.fields{width:25%}.ui.form .five.fields>.field,.ui.form .five.fields>.fields{width:20%}.ui.form .six.fields>.field,.ui.form .six.fields>.fields{width:16.66666667%}.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields{width:14.28571429%}.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields{width:12.5%}.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields{width:11.11111111%}.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields{width:10%}@media only screen and (max-width:767.98px){.ui.form .fields{flex-wrap:wrap;margin-bottom:0}.ui.form:not(.unstackable) .fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fields{width:100%;margin:0 0 1em}}.ui.form .fields .wide.field{width:6.25%;padding-left:.5em;padding-right:.5em}.ui.form .one.wide.field{width:6.25%}.ui.form .two.wide.field{width:12.5%}.ui.form .three.wide.field{width:18.75%}.ui.form .four.wide.field{width:25%}.ui.form .five.wide.field{width:31.25%}.ui.form .six.wide.field{width:37.5%}.ui.form .seven.wide.field{width:43.75%}.ui.form .eight.wide.field{width:50%}.ui.form .nine.wide.field{width:56.25%}.ui.form .ten.wide.field{width:62.5%}.ui.form .eleven.wide.field{width:68.75%}.ui.form .twelve.wide.field{width:75%}.ui.form .thirteen.wide.field{width:81.25%}.ui.form .fourteen.wide.field{width:87.5%}.ui.form .fifteen.wide.field{width:93.75%}.ui.form .sixteen.wide.field{width:100%}.ui.form [class*="equal width"].fields>.field,.ui[class*="equal width"].form .fields>.field{width:100%;flex:1 1 auto}.ui.form .inline.fields{margin:0 0 1em;align-items:center}.ui.form .inline.fields .field{margin:0;padding:0 1em 0 0}.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields>label{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:baseline;font-size:.92857143em;font-weight:700;color:rgba(0,0,0,.87);text-transform:none}.ui.form .inline.fields>label{margin:.035714em 1em 0 0}.ui.form .inline.field>input,.ui.form .inline.field>select,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1em}.ui.form .inline.field .calendar:not(.popup),.ui.form .inline.fields .field .calendar:not(.popup){display:inline-block}.ui.form .inline.field .calendar:not(.popup)>.input>input,.ui.form .inline.fields .field .calendar:not(.popup)>.input>input{width:13.11em}.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child{margin:0 .85714286em 0 0}.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child{margin:0}.ui.form .inline.fields .wide.field{display:flex;align-items:center}.ui.form .inline.fields .wide.field>input,.ui.form .inline.fields .wide.field>select{width:100%}.ui.form,.ui.form .field .dropdown,.ui.form .field .dropdown .menu>.item{font-size:1rem}.ui.mini.form,.ui.mini.form .field .dropdown,.ui.mini.form .field .dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.form,.ui.tiny.form .field .dropdown,.ui.tiny.form .field .dropdown .menu>.item{font-size:.85714286rem}.ui.small.form,.ui.small.form .field .dropdown,.ui.small.form .field .dropdown .menu>.item{font-size:.92857143rem}.ui.large.form,.ui.large.form .field .dropdown,.ui.large.form .field .dropdown .menu>.item{font-size:1.14285714rem}.ui.big.form,.ui.big.form .field .dropdown,.ui.big.form .field .dropdown .menu>.item{font-size:1.28571429rem}.ui.huge.form,.ui.huge.form .field .dropdown,.ui.huge.form .field .dropdown .menu>.item{font-size:1.42857143rem}.ui.massive.form,.ui.massive.form .field .dropdown,.ui.massive.form .field .dropdown .menu>.item{font-size:1.71428571rem}