/*! * mdl-components-ext - Component Extensions for the Material Design Light in CSS, JS and HTML * @version 1.6.3 * @author Gabor Ivan * @copyright 2012 - 2016 Gixx-web (http://www.gixx-web.com) * @license http://webhemi.gixx-web.com/license/new-bsd New BSD License * @link http://www.gixx-web.com */.mdl-file .mdl-textfield__input[type=text]{box-sizing:border-box;width:calc(100% - 32px)}.mdl-file .mdl-button{right:0}.mdl-file .mdl-button input[type=file]{cursor:pointer;height:100%;right:0;opacity:0;position:absolute;top:0;width:300px;z-index:4}.mdl-kvl{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;padding:20px 0}.mdl-kvl div.mdl-kvl__label{position:relative;width:100%}.mdl-kvl div.mdl-kvl__label label.mdl-textfield__label{position:relative;display:inline-block;vertical-align:middle;float:none;width:calc(100% - 32px);line-height:32px}.mdl-kvl button.mdl-kvl__list-add{position:relative;width:32px}.mdl-kvl textarea.mdl-kvl__input{display:none}.mdl-kvl ul{margin:0;padding:2px 0 0 0;list-style:none}.mdl-kvl ul li{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;opacity:0;transition:opacity 500ms}.mdl-kvl ul li.show{opacity:1}.mdl-kvl ul li div input{padding:6px 0}.mdl-kvl ul li div.mdl-kvl__list-key{display:inline-block;min-width:120px;width:40%;margin-right:10px}.mdl-kvl ul li div.mdl-kvl__list-key .mdl-kvl__list-element-key{border-right:1px solid rgba(0,0,0,0.12)}.mdl-kvl ul li div.mdl-kvl__list-value{display:inline-block;flex:0 1 auto;min-width:120px}.mdl-kvl ul li div.mdl-kvl__list-remove{position:relative;padding:20px 0;display:inline-block;width:35px;margin-left:5px}.mdl-kvl--align-right{text-align:right}.mdl-kvl--full-width{width:100%}.mdl-kvl__input{border:0;border-bottom:1px solid rgba(0,0,0,0.12);display:block;font-size:16px;margin:0;padding:4px 0;width:100%;background:0;text-align:left;color:inherit}.mdl-kvl.is-focused .mdl-kvl__input{outline:0}.mdl-kvl.is-invalid .mdl-kvl__input{border-color:#d50000;box-shadow:none}fieldset[disabled] .mdl-kvl .mdl-kvl__input,.mdl-kvl.is-disabled .mdl-kvl__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.mdl-kvl__error{color:#d50000;position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block}.mdl-kvl.is-invalid .mdl-kvl__error{visibility:visible}.mdl-avatar .mdl-avatar-overlay .select,.mdl-avatar .mdl-avatar-overlay .gallery,.mdl-avatar .mdl-avatar-overlay .gravatar,.mdl-avatar .mdl-avatar-overlay .url,.mdl-avatar .mdl-avatar-overlay .upload{margin:10px;border:1px solid rgba(158,158,158,0.20);background:"255,255,255";height:calc(100% - 22px);display:none;cursor:default;box-sizing:border-box}.mdl-avatar .mdl-avatar-overlay .select .mdl-list .mdl-list__item .mdl-list__item-avatar,.mdl-avatar .mdl-avatar-overlay .select .mdl-list .mdl-list__item .mdl-list__item-avatar.material-icons{height:32px;width:32px;box-sizing:border-box;background-color:#fff;font-size:32px;color:#9e9e9e}.mdl-avatar{position:relative;width:300px;height:256px;padding-top:24px}.mdl-avatar>.mdl-avatar__image{position:relative;vertical-align:middle;display:block;width:256px;height:256px;margin:0 auto}.mdl-avatar>.mdl-avatar__file{display:none}.mdl-avatar>.mdl-avatar__label{z-index:200}.mdl-avatar .mdl-textfield__label{z-index:200}.mdl-avatar .mdl-avatar__input{display:none}.mdl-avatar .mdl-avatar-overlay{position:absolute;top:24px;width:300px;height:256px;background:rgba(255,255,255,0.75);z-index:20;opacity:0;cursor:pointer;transition:opacity 500ms}.mdl-avatar .mdl-avatar-overlay.is-show{opacity:1}.mdl-avatar .mdl-avatar-overlay>div{background:#fff}.mdl-avatar .mdl-avatar-overlay .select.is-active{display:block}.mdl-avatar .mdl-avatar-overlay .select .mdl-list{padding:0;margin:0}.mdl-avatar .mdl-avatar-overlay .select .mdl-list .mdl-list__item{padding:13px 16px;border-bottom:1px solid rgba(158,158,158,0.20)}.mdl-avatar .mdl-avatar-overlay .select .mdl-list .mdl-list__item:last-child{border-bottom:0}.mdl-avatar .mdl-avatar-overlay .select .mdl-list .mdl-list__item .mdl-radio{display:inline}.mdl-avatar .mdl-avatar-overlay .select .mdl-list .mdl-list__item .mdl-list__item-avatar{margin-right:16px}.mdl-avatar .mdl-avatar-overlay .select .mdl-list .mdl-list__item .mdl-avatar-list__label{display:inline-block;width:100%;max-height:32px;line-height:32px;max-width:164px;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}.mdl-avatar .mdl-avatar-overlay .gallery{padding:13px 0 0 17px;overflow-y:auto;overflow-x:hidden}.mdl-avatar .mdl-avatar-overlay .gallery.is-active{display:block}.mdl-avatar .mdl-avatar-overlay .gallery .mdl-avatar__apply{width:68px;height:68px;border:1px solid transparent;margin:0 17px 17px 0;cursor:pointer}.mdl-avatar .mdl-avatar-overlay .gallery .mdl-avatar__apply:nth-child(3n){margin-right:0}.mdl-avatar .mdl-avatar-overlay .gallery .mdl-avatar__apply.is-selected{border:1px solid #ff4081}.mdl-avatar .mdl-avatar-overlay .gravatar{padding:16px;text-align:right}.mdl-avatar .mdl-avatar-overlay .gravatar.is-active{display:block}.mdl-avatar .mdl-avatar-overlay .gravatar button{margin-left:16px}.mdl-avatar .mdl-avatar-overlay .gravatar .mdl-textfield{margin-bottom:90px}.mdl-avatar .mdl-avatar-overlay .url{padding:16px;text-align:right}.mdl-avatar .mdl-avatar-overlay .url.is-active{display:block}.mdl-avatar .mdl-avatar-overlay .url button{margin-left:16px}.mdl-avatar .mdl-avatar-overlay .url .mdl-textfield{margin-bottom:90px}.mdl-avatar .mdl-avatar-overlay .upload{padding:16px;text-align:right}.mdl-avatar .mdl-avatar-overlay .upload.is-active{display:block}.mdl-avatar .mdl-avatar-overlay .upload button{margin-left:16px}.mdl-avatar .mdl-avatar-overlay .upload .mdl-file{margin-bottom:90px}