primevue/resources/primevue.min.css

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Join the chat at https://gitter.im/primefaces/primevu

.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled{cursor:default !important}.p-disabled a{cursor:default !important}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.p-clearfix:after{content:"";display:table;clear:both}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer}.p-input-overlay{-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%);opacity:0;-webkit-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.p-input-overlay-visible{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.p-input-overlay-hidden{opacity:0;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%);-webkit-transition:transform .3s,opacity .15s;transition:transform .3s,opacity .15s}.p-input-overlay-enter,.p-input-overlay-leave-to{opacity:0;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%)}.p-input-overlay-enter-active,.p-input-overlay-leave-active{-webkit-transition:transform .3s,opacity .15s;transition:transform .3s,opacity .15s}.p-toggleable-content-enter,.p-toggleable-content-leave-to{max-height:0}.p-toggleable-content-enter-to,.p-toggleable-content-leave{max-height:1000px}.p-toggleable-content-leave-active{overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1)}.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}.p-button{display:inline-block;position:relative;padding:0;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1;overflow:visible;margin-right:.25em;user-select:none;-moz-user-select:none;-webkit-user-select:none}.p-button:disabled{cursor:default}.p-button .p-button-text{display:block;line-height:normal}.p-button-text-only .p-button-text{padding:.25em 1em}.p-button-icon-only .p-button-text,.p-button-text-empty .p-button-text{padding:.25em;text-indent:-9999999px}.p-button-text-icon-left .p-button-text{padding:.25em 1em .25em 2.1em}.p-button-text-icon-right .p-button-text{padding:.25em 2.1em .25em 1em}.p-button-icon-only .p-button-icon-left,.p-button-text-icon-left .p-button-icon-left,.p-button-text-icon-right .p-button-icon-right{position:absolute;top:50%;margin-top:-.5em;height:1em}.p-button-icon-only .p-button-icon-left{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em;height:1em}.p-button-icon-left{left:.5em}.p-button-icon-right{right:.5em}.p-buttonset .p-button{margin-left:0;margin-right:0}button.p-button::-moz-focus-inner{border:0;padding:0}.p-fluid .p-button{width:100%}.p-fluid .p-button-text-icon-left .p-button-text,.p-fluid .p-button-text-icon-right .p-button-text{padding-left:1em;padding-right:1em}.p-fluid .p-buttonset{width:100%}.p-fluid .p-buttonset.p-buttonset-1 .p-button{width:100%}.p-fluid .p-buttonset.p-buttonset-2 .p-button{width:50%}.p-fluid .p-buttonset.p-buttonset-3 .p-button{width:33.3%}.p-fluid .p-buttonset.p-buttonset-4 .p-button{width:25%}.p-fluid .p-buttonset.p-buttonset-5 .p-button{width:20%}.p-fluid .p-buttonset.p-buttonset-6 .p-button{width:16.6%}@media(max-width:640px){.p-fluid .p-buttonset.p-buttonset-1 .p-button,.p-fluid .p-buttonset.p-buttonset-2 .p-button,.p-fluid .p-buttonset.p-buttonset-3 .p-button,.p-fluid .p-buttonset.p-buttonset-4 .p-button,.p-fluid .p-buttonset.p-buttonset-5 .p-button,.p-fluid .p-buttonset.p-buttonset-6 .p-button{width:100%}}.p-checkbox{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;user-select:none;-moz-user-select:none;-webkit-user-select:none}.p-checkbox .p-checkbox-box{width:1.125em;height:1.125em;line-height:1.125em;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center}.p-checkbox .p-checkbox-icon{display:block}.p-checkbox-label{vertical-align:middle}.p-checkbox+label{vertical-align:middle}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0;outline:medium none;padding:.25em;font-weight:normal}.p-fluid .p-inputtext{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.p-inputgroup{display:-webkit-box;display:-webkit-flex;display:flex}.p-inputgroup .p-inputgroup-addon{display:inline-block;text-align:center;min-width:1.5em;padding:.25em;border-width:1px;border-style:solid}.p-inputgroup .p-inputgroup-addon+.p-inputgroup-addon{border-left:0 none}.p-inputgroup .p-inputtext{padding-left:.5em}.p-inputgroup .p-inputtext:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0 none}.p-inputgroup .p-inputtext:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.p-inputgroup .p-button{margin-right:0;border-radius:0}.p-fluid .p-inputgroup .p-button{width:auto}.p-fluid .p-inputgroup .p-inputtext{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.p-inputgroup .p-checkbox,.p-inputgroup .p-radiobutton{margin-right:0;vertical-align:bottom}.p-float-label{display:block;position:relative}.p-float-label label{font-weight:normal;position:absolute;pointer-events:none;left:.25em;top:50%;margin-top:-.5em;transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;color:#898989;line-height:1}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75em;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-password-panel{padding:.25em .5em;margin-top:2px}.p-password-panel .p-password-meter{height:10px;background:transparent url("./images/password-meter.png") no-repeat left top;padding:0;margin:0}.p-password-info{margin-top:.25em}.p-password-panel-overlay{position:absolute}.p-radiobutton{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;user-select:none;-moz-user-select:none;-webkit-user-select:none}.p-radiobutton .p-radiobutton-box{width:1.125em;height:1.125em;line-height:1.125em;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;text-align:center;position:relative}.p-radiobutton .p-radiobutton-icon{display:block;position:absolute;left:50%;top:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em}.p-radiobutton+label{vertical-align:middle}.p-tooltip{position:absolute;display:none;padding:.25em .5em;max-width:12.5em}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25em}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{padding:.125em .5em;background-color:#4c4c4c;color:#fff;white-space:pre-line}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25em;border-width:.25em .25em .25em 0;border-right-color:#4c4c4c}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25em;border-width:.25em 0 .25em .25em;border-left-color:#4c4c4c}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25em;border-width:.25em .25em 0;border-top-color:#4c4c4c}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25em;border-width:0 .25em .25em;border-bottom-color:#4c4c4c}