.fp-button{text-transform:capitalize;display:inline-block;border:0;padding:10px;border-radius:5px;font-size:1em;background-color:#0f6ab4;color:#fff}.fp-main{position:relative;width:100%;height:100%;font-family:verdana;margin:auto}.fp-main,.fp-main *{box-sizing:border-box}.fp-container .fp-main{background-color:#eee;max-width:500px;overflow:auto;height:auto;display:inline-block;vertical-align:middle}.fp-main.fp-dragover{background-color:rgba(0,0,0,0.1)}.fp-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.1);text-align:center;z-index:10000}.fp-container:before{content:"";vertical-align:middle;height:100%;display:inline-block}.fp-center{position:relative;overflow:auto;background:#fff}.fp-nav,.fp-body{display:inline-block;max-height:500px;height:100%;vertical-align:top;overflow:auto;padding:10px}.fp-nav{width:30%;background-color:#e4e4e4}.fp-body{width:70%}.fp-nav button{text-transform:capitalize;width:100%;border:0;padding:10px;border-radius:5px;font-size:1.2em;color:#fff}.fp-nav button.fp-selected{background-color:transparent;color:inherit;outline:1px solid #ff69b4}.fp-path{position:relative;border:1px solid #eee;min-height:50px;padding:2px 0;width:100%}.fp-path a{position:relative;padding:10px;margin:1px;margin-right:20px;text-transform:capitalize;font-size:1em;cursor:pointer;text-decoration:underline}.fp-path a:after{position:absolute;right:-15px;text-decoration:none;color:#000;content:" \00BB"}.fp-path a:last-child:after{content:""}.fp-upload_btn{background-color:#c5862b;color:#fff;float:right;border:0;padding:10px;border-radius:5px;font-size:1em}.fp-body ul{margin:0;padding:0}.fp-body ul li{display:inline-block;text-align:left;width:100px;height:80px;position:relative;text-overflow:ellipsis;overflow:hidden;padding:0;margin:5px;border:1px solid #ddd;cursor:pointer}.fp-body ul li img{position:absolute;width:100%}.fp-body ul li span{position:absolute;bottom:0;display:block;padding:3px;background-color:rgba(255,255,255,0.8);word-break:break-word}.fp-body ul li:hover img[src]+span{display:none}.fp-body ul li.select{border-color:#10a54a}.fp-body ul li.select:after{position:absolute;top:0;right:0;content:"\02713";color:#fff;background-color:#10a54a}.fp-camera{height:100%}.fp-camera video{max-width:300px;background:data-url('webcam.png') no-repeat center center;background-size:100%;max-height:100%}.fp-camera video+button{display:none}.fp-camera video[src]+button{display:block;background-color:#10a54a;margin:0 auto;margin-top:-50px;color:#fff;border:0;padding:10px;border-radius:5px;font-size:1.2em;position:relative;z-index:1}.fp-footer{text-align:center}.fp-done{background-color:#10a54a;color:#fff;border:0;padding:10px;border-radius:5px;font-size:1.2em}.fp-done:after{content:"\02713"}.fp-info{font-size:.9em;text-decoration:underline}.fp-info:after{content:" selected"}.fp-loading{color:#aaa;font-weight:bold;font-family:arial}.fp-loading:before{content:"Loading"}.fp-loading[data-message]:before{content:attr(data-message)}.fp-loading span{overflow:hidden;display:inline-block;font-size:inherit;text-align:right;width:inherit;-webkit-animation:'bounce' 1s ease infinite alternate;-moz-animation:'bounce' 1s ease infinite alternate;-ms-animation:'bounce' 1s ease infinite alternate;animation:'bounce' 1s ease infinite alternate}.fp-loading span:after{content:'...';overflow:hidden}.fp-loading[data-animate=false]{text-decoration:underline}.fp-loading[data-animate=false] span{display:none}@-webkit-keyframes bounce{from{width:0}to{width:2.5em}}@-moz-keyframes bounce{from{width:0}to{width:2.5em}}@-ms-keyframes bounce{from{width:0}to{width:2.5em}}@keyframes bounce{from{width:0}to{width:2.5em}}