div.moresets {position:absolute;right:0;z-index:100;}
div.moresets {opacity:.6;overflow:hidden;min-width:32px;max-height:32px;max-width:32px;transition:max-width .4s .3s, max-height .4s 0s;}
div.moresets:hover {opacity:1;max-width:116px;max-height:80px;transition:max-width .4s 0s, max-height .4s .3s;}
div.moresets:hover button {right:0;transition:right .4s}
div.moresets button {border:none;font-size:13px;opacity:.9;cursor:pointer;margin-bottom:5px;position:relative;padding-left:32px;right:-84px;color:#fff;border:none;height:32px;display:block;white-space:nowrap;width:116px;float:right;transition:right .4s .3s;}
div.moresets button:hover {opacity:1;}
.moresets:hover + .import {border:2px solid #1678b5;box-sizing:border-box;}
button.clearup {background-color:#1678b5;background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDA3IDUxMi4wMDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDcgNTEyLjAwNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPGc+CgkJCgkJCTxyZWN0IHg9IjIwMC42MDUiIHk9Ijc4LjAyNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNTMuNDM4OCAyOTMuNjg5MSkiIHdpZHRoPSIyNTQuMzc5IiBoZWlnaHQ9IjI2Ni42NTEiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIHBvaW50cz0iMjc2LjI4OCw0NTEuMzk2IDMwOC40NjMsNDE5LjIyMiAxMTkuOTE0LDIzMC42NzMgMCwzNTAuNTg2IDEzNC4yODEsNDg0Ljg2NiAyNDIuODE3LDQ4NC44NjggMjQyLjg3Nyw0ODQuODA2ICAgICAyNDIuODc3LDQ4NC44NjYgNDg4LjMzMyw0ODQuODY2IDQ4OC4zMzMsNDUxLjM5NSAgICIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);background-position:4px center;background-size:24px auto;background-repeat:no-repeat;}
button.deleteall {background-color:#ca1717;background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMzU3IDM1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzU3IDM1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJjbGVhciI+CgkJPHBvbHlnb24gcG9pbnRzPSIzNTcsMzUuNyAzMjEuMywwIDE3OC41LDE0Mi44IDM1LjcsMCAwLDM1LjcgMTQyLjgsMTc4LjUgMCwzMjEuMyAzNS43LDM1NyAxNzguNSwyMTQuMiAzMjEuMywzNTcgMzU3LDMyMS4zICAgICAyMTQuMiwxNzguNSAgICIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);background-position:6px center;background-size:20px auto;background-repeat:no-repeat;}
    
.content {background:none!important;}

.top, .create, .box, html {min-width:1100px!important;}
.create .linksetup {width:700px!important;}
.content .create {margin-top:13px;}

.mirrorgroup.focus {height:400px;transition: height .4s;}
    
    
.mirrorgroup {position:relative;margin-bottom:50px;height:120px;transition:height .4s;}
.mirrorgroup > span {position:absolute;z-index:30;left:5px;bottom:-35px;opacity:0.5;}
.mirrorgroup > span img{margin-right:5px;}
ul.backup {position:absolute;bottom:-55px;right:0;}
.create textarea {min-height:auto;height:100%;resize:none;}
textarea#folderlinks{overflow:auto;white-space:pre;}

select, input, textarea {
background:#e9f3f9!important;width:100%;
  min-width:auto!important;max-width:100%!important;
    border:none!important;
    height: 40px;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: #156594;
}
    
.create {position:relative;}
.create div:after {content:"";clear:both;display:block;}

.create .linksetup input:first-child{margin:0 auto 30px;}
ul.backup {counter-reset:section;padding:0;opacity:1;transition:opacity 500ms 300ms;}
ul.backup li{float:left;opacity:0.5;padding:5px;margin-left:5px;transition:transform 300ms;}
ul.backup li:first-child{margin:0;}
ul.backup li.used{font-weight:bold;opacity:1;}
ul.backup li.active{font-weight:bold;text-decoration:underline;transform:scale(1.5);}
ul.backup li:hover{cursor:pointer;transform:scale(1.5);transition:transform 0ms;}
ul.backup li:after{counter-increment:section;content:counter(section);}

.containersetup div.wrapper {overflow:hidden;min-height:355px;position:relative;}

.create div.containersetup {background:#fff;margin-left:745px;position:absolute;width:340px;border:2px solid #e9f3f9;box-sizing:border-box;}
.create div.containersetup .wrapper > div {padding:20px 20px 0;width:100%;box-sizing:border-box;}
div.containersetup .head {overflow:hidden;user-select:none;left:-2px;top:-2px;width:340px;box-sizing:border-box;padding: 0;position:relative;display:block;height:50px;margin:0;}
div.containersetup .head li {height:50px;font-size:18px;line-height:50px;font-weight:400}
div.containersetup .head li.active {width:240px;cursor:default;position:relative;transition:width 500ms;}
div.containersetup .head li:nth-child(2) {background:#1678b5;z-index:11;}
div.containersetup .head li:nth-child(3) {background:#1470aa;z-index:12;}
div .head li svg {height:24px;width:auto;margin:13px 10px 13px 13px;display:inline-block;float:left;top:0;left:0;}
div.containersetup label .bxcheck {position:absolute;border-radius:3px;border:2px solid #e9f3f9;display:block;width:20px;height:20px;float:left;top:7px;background:none;}
div.containersetup label .bxcheck svg{fill:#e9f3f9;height:16px;margin:2px;}

input:checked + .bxcheck svg {fill:#fff!important;}
input:checked + .bxcheck{background:#1b91db!important;border-color:#1b91db!important;}

div.containersetup .wrapper > div.active {left:0;transition:left 0s 200ms, opacity 500ms;opacity:1;}

.create div.containersetup.fixed {top:10px;position:fixed;}


div.containersetup .wrapper > div {text-align:center;position:absolute;left:100%;background:#fff;opacity:0;transition:opacity 200ms;}

input + .bxcheck + div input {pointer-events:none;}
input:checked + .bxcheck + div input {pointer-events:all;}

.setpw {position:relative;}
.setpw input{margin-top:10px;padding-left:38px;}
.setpw svg {fill:#156594;height:20px;position:absolute;top:20px;left:10px;pointer-events:none;}
div.containersetup input:checked + .bxcheck + div {opacity:1;}
div.containersetup .wrapper > span:last-of-type {position:absolute;width:100%;bottom:0;left:0;box-sizing:border-box;}

div.containersetup label > div {font-size:14px;opacity:0.6;padding-left:38px;margin:10px auto 15px;}
div.containersetup div p{font-size:14px;box-sizing:border-box;margin:0;}
div.containersetup strong {font-size:17px;}

.import {background:none;width:100%;height:100%;display:block;position:absolute;z-index:33;pointer-events:none;}
.import svg {height:100%;width:auto;fill:#156594;}
.import > div{overflow:hidden;height:40px;display:block;width:40px;position:absolute;left:50%;top:50%;margin-top:-20px;pointer-events:all;cursor:pointer;opacity:0.2;}
.import > div:hover {opacity:0.6;}

.mirrorgroup + .new {display:block!important;height:40px;}
.new + .new {display:none!important;}
.linksetup .new.mirrorgroup {display:none;}
.mirrorgroup button {display:none;}
.mirrorgroup.new span {display:none;}
.mirrorgroup.new textarea{min-height:40px!important;}
.mirrorgroup.new button {background:#fff;display:block;border:none!important;width:100%;position:absolute;z-index:44;height:40px;color:#156594;box-shadow:0px 0px 4px rgba(21,101,148,.5);font-weight:600;}



.mirrorgroup.new button:hover {background:#e9f3f9;box-shadow:0px 0px 5px rgba(21,101,148,.6)}

.mirrorgroup.new ul.backup {opacity:0;}

div.containersetup button.submit{background:#64CA2F;}

div.containersetup button svg {
    height: 24px;
    width: 24px;
    margin: 0 auto;
    display: block;
    position: relative;
    float: left;
    fill: #fff;
}

.import input[type="file"]{margin:0;top:0;right:0;position:absolute;opacity:0;height:100%;}
div.containersetup button.submit {
    font-size: 17px!important;
    height: 45px!important;
    padding: 0 20px!important;
    width: 290px;
    margin: 10px auto 20px;
    border: none!important;
    border-radius: 4px;
    position: relative;
}
div.containersetup button.submit {
border-radius:0;display:block;background-color:#5fc529;color:#fff;}
.removemirror, .removelink {line-height:26px;margin:0 auto;background-color:#ca1717;width:120px!important;}
.removemirror:hover, .removelink:hover {background-color:#d81919;}
.removelink{margin-top:10px;}

.liouput {text-align:center;}
.liouput label{font-weight:normal;text-align:left;display:block;    position:relative;z-index:2;}
.create .liouput div input[type='text']:first-child,
.liouput input {font-weight:bold;text-align:center;width:100%!important;margin-bottom:20px;}
.liouput {max-width:600px;margin:0 auto;}
.liouput input ~ small{position:relative;top:-18px;margin:0 5px 5px 0;}
.liouput .progress-circle-container {
    position: relative;
    height: 160px;
    width: 160px;margin:0 auto;}
.liouput .progress-circle-container:before {
    box-shadow: inset 0 0 10px rgba(0, 0, 0,.3);content:"";display:block;width:100%;height:100%;position:absolute;border-radius:99px;z-index:1;
}
.liouput .statusimageout{position:relative;}
.liouput .statusimageout div {width:100%;display:block;position:absolute;bottom:60px;text-align:center;}
.liouput .statimg {max-height:40px;}
.liouput .status {margin:35px auto;height:220px;overflow:hidden;}
.liouput .nfoatxt {top:10px;position:relative;}
.liouput .progress-circle-container .progress-circle-outer{width: 100%;border-radius:99px;height:100%;position:absolute;}
.liouput .progress-circle-outer svg {fill:#fff;border-radius:200px;animation: rotate 1.3s infinite linear;}
.liouput .progress-circle-container .progress-circle-inner {
    height: 120px;
    width: 120px;
    position: absolute;top:50%;left:50%;margin:-60px;
    border-radius: 200px;
  background-color: #fff;color:#229a22;display:table;box-shadow:0 2px 5px rgba(0, 0, 0,.2);}
.liouput .progress-circle-inner > div{display:table-cell;color:inherit; vertical-align:middle;height:100%;}
.liouput .progress-circle-inner > div span {color:inherit;font-size:50px;font-weight:700;}
.liouput .progress-circle-inner > div span span{color:inherit;font-size:20px;font-weight:400;}
.liouput .status.complete .progress-circle-inner{background-color:#fff;color:#fff;}
.liouput .status.complete > div > div {background-size:50% auto;background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KICA8cGF0aCBkPSJtLjMsMTRjLTAuMi0wLjItMC4zLTAuNS0wLjMtMC43czAuMS0wLjUgMC4zLTAuN2wxLjQtMS40YzAuNC0wLjQgMS0wLjQgMS40LDBsLjEsLjEgNS41LDUuOWMwLjIsMC4yIDAuNSwwLjIgMC43LDBsMTMuNC0xMy45aDAuMXYtOC44ODE3OGUtMTZjMC40LTAuNCAxLTAuNCAxLjQsMGwxLjQsMS40YzAuNCwwLjQgMC40LDEgMCwxLjRsMCwwLTE2LDE2LjZjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtNy44LTguNC0uMi0uM3oiIGZpbGw9IiM1ZmM1MjkiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:center center;background-color:#5fc529;}
.liouput .status.complete > div > div *{display:none;}
.liouput .status.complete > div > div:before {}
.liouput .status.complete svg{display:none;}
.liouput .status.complete {transition:all 1s 3s;margin:0 auto;height:0;}
.liouput label img{display:block;margin:5px auto;}
.liouput .onasiz {text-align:right;display:block;}

@keyframes rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}}

ul.backup:hover + textarea{
  animation-name:blink;
  animation-duration: 300ms;
}

@keyframes blink {
    0%   {background: rgba(233, 243, 249, 0.58);}
    30% {background: #e9f3f9;}
    60%   {background: rgba(233, 243, 249, 0.58);}
    100% {background: #e9f3f9;}
}

@media only all and (max-width:1100px){.create div.containersetup{position:absolute;top:0;}