.pickerwrapper *,.uploaderwrapper *{line-height:normal;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.uploaderwrapper{width:100%;overflow:hidden;font-family:arial;box-sizing:border-box}.uploaderwrapper .uploaderbox{margin-top:20px;margin-left:10px;margin-right:0}.uploaderbox{width:90px;height:120px;float:left;z-index:99999;font-size:12px;position:relative;margin-right:10px;margin-bottom:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation:showSlowlyElement .8s;animation:showSlowlyElement .8s}.uploaderbox.selected:before{content:"";width:100px;height:100px;left:-5px;top:-5px;position:absolute;border-radius:.3em;background-color:#d8d8d8}.uploaderbox.selected .uploaderbox-text{color:#fff;border-radius:.3em;background-color:#fc716a}.uploaderbox .uploaderbox-image{width:90px;height:90px;padding-top:3px;padding-left:3px;box-sizing:border-box;position:relative;background-size:cover!important;border-radius:.5em;box-shadow:0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05)}.uploaderbox .uploaderbox-image:hover{box-shadow:0 2px 2px rgba(0,0,0,.25),0 1px 0 rgba(0,0,0,.25)}.uploaderbox .uploaderbox-text{overflow:hidden;text-overflow:ellipsis;text-align:center;margin-top:8px;padding:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.uploaderbox-filesize{width:50px;color:#fff;padding:3px;font-size:11px;text-align:center;top:3px;left:3px;position:absolute;border-radius:.3em;background-color:rgba(255,255,255,.4)}.uploaderbox-close{width:23px;height:23px;top:-5px;right:-5px;color:#fff;cursor:pointer;font-size:20px;text-align:center;position:absolute;background-color:#b10303;border-radius:50%}.uploaderbox-close:hover{background-color:#da2424}.uploaderbox-progressbar{width:70px;height:5px;margin-left:auto;margin-right:auto;top:38%;left:10%;position:absolute;background-color:#8a8a8a;border-radius:.3em}.uploaderbox-progressbar .uploaderbox-fill{height:100%;background-color:#fff;border-radius:.3em}.uploaderbox-placeholder{width:90px;height:120px;float:left;font-size:12px;position:relative;margin-top:20px;margin-left:10px}.uploaderbox-placeholder .uploaderbox-image{width:90px;height:90px;padding-top:3px;padding-left:3px;box-sizing:border-box;position:relative;border:3px dotted #f4f4f4;border-radius:.5em}.pickerwrapper{width:100%;height:100%;position:fixed;top:0;left:0;display:none;color:#a3b1bd;font-family:arial;z-index:99999}.pickerwrapper:before{content:"";width:100%;height:100%;opacity:.7;position:absolute;background-color:#43577d}.pickerwrapper .pickerclose{width:60px;height:60px;right:10px;top:10px;color:#7f9cd4;font-size:50px;text-align:center;cursor:pointer;border-radius:50%;position:absolute;background-color:#67789a}.pickerwrapper .pickerclose:hover{background-color:#596a8a}.pickerbox{width:75%;max-height:500px;overflow:hidden;position:relative;margin-left:auto;margin-right:auto;border-radius:.3em;background-color:#fff;margin-top:80px}.pickerbox .pickermenu{width:15%;height:1000px;float:left;background-color:#fc716a}.pickerbox .pickermenu ul{padding-top:20px;}.pickerbox .pickermenu ul li.active{color:#fff}.pickerbox .pickermenu ul li{color:#ffcac7;cursor:pointer;font-size:medium;padding-left:20px;list-style:none;margin-bottom:20px}.pickerbox .pickermenu ul li:hover{color:#fff}.pickerbox .pickermain{width:85%;float:left}.pickerbox .pickerupload{width:100%;height:500px;overflow:hidden;text-align:center;position:relative}.pickerbox .pickerupload .pickerupload-alert{width:50%;color:#fff;top:-60px;left:22%;padding:7px;font-size:13px;text-align:center;z-index:999999;position:absolute;box-sizing:border-box;border-radius:.5em;background-color:#bbb}.pickerbox .pickerupload .pickerupload-left{width:48%;height:500px;float:left;padding-top:25%;box-sizing:border-box;background-color:#fafafa;border-right:1px solid #e8e7e7}.pickerbox .pickerupload .pickerupload-left .pickerupload-text{width:100%;font-size:13px}.pickerbox .pickerupload .pickerupload-left .pickerupload-maximum{width:100%;font-size:13px;margin-top:15px}.pickerbox .pickerupload .pickerupload-left .pickerupload-button{color:#fff;cursor:pointer;outline:0;margin-top:15px;font-size:12px;padding:9px 14px;border:1px solid #fc716a;background-color:#fc716a;border-radius:.3em}.pickerbox .pickerupload .pickerupload-left .pickerupload-button:hover{background-color:#fb7c76}.pickerbox .pickerupload .pickerupload-right{width:52%;height:500px;float:left;padding-left:8px;padding-top:8px;overflow-y:scroll;box-sizing:border-box}.pickerbox .pickerupload .pickerupload-right .pickerupload-notfound{font-size:13px;margin-top:60%}.pickerbox .pickercontent .pickertoolbar{padding:20px;max-height:75px;overflow:hidden;background-color:#fafafa;border-bottom:1px solid #e8e7e7}.pickerbox .pickercontent .pickertoolbar .pickersearch{padding:10px;outline:0;width:200px;float:left;font-size:11px;line-height:normal;display:inline-block;border-radius:.3em;border:1px solid #e8e7e7}.pickerbox .pickercontent .pickertoolbar .pickerview{width:74px;height:33px;float:left;margin-left:10px;border-radius:.2em;border:1px solid #e8e7e7}.pickerbox .pickercontent .pickertoolbar .pickerinfo{width:255px;float:right;font-size:12px;padding-top:12px;text-align:right}.pickerbox .pickercontent .pickertoolbar .pickerinfo a{color:#bc0b0b;padding-left:6px;margin-left:5px;display:none;text-decoration:none;border-left:1px solid #ccc}.pickerbox .pickercontent .pickertoolbar .pickericon-wrapper.active{background-color:#c3c3c3}.pickerbox .pickercontent .pickertoolbar .pickerview .active:hover{background-color:#c3c3c3!important}.pickerbox .pickercontent .pickertoolbar .pickericon-wrapper.active .pickericon{background-color:#fff!important;border-color:#fff!important}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-grid:hover,.pickerbox .pickercontent .pickertoolbar .pickerview .picker-thumbnail:hover{background-color:#fafafa}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-thumbnail{width:50%;height:100%;padding:8px;cursor:pointer;box-sizing:border-box;display:inline-block;border-right:1px solid #e8e7e7}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-thumbnail .pickericon{width:5px;height:5px;float:left;margin-left:2px;margin-bottom:2px;border:1px solid #e8e7e7}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-grid{width:50%;height:100%;padding:9px;cursor:pointer;display:inline-block;box-sizing:border-box}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-grid .pickericon{width:100%;height:2px;margin-bottom:2px;background-color:#e8e7e7}.pickerbox .pickercontent .pickerfiles{height:350px;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;padding:26px 0 0 26px}.pickerbox .pickercontent .pickerfiles .uploaderbox{margin-right:20px;margin-bottom:30px}.pickerbox .pickercontent .pickerloading{position:relative}.pickerbox .pickercontent .pickerloading:before{content:"";width:100%;height:100%;left:0;top:0;z-index:999999;opacity:.88;position:absolute;background-color:#fff}.pickerbox .pickercontent .pickerloading:after{content:"";width:45px;height:45px;left:47%;top:43%;z-index:999999;position:absolute;background-color:#fc716a;border-radius:.2em;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}.pickerbox .pickercontent .pickerbottom{width:100%;max-height:75px;overflow:hidden;background-color:#fafafa;border-top:1px solid #e8e7e7}.pickerbox .pickercontent .pickerbottom .pickerpagination{width:70%;float:left;padding-top:4px;padding-left:20px;box-sizing:border-box}.pickerbox .pickercontent .pickerbottom .pickerpagination ul{overflow:hidden;padding-left:0;margin-top:16px}.pickerbox .pickercontent .pickerbottom .pickerpagination ul li{float:left;padding:9px 14px;font-size:12px;list-style:none;border:1px solid #e8e7e7;border-right:0;color:#c3c3c3;cursor:pointer}.pickerbox .pickercontent .pickerbottom .pickerpagination ul li.active{color:#fff;background-color:#c3c3c3}.pickerbox .pickercontent .pickerbottom .pickerpagination ul li.active:hover{background-color:#c3c3c3}.pickerbox .pickercontent .pickerbottom .pickerpagination ul li:hover{background-color:#fafafa}.pickerbox .pickercontent .pickerbottom .pickerpagination ul li:first-of-type{border-radius:.3em 0 0 .3em}.pickerbox .pickercontent .pickerbottom .pickerpagination ul li:last-of-type{border-radius:0 .3em .3em 0;border:1px solid #e8e7e7}.pickerbox .pickercontent .pickerbottom .pickeraction{width:30%;float:left;text-align:right;padding:20px;box-sizing:border-box}.pickerbox .pickercontent .pickerbottom .pickeraction button{color:#c3c3c3;cursor:pointer;outline:0;font-size:12px;padding:9px 14px;border:1px solid #e8e7e7;background-color:#fff;border-radius:.3em}.pickerlist .uploaderbox.selected .uploaderbox-filesize,.pickerlist .uploaderbox.selected .uploaderbox-text{color:#fff}.pickerbox .pickercontent .pickerbottom .pickeraction .pickersave{color:#fff;margin-left:5px;border-color:#fc716a;background-color:#fc716a}.pickerbox .pickercontent .pickerbottom .pickeraction .pickersave:hover{background-color:#fb7c76}.pickerbox .pickercontent .pickerbottom .pickeraction .pickercancel:hover,.pickerlist .uploaderbox:nth-child(2n+1){background-color:#fafafa}.pickerlist{padding:18px 0 5px 18px!important}.pickerlist .uploaderbox{height:auto;float:none;width:97%;padding:3px;overflow:hidden;border-radius:.3em;margin-bottom:12px!important}.pickerlist .uploaderbox .uploaderbox-image{width:20px;height:20px;float:left}.pickerlist .uploaderbox .uploaderbox-text{float:left;display:block;margin-top:1px;-webkit-line-clamp:initial;-webkit-box-orient:initial}.pickerlist .uploaderbox.selected{background-color:#fc716a}.pickerlist .uploaderbox.selected:before{display:none}.pickerlist .uploaderbox .uploaderbox-filesize{color:#a3b1bd;right:17px;left:auto;background-color:transparent}.pickerlist .uploaderbox .uploaderbox-close{width:18px;height:18px;color:#fff;top:4px;right:4px;cursor:pointer;font-size:15px;text-align:center;background-color:#b10303;border-radius:50%}.pickerlist .uploaderbox .uploaderbox-text{width:50%;text-align:left;margin-left:10px;white-space:nowrap;overflow:hidden;font-size:11px;text-overflow:ellipsis;background-color:transparent}@-webkit-keyframes showSlowlyElement{100%{transform:scale(1);opacity:1}0%{transform:scale(1.2);opacity:0}}@keyframes showSlowlyElement{100%{transform:scale(1);opacity:1}0%{transform:scale(1.2);opacity:0}}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@media screen and (max-width:1250px){.pickerbox .pickercontent .pickerfiles .uploaderbox{width:18%;margin-right:2%}.uploaderbox .uploaderbox-image{margin-left:auto;margin-right:auto}}@media screen and (max-width:1000px){.pickerbox .pickercontent .pickertoolbar{padding:5px;max-height:none}.pickerbox .pickercontent .pickertoolbar .pickersearch{width:100%;box-sizing:border-box}.pickerbox .pickercontent .pickertoolbar .pickerview{width:100%;margin-left:0;margin-top:5px;box-sizing:border-box}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-thumbnail .pickericon{width:48%;border-radius:.1em}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-grid{padding:7px;border-radius:.1em}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-grid .pickericon{height:3px}.pickerbox .pickercontent .pickertoolbar .pickerinfo{width:100%;padding-top:0;margin-top:5px;text-align:center}.pickerbox .pickercontent .pickerfiles{height:314px}.pickerbox .pickercontent .pickerbottom{padding:5px;max-height:none;box-sizing:border-box}.pickerbox .pickercontent .pickerbottom .pickerpagination{width:100%;padding-top:0;padding-left:0}.pickerbox .pickercontent .pickerbottom .pickerpagination ul{width:99%;margin:0 auto}.pickerbox .pickercontent .pickerbottom .pickeraction{width:100%;padding:0;text-align:center}.pickerbox .pickercontent .pickerbottom .pickeraction button{width:49%;margin-top:5px;box-sizing:border-box}.pickerbox .pickercontent .pickerbottom .pickeraction .pickersave{margin-left:1%}}@media screen and (max-width:800px){.pickerbox{width:95%}.pickerbox .pickermenu ul{padding-top:10px;margin:0 0 0 -50px}.pickerbox .pickermenu ul li{font-size:14px}.pickerbox .pickerupload .pickerupload-left{padding:25% 15px 15px}.pickerbox .pickerupload .pickerupload-right .pickerupload-notfound{margin-top:60%}}@media screen and (max-width:700px){.pickerbox{margin-top:65px}.pickerbox .pickercontent .pickertoolbar .pickerview .picker-thumbnail .pickericon{width:45%}.pickerwrapper .pickerclose{width:50px;height:50px;font-size:45px}.pickerbox .pickercontent .pickerfiles .uploaderbox{width:90px;margin-right:8%}}@media screen and (max-width:490px){.pickerbox .pickercontent .pickerbottom .pickerpagination ul li{padding:9px 7px}.pickerbox .pickermenu{width:18%}.pickerbox .pickermain{width:82%}}