react-ui-mat/dist/reactuimat.css

- ANIMATE - BADGES ( success, danger, info, light, primary, green ) - BEHAVIOR - BUTTONS - CHECKBOX - COLLAPSE - CONTEXT PANEL - DATE PICKER - DATEPICKER - DATEUTIL - DIVIDER - DRAGABLE MODAL - INCORRECT_ENTRY - INPUT - INPUT_FIELDS - MULTISELECT - MUPLAY

.btn-primary,.btn-primary:hover{color:rgb(255 255 255)}.btn-primary-outline:hover,.btn-primary:hover{background-color:rgb(59 130 246) radial-gradient(circle,transparent 1%,rgb(37 99 235) 1%) center/15000%}.d-context-ic,.d-context-pm{max-height:0;overflow:hidden;z-index:1005}input,input[type=number],select,textarea{width:100%;border:2.25px solid rgb(209 213 219);box-sizing:border-box;padding:5px 7px;height:39px;min-height:39px;background-color:#fff!important;transition:.7s ease-out}input,textarea{border-radius:5px}input{padding:5px 7px;border:2.25px solid rgb(209 213 219);box-sizing:border-box}input[type=date]{max-width:29.75rem}input[type=checkbox],input[type=radio]{min-height:unset!important;max-height:25px;width:25px!important;height:25px!important;box-shadow:none!important;border-radius:5px!important}input:disabled,select:disabled{background-color:#f5f5f5!important;opacity:.4;pointer-events:none}input:focus,input[type=checkbox]:focus+span::before,input[type=date]:focus,input[type=number]:focus,input[type=radio]:focus+span::before,select:focus,textarea:focus{box-shadow:0 0 5px #979797f0!important;border:3px solid #3b82f680;outline:transparent solid 3px;outline-offset:3px}input[type=checkbox]{-webkit-appearance:none;appearance:none;margin:0;appearance:none;background-color:#fff;font:inherit;color:#3b82f680;width:25px;height:25px;border:3px solid #3b82f680;border-radius:2px;transform:translateY(-.075em);display:grid;place-content:center}input[type=checkbox]::before{content:"";width:14px;height:14px;transform:scale(0);transition:transform 120ms ease-in-out;box-shadow:inset 1em 1em var(--form-control-color)}input[type=checkbox]:checked::before,input[type=radio]:checked::before{transform:scale(1);background:#2196f3}.d-input-sm{padding:3px!important;height:34px!important;min-height:34px!important;border-width:1px!important}.btn:disabled,button:disabled{opacity:.25}.btn:focus,button:focus{outline:transparent solid 2px;outline-offset:2px}button:active{outline:transparent solid 2px;outline-offset:2px;box-shadow:none!important}.btn{font-size:1rem;line-height:1.5rem;border-width:1px;border-style:solid;padding:.5rem 1rem;font-weight:500;height:37px;border-radius:5px;background-position:center;moz-transition:all .8s ease-out;-o-transition:.8s ease-out;-webkit-transition:.8s ease-out;transition:.8s ease-out}.btn-sm{font-size:.875rem;line-height:1.25rem;padding:.25rem .5rem;height:unset!important}.btn-sm>div{font-size:.75rem;line-height:1rem}.btn:active{top:1px}.btn-primary{background-color:rgb(59 130 246);border-width:0}.btn-primary-outline{background-color:#fff;color:rgb(59 130 246);border:1px solid rgb(59 130 246)}.btn-primary-outline:hover{color:rgb(37 99 235)}.btn-success,.btn-success:hover{color:rgb(255 255 255)}.btn-primary-outline:active,.btn-primary:active{color:rgb(255 255 255);background-color:#43537e;background-size:100%;transition:background}.btn-success-outline:hover,.btn-success:hover{background-color:rgb(34 197 94) radial-gradient(circle,transparent 1%,rgb(22 163 74) 1%) center/15000%}.btn-success{background-color:rgb(34 197 94);border-width:0}.btn-success-outline{background-color:#fff;color:rgb(34 197 94);border:1px solid rgb(34 197 94)}.btn-success-outline:hover{color:rgb(22 163 74)}.btn-warning,.btn-warning:hover{color:rgb(255 255 255)}.btn-success-outline:active,.btn-success:active{color:rgb(255 255 255);background-color:#284e37;background-size:100%;transition:background}.btn-warning-outline:hover,.btn-warning:hover{background-color:rgb(249 115 22) radial-gradient(circle,transparent 1%,rgb(234 88 12) 1%) center/15000%}.btn-warning{background-color:rgb(249 115 22);border-width:0}.btn-warning-outline{background-color:#fff;color:rgb(249 115 22);border:1px solid rgb(249 115 22)}.btn-warning-outline:hover{color:rgb(234 88 12)}.btn-secondary,.btn-secondary:hover{color:rgb(255 255 255)}.btn-warning-outline:active,.btn-warning:active{color:rgb(255 255 255);background-color:#744636;background-size:100%;transition:background}.btn-secondary-outline:hover,.btn-secondary:hover{background-color:rgb(20 184 166) radial-gradient(circle,transparent 1%,rgb(13 148 136) 1%) center/15000%}.btn-secondary{background-color:rgb(20 184 166);border-width:0}.btn-secondary-outline{background-color:#fff;color:rgb(20 184 166);border:1px solid rgb(20 184 166)}.btn-secondary-outline:hover{color:rgb(13 148 136)}.btn-secondary-outline:active,.btn-secondary:active{color:rgb(30 64 175);background-color:#51b6aa;background-size:100%;transition:background}.btn-danger,.btn-danger:hover{color:rgb(255 255 255)}.btn-danger-outline:hover,.btn-danger:hover{background-color:rgb(239 68 68) radial-gradient(circle,transparent 1%,rgb(220 38 38) 1%) center/15000%}.btn-danger{background-color:rgb(239 68 68);border-width:0}.btn-danger-outline{background-color:#fff;color:rgb(239 68 68);border:1px solid rgb(239 68 68)}.btn-danger-outline:hover{color:rgb(220 38 38)}.btn-danger-outline:active,.btn-danger:active{color:rgb(255 255 255);background-color:#783535;background-size:100%;transition:background}.btn-light{color:rgb(0 0 0);background-color:rgb(255 255 255);border-width:1px}.btn-light:hover{background-color:rgb(255 255 255) radial-gradient(circle,transparent 1%,rgb(245 245 245) 1%) center/15000%}.btn-light:active{color:rgb(255 255 255);background-color:#d6dbe1;background-size:100%;transition:background}.btn-navy-outline:hover,.btn-navy:hover{background-color:rgb(100 116 139) radial-gradient(circle,transparent 1%,rgb(71 85 105) 1%) center/15000%}.btn-navy{color:rgb(255 255 255);background-color:rgb(100 116 139);border-width:1px}.btn-navy-outline{background-color:#fff;color:rgb(100 116 139);border:1px solid rgb(100 116 139)}.btn-navy-outline:hover{color:rgb(71 85 105)}.btn-navy-outline:active,.btn-navy:active{background-color:#121827;background-size:100%;transition:background}.d-switch{position:relative;display:inline-block;width:60px;min-width:60px;height:34px}.d-switch-sm{height:29px!important}.d-switch-xs{width:17px;min-width:41px;height:23px!important}.d-switch-disabled{opacity:.5}.d-switch input{opacity:0!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important}.d-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:3px}.d-switch-slider-xs{width:41px}.d-switch-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:5px}.d-switch-slider-sm:before{height:21px!important}.d-switch-slider-xs:before{height:15px!important;width:15px!important}input:checked+.d-switch-slider{background-color:#2196f3}input:focus+.d-switch-slider{box-shadow:0 0 1px #2196f3}input:checked+.d-switch-slider:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.d-switch-slider.round{border-radius:34px}.d-switch-slider.round:before{border-radius:50%}.d-rate{float:left;height:46px;padding:0 10px}.d-rate>label{width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:30px;color:#ccc}.d-rate>label:before{content:'★'}.d-rate>.drc-cell{color:#ffc700}.d-rate>.drh-cell{color:#deb217}.d-context-ic{position:absolute;display:none;border-radius:5px;box-shadow:0 1px 11px #b3b3b3;transition:.3s ease-out}.d-context-item{display:flex;flex-direction:row;align-items:center}.d-context-pm{position:absolute;display:none;transition:.2s ease-out}.umt{width:100%;border-collapse:collapse;border-radius:.1rem}.umt thead{background-color:#f9fafb}.umt th{letter-spacing:.05em}.umt tbody tr{background-color:#fff}.umt tbody tr:hover{background-color:#f3f4f6;transition:.3s ease-in-out}.umt tbody tr.umtrh,.umt tbody tr.umtrh:hover{background-color:inherit}