mirror of
https://github.com/serghey-rodin/vesta.git
synced 2024-12-25 13:31:13 -08:00
2 lines
83 KiB
CSS
2 lines
83 KiB
CSS
body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.spinner-wrapper{position:absolute;bottom:5px;width:150px;left:42%;height:10px}.dropdown-menu ul{height:150px}.dropdown-menu ul li{display:inline-flex}.lists-container .dropdown-menu.show{-webkit-transform:translate3d(-57%,39px,0)!important;transform:translate3d(-57%,39px,0)!important}.path{display:flex;justify-content:space-between;font-size:15px;padding:1px 0 0 5px;height:40px;background:#222e44;color:#999;box-shadow:0 2px 10px -4px #222e44}.path .btn-group{width:75px;margin-left:15px;background:none;box-shadow:none}.path .btn-group .btn-secondary:not(:disabled):not(.disabled).active,.path .btn-group .btn-secondary:not(:disabled):not(.disabled):active,.path .btn-group .show>.btn-secondary.dropdown-toggle{background:#222e44;border:#222e44}.path .btn-group button{padding-left:0;padding-right:5px;color:#999;background:#222e44;border:#222e44;transition:none}.path .btn-group button span{color:#999;padding:0 0 0 5px}.path .btn-group button:active,.path .btn-group button:focus{background:#222e44;border:#222e44}.path .btn-group .btn.active.focus,.path .btn-group .btn.active:focus,.path .btn-group .btn.focus,.path .btn-group .btn:active.focus,.path .btn-group .btn:active:focus,.path .btn-group .btn:focus{box-shadow:none;outline:none;background:#222e44;border:#222e44}.path .btn-group .btn-secondary{display:flex;justify-content:center;align-items:center}.path .clickable{padding-top:8px;cursor:pointer}.active-path{display:flex;justify-content:space-between;font-size:15px;padding:1px 0 0 5px;height:40px;background:#d7dcef;color:#fff;box-shadow:0 2px 6px -2px #d7dcef}.active-path .clickable-wrapper{display:flex;flex-wrap:nowrap;overflow:auto}.active-path .btn-group{width:75px;background:none;box-shadow:none}.active-path .btn-group .btn-secondary:not(:disabled):not(.disabled).active,.active-path .btn-group .btn-secondary:not(:disabled):not(.disabled):active,.active-path .btn-group .show>.btn-secondary.dropdown-toggle{border-color:#d7dcef;background:#d7dcef}.active-path .btn-group button{padding-left:0;padding-right:5px;color:#fff;border-color:#d7dcef;background:#d7dcef;transition:none}.active-path .btn-group button span{color:#fff;padding:0 0 0 5px}.active-path .btn-group button:active,.active-path .btn-group button:focus{border-color:#d7dcef;background:#d7dcef}.active-path .btn-group .btn.active.focus,.active-path .btn-group .btn.active:focus,.active-path .btn-group .btn.focus,.active-path .btn-group .btn:active.focus,.active-path .btn-group .btn:active:focus,.active-path .btn-group .btn:focus{box-shadow:none;outline:none;border-color:#d7dcef;background:#d7dcef}.active-path .btn-group .btn-secondary{display:flex;justify-content:center;align-items:center;color:#2c54ac}.active-path .btn-group .btn-secondary span{color:#2c54ac}.active-path .btn-group .btn-secondary:hover{color:#1c3876;border-color:#d7dcef;background:#d7dcef}.active-path .btn-group .btn-secondary:hover span{color:#1c3876}.active-path .clickable{color:#2c54ac;padding-top:8px;cursor:pointer}.active-path .clickable:hover{color:#1c3876}.active-path .clickable:active{color:#2c54ac}.clickable-path{display:flex;float:0 0 auto}.list .list-container ul li svg{width:25px;vertical-align:top;margin-top:9px;margin-left:10px}.html5{color:#f16529}.file-alt{color:#20d2d1}.list .list-container ul li .marker{float:left;width:4px;height:34px;margin-right:5px}.list .list-container ul li .js{width:16px;color:#f7df1c;background:#000;margin:9px 4px 0 15px}.php{color:#777bb3}.css3{color:#0079cb}.sass{color:#cd6699}.image{color:#36afae}.folder-open{color:#e29741}.file{color:#11b1b1}.archive{color:#d1ce2b}.download{color:#929ca3}.fDate,.fOwner,.fPermissions,.fSize,.fTime{font-size:14px;float:right;width:60px;padding-top:2px}.list .list-container ul li .fName{margin-left:5px;width:260px;display:inline-block;overflow:hidden;text-overflow:clip}.list .list-container ul li .fName .name{padding:0 5px;float:left;margin-left:5px;line-height:34px;font-size:15px;white-space:nowrap;transition:all .3s ease-out}.list .list-container ul li .fName .name:hover{transition:all .2s ease-out;background:#c9c7c7;border-radius:4px;cursor:pointer}.list .list-container ul li.active .fName .name:hover{background:#f0b607;color:#000}.list .list-container ul li .fPermissions{margin-left:35px;width:50px;color:#727272;font-size:11px}.list .list-container ul li .fDate .date{color:#727272;font-size:11px}.list .list-container ul li .fTime{color:#727272;font-size:11px;width:54px}.fSize{padding-right:15px;text-align:right;width:95px}.list .list-container ul li .fOwner{color:#896417;font-style:italic;width:50px;font-size:12px;margin-right:5px}.value{color:#2c54ac}.unit{font-weight:bolder;color:#727272}li.inactive{background:#c9c7c7}li.inactive .marker{float:left;width:4px;height:34px;margin-right:5px;background:#a3a3a3}.inactive-selected{background:#dcdcdc}@media (max-width:1320px){.list .list-container ul li .fName{width:210px}.list .list-container ul li .fSize{width:75px}.list .list-container ul li .fDate{width:40px}.list .list-container ul li .fTime{width:50px}.list .list-container ul li .fPermissions{margin:0}}.list{width:50%;height:100vh;flex:1 1 50%}.list .list-container{margin-top:10px;height:calc(100% - 100px);overflow:auto}.list .list-container ul{margin-top:5px;padding:0;color:#3a3a3a}.list .list-container ul li{display:block;height:34px;line-height:30px;font-size:15px;margin-top:2px;list-style:none}.list .list-container ul li span{font-size:13px}.list .list-container ul li:hover{background:#dedede}.list .list-container ul li.active{background:#ffdc5a}.list .list-container ul li.active .marker{float:left;width:4px;height:34px;margin-right:5px;background:#79641a}.list .list-container ul li.selected{background:#fdfdbb}@media screen and (max-width:1200px){.owner,.permissions{display:none}}.progress.upload{left:0;top:0;z-index:9999;height:5px;position:fixed;width:100%;margin:0;display:inline-table;background:transparent}.progress.upload .progress-bar{height:5px}.modal{display:block;text-align:center;position:fixed;z-index:1;padding-top:200px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal .modal-content{box-shadow:0 2px 11px 0 rgba(0,0,0,.5);background:#222e44;border:1px solid #111824;width:25%;height:auto;color:#fff;margin:100px auto auto}.modal .modal-content .modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-wrap:anywhere;font-size:17px;margin-bottom:40px}.modal .modal-content .modal-body small{margin-top:5px;font-size:13px}.modal .modal-content .modal-body small.error{color:red}.modal .modal-content .modal-body input{background:#333;border:1px solid #111;color:#fff;margin-top:10px;width:85%}.modal .modal-content .modal-header{border-bottom:none;padding-bottom:0;word-break:break-word}.modal .modal-content .modal-header h3{font-size:20px;color:#f8b014}.modal .modal-content .modal-header .replace{position:absolute;top:10px;right:10px}.modal .modal-content .modal-header .quot{color:#fdb51c}.modal .modal-content .modal-footer{border-top:1px solid #555}.modal .modal-content .modal-footer button{color:#fff;border-color:none;background:none;text-transform:uppercase;font-size:11px}.modal .modal-content .modal-footer button:focus{outline:none;box-shadow:none}.modal .modal-content .modal-footer button.btn-danger{border-color:transparent}.modal .modal-content .modal-footer button.btn-danger:focus{outline:none;border:none}.modal .modal-content .modal-footer button.btn-danger:hover{background:#b00e5b;border-color:#b00e5b}.modal .modal-content .modal-footer button+button{padding:6px 30px;background:#fcac04;border-color:#fcac04}.modal .modal-content .modal-footer button+button:hover{background:#d7dcef;border-color:#d7dcef;color:#2c54ac}.modal .modal-content .modal-footer button+button:hover{background:#1e5cb2;border-color:#1e5cb2;color:#fff}.modal .modal-content .header .quot{color:#fdb51c}.modal .modal-content .close{top:0;right:0;color:#000}.modal .nothing-selected h3{padding:15px}.modal .nothing-selected .modal-footer{margin-top:20px}.modal .nothing-selected .modal-footer button{background:#d9534f;border-color:#d9534f;color:#fff}.modal .delete .modal-header{border-bottom:none;padding-bottom:30px}.modal .delete .modal-header .close{position:absolute;top:15px;right:15px}.modal .permissions{height:auto;width:30%;margin-top:0}.modal .permissions .error,.modal .permissions:focus{border:1px solid red}.modal .permissions input[type=text]{size:40px;width:60px;margin:auto auto 10px;display:inline-block}.modal .permissions .header h3{margin-bottom:40px;font-size:30px}.modal .permissions form{margin-top:20px}.modal .permissions form div{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:30px;margin-left:40px}.modal .permissions form div label{display:inherit;cursor:pointer;font-size:18px}.modal .permissions form div label input{margin-top:6px;margin-right:5px}.menu{display:flex;background:#f8f9fa;height:40px}.menu .logo{width:7rem;padding-left:5px;display:flex;justify-content:center;align-items:center}.menu .logo img{width:82%}.menu .btn-group{padding:0 0 0 10px;margin:0;font-size:17px;border-radius:0;background:#f8f9fa}.menu .btn-group .small{display:none}.menu .btn-group #upload{line-height:0;margin-top:7px;margin-bottom:7px;padding-top:8px;padding-bottom:7px;margin-left:2px;color:#fff;border-radius:4px;background:#2c54ac}.menu .btn-group #upload:hover{color:#2c54ac;background:#d7dcef}.menu .btn-group button{text-transform:uppercase;font-size:12px;padding-top:11px;padding-bottom:12px;margin:0 25px 0 2px;text-align:center}.menu .btn-group button:hover{color:#2c54ac}.menu .btn-group button:focus{box-shadow:none;outline:none}.menu .btn-group .btn-hidden,.menu .btn-group .upload{display:none}.menu .btn-group .delete:hover{color:#dd3939}@media screen and (max-width:1200px){.menu .btn-group .small{font-size:18px;padding-top:8px;display:inline-block}.menu .btn-group .icon{color:#777}.menu .btn-group .small:hover .copy,.menu .btn-group .small:hover .download,.menu .btn-group .small:hover .file,.menu .btn-group .small:hover .folder-close{color:#2c54ac}.menu .btn-group .small:hover .italic,.menu .btn-group .small:hover .paste,.menu .btn-group .small:hover .user{color:#2c54ac}.menu .btn-group .small:hover .trash{color:#dd3939}.menu .btn-group .small:hover .book{color:#2c54ac}.big{display:none}}html{overflow-y:scroll}.App{font-size:25px;font-family:Arial}.window{background:#ececec;height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.window .lists-container{display:flex;flex-direction:row}.active{background:#fff}.progress{height:10px;transition:all .1s ease-out}.Toastify__toast-body{font-size:20px;word-break:break-word}.Toastify__toast-container{top:15em}.actions div a.link-download:hover,.actions div a.link-edit:hover,.actions div button.link-download:hover,.actions div button.link-edit:hover{background:#2c54ac!important}.actions div a.link-list:hover,.actions div button.link-list:hover{background:#2c54ac!important}.actions div a.link-delete:hover,.actions div button.link-delete:hover{background:#b00e5b!important}.actions div a.link-gray:hover,.actions div button.link-gray:hover{background:#afafac!important}.actions div button{text-transform:inherit;font-weight:bolder;background:#dfdedd;border:none}@media screen and (max-width:700px){.actions{background:unset!important;flex-wrap:wrap;justify-content:flex-end!important}.actions div{height:30px!important}.actions div a,.actions div button{background:#dfdedd!important;padding:0 10px!important;height:100%!important;font-size:10px!important}}.period:active,a:active,button:active{color:#1e5cb2}.list-item:first-child{margin-top:5px}.list-item .text-status{display:none}button:active,button:focus,button:hover{outline:none}.fixed-buttons.fm{position:fixed;right:15px;bottom:15px;display:flex;justify-content:space-around;align-items:center}.fixed-buttons.fm>div{width:40px;height:40px;padding:5px;margin:5px;border-radius:50%;background:#c3c3c3;display:flex;justify-content:center;align-items:center}.fixed-buttons.fm>div:hover{color:#2c54ac;background:#d7dcef}.fixed-buttons.fm>div:active{color:#fff;background:#1e5cb2}.fixed-buttons.fm>div button{display:flex;justify-content:center;align-items:center;background:none;border:none;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(1.32);transform:scale(1.32)}.fixed-buttons.fm>div button svg{color:#fff;height:70%}.fixed-buttons.fm>div:first-child{background:#2c54ac}.fixed-buttons.fm>div:first-child:hover{color:#2c54ac;background:#d7dcef}.fixed-buttons.fm>div:first-child:hover button svg{color:#2c54ac}.fixed-buttons.fm>div:first-child:active{color:#fff;background:#1e5cb2}.fixed-buttons.fm>div:first-child:active button svg{color:#fff}.fixed-buttons.fm>div:first-child button{padding:0}.fixed-buttons.fm>div:first-child button svg{color:#fff}@media (min-width:1067px){.App div.content{padding-top:0!important;margin-top:-20px!important}}@media (max-width:1066px){.App div.content{padding-top:0!important;margin-top:-20px!important}.content>div .l-col{margin-top:2rem;padding-left:5px}.content>div .r-col{margin-top:1rem}.content>div .r-col .name{margin-top:2rem}.content>div .r-col .stats{flex-wrap:wrap}.content>div .r-col .stats>div{margin:1rem 0!important;padding:0!important;width:100%!important}.content .servers-list .servers-wrapper .l-col{display:flex;align-items:center;height:55px;margin-top:.75rem}.content .servers-list .servers-wrapper .l-col .checkbox{margin:0}}@media (max-width:900px){.App div.content{padding-top:77px!important;margin-top:0!important}.content>div .l-col{padding-left:5px}.content>div .r-col{padding-left:2rem}}@media (max-width:725px){.content .r-col{padding-left:3.5rem}}.editor{width:100%}.editor .panel-editor{display:flex;justify-content:flex-end;width:100%;height:40px;position:absolute;padding:3px;margin:0;background:rgba(0,0,0,.75);z-index:4;transition:all .5s ease-in-out;border-bottom:1px solid #000;border-radius:0}.editor .panel-editor button{font-size:17px;height:98%;margin:0 0 0 30px;padding:0 10px}.editor .panel-editor button:focus{outline:none;box-shadow:none}.editor .close{z-index:4;position:absolute;top:5px;right:5px;font-size:40px;opacity:1;color:#000}.editor .close:hover{color:#8b8b8b}.editor .CodeMirror{height:100vh;padding-top:4vh}.editor .CodeMirror .CodeMirror-selected{background:#accef7}.editor .CodeMirror .CodeMirror-scroll{font-size:14px}.editor .save{font-size:20px;left:95%;bottom:10px;position:absolute}.carousel{width:100%;position:relative}.carousel a{width:5%}.carousel .carousel-inner .carousel-item{background:#000;width:100%;height:100vh}.carousel .carousel-inner .carousel-item .gif{height:50%;width:50%}.carousel .carousel-inner .carousel-item .img{width:90%}.carousel .carousel-indicators .indicator{margin:0 15px;width:80px;height:80px}.carousel .carousel-indicators .indicator .control-photo{width:100px;height:80px}.carousel .carousel-indicators .indicator:hover{cursor:pointer}.carousel .carousel-indicators .indicator.active>img{border:3px solid #3cc3f0}.carousel .carousel-indicators .indicator .active{border:3px solid #3cc3f0}span.close{z-index:10;font-size:30px;position:absolute;top:5px;right:10px;opacity:1;color:#fff;cursor:pointer}span.close:hover{color:#fff}.video-preview{padding-bottom:17px;width:100%;background:#000}.video-preview .close{z-index:1;font-size:30px;position:absolute;top:5px;right:2px;opacity:1;color:#fff}.video-preview .close:hover{color:#000}.video-preview .video{width:100%;height:auto}.video-preview .video:focus{outline:none}.l-col{padding-left:15px}.r-col{font-size:13px}.w-14{width:14.3%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-60{width:60%}.w-85{width:85%}.content .edit-template{padding-bottom:2rem}.content .edit-template .toolbar{justify-content:unset}.content .edit-template .toolbar>div{width:14.3%;display:flex;align-items:center}.content .edit-template .toolbar div.error,.content .edit-template .toolbar div.success{width:-webkit-fit-content!important;width:fit-content!important}.content .edit-template .toolbar div.error span,.content .edit-template .toolbar div.success span{font-weight:700;font-size:14px}.content .edit-template .toolbar div.error span svg,.content .edit-template .toolbar div.success span svg{font-size:13px;margin-right:10px}.content .edit-template .toolbar div.error span.error-message,.content .edit-template .toolbar div.success span.error-message{color:#be5abf}.content .edit-template .toolbar div.error span.error-message svg,.content .edit-template .toolbar div.success span.error-message svg{margin-right:7px;font-size:13px;color:#be5abf}.content .edit-template .toolbar div.error span.ok-message,.content .edit-template .toolbar div.error span.ok-message svg,.content .edit-template .toolbar div.success span.ok-message,.content .edit-template .toolbar div.success span.ok-message svg{color:#2c54ac}.content .edit-template .toolbar .search-toolbar-name{width:auto!important;padding:10px 0;margin-left:0;margin-right:10px}.show{display:flex}.edit-item,.login-layout{display:flex;font-size:15px;margin-top:3rem;margin-bottom:1rem}.edit-item .l-col,.login-layout .l-col{margin-right:1.75%}.edit-item form,.login-layout form{width:100%}.edit-item form a,.edit-item form button,.login-layout form a,.login-layout form button{color:#2c54ac;font-weight:700}.edit-item form a:hover,.edit-item form button:hover,.login-layout form a:hover,.login-layout form button:hover{color:#f8b014}.edit-item form a:active,.edit-item form button:active,.login-layout form a:active,.login-layout form button:active{color:#fdb51c}.edit-item form button.optional:hover,.login-layout form button.optional:hover{color:#2c54ac}.edit-item form button.optional:active,.login-layout form button.optional:active{color:#d7dcef}.edit-item form button.delete:hover,.login-layout form button.delete:hover{color:#b00e5b}.edit-item form button.delete:active,.login-layout form button.delete:active{color:#b11661}.edit-item form .form-group input[type=email],.edit-item form .form-group input[type=password],.edit-item form .form-group input[type=text],.edit-item form .form-group select,.edit-item form .form-group textarea,.login-layout form .form-group input[type=email],.login-layout form .form-group input[type=password],.login-layout form .form-group input[type=text],.login-layout form .form-group select,.login-layout form .form-group textarea{width:50%}@media screen and (max-width:900px){.edit-item form .form-group input[type=email],.edit-item form .form-group input[type=password],.edit-item form .form-group input[type=text],.edit-item form .form-group select,.edit-item form .form-group textarea,.login-layout form .form-group input[type=email],.login-layout form .form-group input[type=password],.login-layout form .form-group input[type=text],.login-layout form .form-group select,.login-layout form .form-group textarea{width:100%}}.edit-item form .form-group select,.edit-item form .form-group textarea,.login-layout form .form-group select,.login-layout form .form-group textarea{border-radius:0}.edit-item form .form-group select:hover,.edit-item form .form-group textarea:hover,.login-layout form .form-group select:hover,.login-layout form .form-group textarea:hover{border-color:#909090}.edit-item form .form-group select:active,.edit-item form .form-group select:focus,.edit-item form .form-group textarea:active,.edit-item form .form-group textarea:focus,.login-layout form .form-group select:active,.login-layout form .form-group select:focus,.login-layout form .form-group textarea:active,.login-layout form .form-group textarea:focus{outline:none;border-color:#1e5cb2;box-shadow:unset}.edit-item form input:-webkit-autofill,.edit-item form input:-webkit-autofill:active,.edit-item form input:-webkit-autofill:focus,.edit-item form input:-webkit-autofill:hover,.login-layout form input:-webkit-autofill,.login-layout form input:-webkit-autofill:active,.login-layout form input:-webkit-autofill:focus,.login-layout form input:-webkit-autofill:hover{background:#d7dcef;border-color:#1e5cb2;-webkit-filter:none;filter:none;box-shadow:none}.edit-item form input:autofill,.edit-item form input:autofill:active,.edit-item form input:autofill:focus,.edit-item form input:autofill:hover,.login-layout form input:autofill,.login-layout form input:autofill:active,.login-layout form input:autofill:focus,.login-layout form input:autofill:hover{background:#d7dcef;border-color:#1e5cb2;-webkit-filter:none;filter:none;box-shadow:none}.edit-item form button,.login-layout form button{background:unset;border:none;box-shadow:unset}.edit-item form button:active,.edit-item form button:focus,.login-layout form button:active,.login-layout form button:focus{outline:none}.edit-item form input,.login-layout form input{height:calc(1.5em + .75rem + 6px);border-radius:0}.edit-item form input:hover,.login-layout form input:hover{border-color:#909090}.edit-item form input:active,.edit-item form input:focus,.login-layout form input:active,.login-layout form input:focus{box-shadow:unset;border-color:#1e5cb2;background:rgba(215,220,239,.62)}.edit-item form label,.login-layout form label{color:#555;font-weight:700}.edit-item form label.label-wrapper,.login-layout form label.label-wrapper{display:flex;align-items:flex-end;width:-webkit-fit-content;width:fit-content}.edit-item form label.label-wrapper span,.login-layout form label.label-wrapper span{font-weight:400;text-transform:uppercase;margin-left:5px;font-size:12px}.edit-item form .checkbox-wrapper,.login-layout form .checkbox-wrapper{display:flex;align-items:center}.edit-item form .checkbox-wrapper label,.login-layout form .checkbox-wrapper label{margin:0 12px}.edit-item form input,.login-layout form input{color:#555}.edit-item form .buttons-wrapper,.login-layout form .buttons-wrapper{margin-top:2.5rem}.edit-item form .buttons-wrapper button,.login-layout form .buttons-wrapper button{font-weight:700;font-size:13px;margin-right:10px;padding:.35rem 2.25rem;border-radius:4px;transition:all .2s cubic-bezier(.4,.1,.5,.85)}.edit-item form .buttons-wrapper .add,.login-layout form .buttons-wrapper .add{color:#fff;background:#2c54ac}.edit-item form .buttons-wrapper .add:hover,.login-layout form .buttons-wrapper .add:hover{color:#2c54ac;background:#d7dcef}.edit-item form .buttons-wrapper .add:active,.login-layout form .buttons-wrapper .add:active{color:#fff;background:#1e5cb2}.edit-item form .buttons-wrapper .back,.login-layout form .buttons-wrapper .back{color:#777;background:#dfdedd}.edit-item form .buttons-wrapper .back:hover,.login-layout form .buttons-wrapper .back:hover{color:#fff;background:#999}.edit-item .l-col,.login-layout .l-col{padding:20px 0 0}.edit-item .l-col .date,.edit-item .l-col .time,.login-layout .l-col .date,.login-layout .l-col .time{margin:10px 0 0;color:#777;font-size:12px;letter-spacing:1px}.edit-item .l-col .time,.login-layout .l-col .time{margin:6px 0 10px}.edit-item .l-col .status,.login-layout .l-col .status{color:#2c54ac;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700}@media screen and (max-width:1066px){.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{width:75%}}.toolbar{display:flex;flex-direction:row;justify-content:space-between;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:1;padding:3px 13% 1px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.toolbar .r-menu{display:flex;align-items:center}.toolbar .r-menu>div{display:flex;flex-wrap:unset;width:100%;align-items:center;justify-content:flex-end}.toolbar .r-menu a.button-extra,.toolbar .r-menu button.button-extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;justify-content:flex-start;padding:5px 10px;background:none;border:none;text-decoration:none;color:#817d7d;font-size:14px;display:flex;align-items:center;margin-right:10px;border-radius:3px}.toolbar .r-menu a.button-extra:hover,.toolbar .r-menu button.button-extra:hover{background:#d7dcef;color:#2c54ac}.toolbar .r-menu a.button-extra:active,.toolbar .r-menu button.button-extra:active{background:#1e5cb2;color:#fff}.toolbar .r-menu .input-group .input-group-prepend{height:30px;margin-right:15px}.toolbar .r-menu .input-group .input-group-prepend div,.toolbar .r-menu .input-group .input-group-prepend span{padding-left:0;background:none;border:none}.toolbar .r-menu .input-group .input-group-prepend label{margin-bottom:0}.toolbar .r-menu #inputGroupSelect04{height:30px;padding-top:2px;outline:none}.toolbar .r-menu #inputGroupSelect04:focus{outline:none;box-shadow:none}.toolbar .r-menu select+div:focus{outline:none}.toolbar .r-menu select+div:hover{background:#b3b8bd}.toolbar .r-menu select+div button{border-color:#ced4da}.toolbar .r-menu .input-group-append{height:30px}.toolbar .r-menu .input-group-append button{padding-top:3px}.toolbar .r-menu .btn:focus,.toolbar .r-menu .button:focus,.toolbar .r-menu button:focus{outline:none;box-shadow:none;border-color:none}.toolbar .r-menu .btn.btn-sm{height:30px;margin-left:15px}.toolbar .r-menu .btn.btn-sm:hover{color:#212529;background-color:#fff;border-color:none}.toolbar .r-menu .btn.btn-sm:active{background:#fff}.toolbar .r-menu .btn.btn-sm div{padding-top:3px}.toolbar .r-menu .btn-group.show .btn-outline-secondary{background-color:#fff;color:#212529}.toolbar .r-menu .btn-group.show .btn-outline-secondary:hover{background-color:#fff}.toolbar.justify-right{justify-content:flex-end}.toolbar.justify-right .r-menu>div>*{margin:0 10px}.toolbar.t-shadow{box-shadow:0 5px 3px 0 hsla(0,0%,78.4%,.5)}@media (max-width:1390px){.toolbar{padding:3px 10% 1px}}@media (max-width:1250px){.toolbar .r-menu a.button-extra,.toolbar .r-menu button.button-extra{max-width:30%}}@media (max-width:900px){.toolbar .r-menu{overflow:scroll}.toolbar .r-menu a.button-extra,.toolbar .r-menu button.button-extra{overflow:unset;max-width:100%}.toolbar .r-menu>div{margin-left:3rem;position:relative;display:flex;flex-wrap:unset;width:100%;align-items:center;justify-content:flex-start}.toolbar .r-menu .select-wrapper+div{display:none}}@media (max-width:450px){.toolbar{padding:3px 1% 1px}}@media (max-width:450px){.mobile-toolbar .toolbar{display:flex;flex-direction:column-reverse;padding-bottom:5px;height:100%}.mobile-toolbar .toolbar .r-menu{height:50%;margin-top:15px}.mobile-toolbar .toolbar .r-menu .input-group>div:first-child{width:100%;display:flex;justify-content:center;margin:15px 0}.mobile-toolbar .toolbar .r-menu .input-group select{margin-left:100px}.mobile-toolbar .toolbar .r-menu .input-group select+div{margin-right:85px}.mobile-toolbar .toolbar .r-menu .input-group>.btn-group{width:60%;margin-left:75px;margin-top:15px}.mobile-toolbar .toolbar .l-menu{display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:center;-webkit-transform:none;transform:none;height:50%;margin-top:40px}.mobile-toolbar .toolbar .l-menu button{width:30px;height:30px}.mobile-toolbar .toolbar .l-menu button svg{width:17px;height:30px}}.edit-ip form .dedicated-form-group{-webkit-transform:translateX(3rem);transform:translateX(3rem);margin-bottom:2rem}div.edit-item form label.label-wrapper{align-items:center}div.edit-item form label.label-wrapper span{text-transform:lowercase}div.edit-item form div.assigned-user{padding-left:25px}div.edit-item form div.assigned-user select{width:48.4%}.content .edit-template.edit-nginx .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.edit-nginx .toolbar .link{width:-webkit-fit-content;width:fit-content;margin-left:15px}.content .edit-template.edit-nginx .toolbar .link a{text-decoration:none;font-size:12px;text-transform:uppercase;color:#777;font-weight:700}.content .edit-template.edit-nginx .toolbar .link a:hover{color:#f8b014}.content .edit-template.edit-nginx textarea{width:75%}.content .edit-template.edit-nginx .checkbox-wrapper label{text-transform:capitalize}.content .edit-template.edit-nginx svg{margin-left:5px}.content .edit-template.edit-pgsql .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.edit-pgsql textarea{width:75%}.content .edit-template.edit-pgsql .checkbox-wrapper label{text-transform:capitalize}.content .edit-backup-exclusions .toolbar .search-toolbar-name{width:auto}.btn-group button{border:0}.btn-group button>span{display:inline-block;vertical-align:bottom;margin-left:5px;height:100%;width:auto}.btn-group button:after{display:none}.dropdown-menu{padding:0;border-radius:0;font-size:13px;width:200px}.dropdown-menu ul{padding:0;margin:0;display:inline-block;list-style:none;height:auto;width:100%;color:#333}.dropdown-menu ul li{display:flex;width:100%;height:37.5px;border-top:1px solid #dbdbdb}.dropdown-menu ul li .arrow-down{float:right}.dropdown-menu ul li .dropdown-item:hover{background:#bdbdbd}.dropdown-menu ul li>span:first-child{width:75%;padding:0 5px}.dropdown-menu ul li>span:nth-child(2){display:flex;justify-content:center;align-items:center;width:25%}.dropdown-menu ul li span{padding:0 5px 0 10px;line-height:38px}.dropdown-menu ul li span.active{background:#ffc900}.dropdown-menu ul li span+span{text-align:center}.dropdown-menu ul li:first-child{border-width:0 0 1px}.search-input-form{display:flex;width:180px}.search-input-form input{height:30px;margin-left:10px;border-radius:0}.search-input-form button{display:flex;align-items:center;justify-content:center;border-radius:0;border:1px groove #fff;height:30px}.list-item{display:flex;justify-content:flex-start;align-items:flex-start;font-size:18px;position:relative;padding:25px 0;border-left:2px solid #fff;border-bottom:1px solid #ddd;color:#686868}.list-item:hover .actions,.list-item:hover .l-col div.star div svg{opacity:1}.list-item .l-col .suspended{letter-spacing:3px}.list-item .l-col .text-status{font-size:10px}.list-item .l-col div.star{display:flex;align-items:center}.list-item .l-col div.star div.checkbox{margin:0 25% 4px 0}.list-item .r-col .stats div>span{width:50%;text-align:left}.list-item .r-col .stats .c-2 div>span{width:50%}.list-item .r-col div.bandwidth span,.list-item .r-col div.disk span{width:auto}.list-item .date{font-size:13px;margin:20px 0 10px}.list-item.toggled{background:#feef9a}.list-item.starred{border-left:2px solid #2c54ac}.list-item.starred .l-col div.star div>svg{opacity:1;color:#2c54ac}.list-item.suspended{background:#eaeaea;color:silver}.list-item.suspended .r-col div,.list-item.suspended .r-col span{color:silver!important}.list-item.suspended.toggled{background:#f2eab8;color:#b2ac87}.list-item.suspended.toggled .l-col,.list-item.suspended.toggled .r-col .name,.list-item.suspended.toggled .r-col .stats{color:#b2ac87!important}.list-item.outdated{background:#ffcaca;border-left:5px solid #ff6f6f}.list-item.toggled.outdated{background:#755d5d;color:#000}.list-item.toggled.outdated .stat{color:#000}.list-item.stopped{background:#eaeaea}.list-item.focused{border-left:2px solid #f8b014}.list-item.focused .l-col div.star div>svg{color:#f8b014}.list-item.focused .actions{opacity:1}.list-item.focused .actions div>a,.list-item.focused .actions div>button{padding-top:6.5px;padding-bottom:6.5px}.list-item.focused .actions div>a .shortcut-button,.list-item.focused .actions div>button .shortcut-button{border-radius:50%;width:25px;height:25px;margin-left:15px;background:#f8b014;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px}.list-item.focused .actions div>a .shortcut-button.html-unicode,.list-item.focused .actions div>button .shortcut-button.html-unicode{align-items:flex-end}.list-item.focused .actions div>a .shortcut-button.del,.list-item.focused .actions div>button .shortcut-button.del{text-transform:capitalize;font-size:10px}.internetProtocols .ip-wrapper .name svg{margin:0 10px;font-size:20px}.l-menu{-webkit-transform:translate(35px,50%);transform:translate(35px,50%)}.l-menu a,.l-menu button{display:flex;justify-content:center;align-items:center;background:#2c54ac;border-radius:100%;color:#fff;width:45px;height:43px;outline:none;border:none;text-decoration:none}.l-menu a:hover,.l-menu button:hover{background:#d7dcef}.l-menu a:hover span.add,.l-menu button:hover span.add{display:block;color:#2c54ac;background:#d7dcef}.l-menu a:hover svg,.l-menu button:hover svg{color:#2c54ac}@media screen and (max-width:900px){.l-menu a span.add,.l-menu button span.add{display:none!important}}.l-menu a:active,.l-menu button:active{background:#2c54ac}.l-menu a:active span.add,.l-menu button:active span.add{display:block;color:#fff;background:#2c54ac}.l-menu a:active svg,.l-menu button:active svg{color:#fff}.l-menu a span.add,.l-menu button span.add{width:-webkit-max-content;width:max-content;display:none;padding:4px 10px 4px 25px;background:#2c54ac;border-radius:15px;color:#fff;font-size:15px;position:absolute;left:25px;z-index:-1;text-align:right}.l-menu a svg,.l-menu button svg{width:31px;height:21px}@media screen and (max-width:900px){.l-menu{-webkit-transform:unset;transform:unset}}.l-menu.none{display:none}.exclusions-list .l-menu.backup-details-icon,.servers-list .l-menu.backup-details-icon{-webkit-transform:translateX(2px);transform:translateX(2px)}input{border-radius:0}.select-wrapper{display:flex}.select-wrapper select{width:auto}.select-wrapper button,.select-wrapper select{border-radius:0}div.modal{z-index:2}div.content .modal .modal-content{width:75%}div.content .modal .modal-content .modal-header button.close{color:#fff}div.content .modal .modal-content .modal-footer .btn-primary{background:#2c54ac;border:1px solid #2c54ac}.edit-web .additional-ftp .title .indexed-name{font-weight:700}.additional-ftp .title span:first-child{color:#555;font-size:15px;font-weight:700}.additional-ftp .form-transform{margin-top:15px;-webkit-transform:translateX(3rem);transform:translateX(3rem)}.additional-ftp .form-transform .form-group.username{display:flex;flex-direction:column}.additional-ftp .form-transform .form-group.username label{margin:0}.additional-ftp .form-transform .form-group.username span{font-size:10pt;color:#777;font-weight:700;margin-bottom:10px}.additional-ftp .form-transform .form-group.username .input-wrapper{display:flex;align-items:center}.additional-ftp .form-transform .form-group.username .input-wrapper span{color:#777;font-size:15px;font-style:italic;font-weight:400;margin-left:15px}.additional-ftp .path-note{font-weight:700;color:#555}.ssl-support{-webkit-transform:translateX(3rem);transform:translateX(3rem)}.ssl-support .lets-encrypt-span{font-style:italic;color:#89a40a}.statistics-authorization,.web-stats-wrapper{-webkit-transform:translateX(3rem);transform:translateX(3rem)}.web-stats-wrapper{display:flex;flex-direction:column}.add-web form .form-group .checkbox-wrapper{display:flex;align-items:center}.add-web form .form-group .checkbox-wrapper label{margin:0 10px}.add-web form .advanced-options-button button{display:flex;align-items:center;padding:0}.add-web form .advanced-options-button button svg{margin-left:10px}.add-web #c-panel-modal{padding:2rem}.add-web #c-panel-modal form .form-group input[type=text]{width:90%!important}.add-web #c-panel-modal label{color:#fff}.add-web #c-panel-modal .form-group{padding-left:1.5rem}.add-web #c-panel-modal .form-group textarea{width:90%!important}.add-web #c-panel-modal .l-col{display:none}.form-group.text-on-the-right .input-wrapper{display:flex;align-items:center}.form-group.text-on-the-right .input-wrapper span{margin-left:15px;color:#777}.input-wrapper{display:flex;align-items:center}.input-wrapper span.italic{margin-left:15px;color:#777}.edit-firewall form .form-group .label-wrapper span{text-transform:none}.hotkeys-list{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;-webkit-transform:translateX(-45%);transform:translateX(-45%);width:53%;background:rgba(34,46,68,.87);font-size:13px}.hotkeys-list .head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #fcac04}.hotkeys-list .head .name{text-transform:uppercase;font-size:12px;font-weight:700;color:#fcac04;letter-spacing:2px;padding:15px}.hotkeys-list .head .close{padding:12px;opacity:1!important}.hotkeys-list .head .close svg{color:#fcac04}.hotkeys-list .head .close:hover{cursor:pointer;background:#222e44}.hotkeys-list .body{display:flex}.hotkeys-list .body ul{padding:25px 10px;width:50%;list-style:none;margin:0 0 0 3rem}.hotkeys-list .body ul li{padding:5px}.hotkeys-list .body ul li span.name{margin-right:15px;color:#fcac04;font-weight:700}.hotkeys-list .body ul li span.description{color:#fff}.hotkeys-list .body ul li.space-top{padding-top:30px}.hide{display:none}.edit-template.add-db form span.italic{font-style:italic}.edit-template.add-db form .form-group .label-wrapper{display:flex}.edit-template.add-db form .form-group .label-wrapper span.italic{margin-left:1.5rem;color:#555}.edit-template.add-db form .form-group .input-wrapper{display:flex;align-items:center}.edit-template.add-db form .form-group .input-wrapper span.italic{font-size:15px;font-weight:700;margin-left:1.5rem;color:#777;font-weight:400}.edit-template.add-db form .form-group.database{margin-top:1rem}.edit-template.add-db form span.prefix{color:#777;font-style:italic}.content .edit-template.add-firewall .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.add-firewall label.label-wrapper[for=ip] span{text-transform:unset!important}.cron-form-body .fourth-tab-selects,.cron-form-body .third-tab-selects{display:flex}.cron-form-body .fourth-tab-selects div.hour select,.cron-form-body .third-tab-selects div.hour select{width:70px;margin-left:4.8rem}.cron-form-body .fourth-tab-selects div.minute label,.cron-form-body .fourth-tab-selects div.minute select,.cron-form-body .third-tab-selects div.minute label,.cron-form-body .third-tab-selects div.minute select{margin:0}.cron-form-body .fifth-tab-selects{display:flex}.cron-form-body .fifth-tab-selects>div{width:10%}.cron-form-body .fifth-tab-selects>div select{width:70px}.cron-form-body .fifth-tab-selects>div.date{margin:0 0 1rem}.cron-form-body .fifth-tab-selects>div.minute{width:200px}.cron-form-body .fifth-tab-selects>div.hour{width:155px;margin-left:1rem}.cron-form-body .fifth-tab-selects>div.hour select{margin-left:.75rem}.cron-form-body .fifth-tab-selects>div.date{width:240px}.cron-form-body .fifth-tab-selects>div.date select{margin-left:5.85rem}.cron-job-generator{border:1px solid #d9d9d9;padding:1rem 1.5rem;margin-left:2rem;width:90%}.cron-job-generator .header{display:flex;padding:.4rem 0}.cron-job-generator .header a{color:#222;text-transform:uppercase;font-size:11px;font-weight:bolder;margin-right:2.3rem;text-decoration:none}.cron-job-generator .header a:hover{color:#f8b014}.cron-job-generator .header a:active{color:#1e5cb2}.cron-job-generator .header a.active{color:#fdb51c}.cron-job-generator .body{padding:2rem 0 .4rem}.cron-job-generator .body form .form-group{display:flex;align-items:center}.cron-job-generator .body form .form-group label{width:26%;font-size:13px;margin:0}.cron-job-generator .body form .form-group input{width:auto}.cron-job-generator .body form .form-group.minute select{width:70px}.cron-job-generator .body form .form-group select,.cron-job-generator .body form .form-group textarea{border-radius:0}.cron-job-generator .body form .form-group select:hover,.cron-job-generator .body form .form-group textarea:hover{border-color:#909090}.cron-job-generator .body form .form-group select:active,.cron-job-generator .body form .form-group select:focus,.cron-job-generator .body form .form-group textarea:active,.cron-job-generator .body form .form-group textarea:focus{outline:none;border-color:#1e5cb2;box-shadow:unset}.cron-job-generator .body form .form-group select{padding:.4rem .25rem;border-color:#d9d9d9;color:#555}.cron-job-generator .body form .form-actions button{background:#2c54ac;color:#fff;border-radius:3px;padding:.35rem 1.1rem;font-size:14px}.cron-job-generator .body form .form-actions button:hover{color:#2c54ac;background:#d7dcef}.cron-job-generator .body form .form-actions button:active{color:#fff;background:#1e5cb2}.cron-job-generator .body form .form-group.show{display:block}.cron-job-generator .body form .form-group.hide{display:none}.edit-cron form .form-group{width:100%}.edit-cron form .form-group input{width:inherit}.edit-cron form .form-group.command{width:100%}.edit-cron form .cron-form-body{display:flex}.edit-cron form .cron-form-body .body-col-1{width:30%}.edit-cron form .cron-form-body .body-col-1 input{width:100%}.edit-cron form .cron-form-body .body-col-2{display:flex;justify-content:flex-start;align-items:flex-start;padding:1.7rem 1rem;width:70%}#edit-cron>.form-group input{width:95%!important}.edit-package form .form-group .input-wrapper{display:flex;align-items:center}.edit-package form .form-group .input-wrapper button{-webkit-transform:translateX(5px);transform:translateX(5px)}.content .edit-template.edit-httpd .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.edit-httpd .toolbar .search-toolbar-name a{color:#fcac04;text-decoration:none}.content .edit-template.edit-httpd .toolbar .search-toolbar-name a:hover{color:#777}.content .edit-template.edit-httpd .toolbar .link{width:-webkit-fit-content;width:fit-content;margin-left:15px}.content .edit-template.edit-httpd .toolbar .link a{text-decoration:none;font-size:12px;text-transform:uppercase;color:#777;font-weight:700}.content .edit-template.edit-httpd .toolbar .link a:hover{color:#f8b014}.content .edit-template.edit-httpd textarea{width:75%}.content .edit-template.edit-httpd .checkbox-wrapper label{text-transform:capitalize}.content .edit-template.edit-httpd svg{margin-left:5px}.edit-template.add-cron form .form-group{width:100%}.edit-template.add-cron form .form-group input{width:inherit}.edit-template.add-cron form .form-group.command{width:100%}.edit-template.add-cron form .cron-form-body{display:flex}.edit-template.add-cron form .cron-form-body .body-col-1{width:30%}.edit-template.add-cron form .cron-form-body .body-col-2{display:flex;justify-content:flex-start;align-items:flex-start;padding:1.7rem 1rem;width:70%}.edit-template.add-package form label.label-wrapper{display:flex;align-items:flex-end;width:-webkit-fit-content;width:fit-content}.edit-template.add-package form label.label-wrapper span{font-weight:400;text-transform:uppercase;margin-left:5px;font-size:12px}.edit-template.add-package form label.label-wrapper span.lowercase{text-transform:lowercase}.edit-template.add-package form .input-wrapper{display:flex;align-items:center}.edit-template.add-package form .input-wrapper svg{cursor:pointer;color:#bec4ca;margin-left:10px}.edit-template.add-package form .input-wrapper svg:hover{color:#abb1b6}.edit-server .modules{display:flex;flex-direction:column;align-items:flex-start}.edit-server .modules>div{display:flex;align-items:center;width:100%;margin:5px 0}.edit-server .modules>button{margin:15px 0}.edit-server .modules>button svg{margin-left:10px}.edit-server .modules .form-group a{text-decoration:none;color:#2c54ac;font-weight:700;font-size:14px}.edit-server .modules .form-group a:hover{color:#d7dcef}.edit-server .modules .additional-info{margin-top:10px;-webkit-transform:translateX(3rem);transform:translateX(3rem)}.edit-server .modules .additional-info>div{display:flex;margin:5px 0}.edit-server .modules .additional-info>div span{font-size:12px;color:#555}.edit-server .modules .additional-info>div span:first-child{width:180px}.edit-server .modules .server-dns-option,.edit-server .modules .server-mail-option,.edit-server .modules .server-mail-option .hosts,.edit-server .modules .server-mail-option .mail-cert-info,.edit-server .modules .server-plugins-option,.edit-server .modules .server-plugins-option .fm-module,.edit-server .modules .server-plugins-option .sftp-module,.edit-server .modules .server-plugins-option .soft-module,.edit-server .modules .server-ssl-option,.edit-server .modules .server-ssl-option .domain-group,.edit-server .modules .server-web-option{-webkit-transform:translateX(3rem);transform:translateX(3rem)}.edit-server .modules .server-plugins-option .fm-module,.edit-server .modules .server-plugins-option .sftp-module{font-size:15px;color:#555}.edit-server .modules .server-plugins-option .buy-license{display:flex;margin:5px 0}.edit-server .modules .server-plugins-option .buy-license a{color:#fff;background:#2c54ac;border:none;border-radius:3px;font-size:13px;font-weight:700;padding:7px 15px;text-transform:capitalize;text-decoration:none;width:-webkit-fit-content;width:fit-content;margin-right:10px}.edit-server .modules .server-plugins-option .buy-license a:hover{color:#2c54ac;background:#d7dcef}.edit-server .modules .server-plugins-option .buy-license a:hover{color:#fff;background:#1e5cb2}.edit-server .modules .server-plugins-option .buy-license+span{display:block;margin-top:15px;font-style:italic;font-size:12px}.edit-server .modules .server-plugins-option .license-description{display:flex;align-items:center;margin:1rem 0}.edit-server .modules .server-plugins-option .license-description>span{color:#2c54ac}.edit-server .modules .server-plugins-option .license-description .form-group{margin:0 0 0 20px;width:60%}.edit-server .modules .server-plugins-option .license-description .form-group label{display:none}.mail-info-block .select-group select{margin-bottom:10px;margin-top:5px;padding:0;border:none;color:#2c54ac;text-transform:uppercase;font-size:11px;font-weight:700;cursor:pointer}.mail-info-block .select-group .details{font-size:14px;color:#777}.mail-info-block .select-group .details>div{display:flex}.mail-info-block .select-group .details>div span:first-child{width:50%}.content .edit-template.edit-service .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.edit-service textarea{width:75%}.content .edit-template.edit-service .checkbox-wrapper label{text-transform:capitalize}.content .edit-template.add-mail-account .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.add-mail-account form .r-1{display:flex}.content .edit-template.add-mail-account form .r-1 .c-1{width:55%}.content .edit-template.add-mail-account form .r-1 .c-1 .form-group>*{width:85%}.content .edit-template.add-mail-account form .r-1 .c-1 .form-group .password-wrapper input{width:100%}.content .edit-template.add-mail-account form .r-1 .c-1 .form-group:nth-child(3)>div{display:flex}.content .edit-template.add-mail-account form .r-1 .c-1 .form-group:nth-child(3)>div input{width:100%}.content .edit-template.add-mail-account form .r-1 .c-1 .form-group:nth-child(3)>div input+button{padding-left:10px}.content .edit-template.add-mail-account form .r-1 .c-2{width:45%;height:100%;border:1px solid #d9d9d9;padding:0 5px 12px 20px}.content .edit-template.add-mail-account form .r-2>button{padding-left:0;margin-bottom:1.5rem}.content .edit-template.add-mail-account form .r-2>button svg{margin-left:.75rem}.content .edit-template.add-mail-account form .r-2 .form-group .input-wrapper{display:flex}.edit-dns .label-wrapper span{text-transform:uppercase!important}.edit-web .ssl-support .additional-info{display:flex;flex-direction:column}.edit-web .ssl-support .additional-info span:first-child{width:120px;display:inline-block}.edit-web .ssl-support .additional-info span:nth-child(2){width:-webkit-fit-content;width:fit-content}.edit-web .ssl-support a.generate-csr{text-transform:none;text-decoration:none;color:#2c54ac;font-weight:700}.edit-web .ssl-support a.generate-csr:hover{color:#f8b014}.edit-web .web-stat-additional{-webkit-transform:translateX(3rem);transform:translateX(3rem)}.edit-web #c-panel-modal{padding:2rem}.edit-web #c-panel-modal form .form-group input[type=text]{width:90%!important}.edit-web #c-panel-modal label{color:#fff}.edit-web #c-panel-modal .form-group{padding-left:1.5rem}.edit-web #c-panel-modal .form-group textarea{width:90%!important}.edit-web #c-panel-modal .l-col{display:none}.content .edit-template.edit-php .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content;color:#555}.content .edit-template.edit-php .toolbar .link,.content .edit-template.edit-php .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.edit-php .toolbar .link a,.content .edit-template.edit-php .toolbar .search-toolbar-name a{text-decoration:none;font-size:12px;text-transform:uppercase;color:#555;font-weight:700}.content .edit-template.edit-php .toolbar .link a:hover,.content .edit-template.edit-php .toolbar .search-toolbar-name a:hover{color:#f8b014}.content .edit-template.edit-php .toolbar .link{margin-left:15px}.content .edit-template.edit-php .toolbar .link a{color:#fcac04}.content .edit-template.edit-php .toolbar .link a:hover{color:#555}.content .edit-template.edit-php textarea{width:75%}.content .edit-template.edit-php .checkbox-wrapper label{text-transform:capitalize}.content .edit-template.edit-php svg{margin-left:5px}.r-menu>div>button{color:grey}.r-menu>div>button:hover{color:grey}.firewalls .list-item .l-col .date{display:none}.firewalls .list-item .r-col .stats{margin-top:15px}.firewalls .list-item .r-col .stats .cron-col div span{font-weight:unset;font-size:13px}.firewalls .list-item .r-col .stats .cron-col div span.stat{font-weight:700}.firewalls-wrapper .r-col .stats>div{flex:none;width:17%}.content .edit-template.edit-bind9 .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.edit-bind9 textarea{width:75%}.content .edit-template.edit-bind9 .checkbox-wrapper label{text-transform:capitalize}.content .edit-template.edit-mysql .toolbar .search-toolbar-name{width:-webkit-fit-content;width:fit-content}.content .edit-template.edit-mysql textarea{width:75%}.content .edit-template.edit-mysql .checkbox-wrapper label{text-transform:capitalize}.add-dns form .advanced-options-button svg,.content .edit-template.edit-mysql svg{margin-left:5px}.edit-item form div.name-server-input-wrapper{display:flex;align-items:center;margin:10px 0}.edit-item form div.name-server-input-wrapper button{margin-left:10px}.edit-item form .exp-date .optional{font-size:12px;padding:0 0 0 6px;font-weight:400}.backups-restore-settings .list-item .r-col .stats .c-1{margin:12px 0 0}.backups-restore-settings .list-item .actions>div{font-weight:bolder;text-transform:uppercase;height:38px}.backups-restore-settings .list-item .actions>div a,.backups-restore-settings .list-item .actions>div button{display:flex;justify-content:center;align-items:center;color:#555;padding:10px 15px;text-decoration:none}.backups-restore-settings .list-item .actions>div a:hover,.backups-restore-settings .list-item .actions>div button:hover{background:#ececec;color:#fff}.backups-restore-settings .list-item .actions>div a:hover svg,.backups-restore-settings .list-item .actions>div button:hover svg{color:#fff}.backups-restore-settings .list-item .actions>div svg{color:#555}.backups-restore-settings .list-item .actions .link-restore svg{color:#fff}.backups-restore-settings .list-item .actions .link-restore:hover{color:#2c54ac;background-color:#d7dcef}.backups-restore-settings .list-item .actions .link-restore:hover{color:#fff;background-color:#1e5cb2}.backups-restore-settings .toolbar .backup-details-icon svg{-webkit-transform:translateX(2px);transform:translateX(2px)}.backups-restore-settings .mail-accounts-wrapper .list-item .l-col .star .checkbox+div{display:none}.backups-wrapper .list-item .c-1 div>span{padding-left:15px}.backups-restore-details .list-item .star{display:none}.cron-jobs-list.r-col .name{font-size:25px}.cron-col>div{display:flex;flex-direction:column}.cron-col>div span{font-size:18px;font-weight:bolder}.r-menu>div>button{font-size:13px;background:#fff;border-color:#fff;color:#555}.r-menu>div>button:hover{background:#fff;border-color:#fff;color:#555}.cron-wrapper .r-col .stats>div{flex:none;width:17%}.cron-wrapper .actions>div:first-child a:hover,.cron-wrapper .actions>div:first-child button:hover{background:#d7dcef}.cron-wrapper .actions>div:nth-child(2) a:hover,.cron-wrapper .actions>div:nth-child(2) button:hover{background:#ff3438}.packages .r-col .stats .c-2{padding-left:2rem}.packages .r-col .stats .c-2 div>span{width:50%}.packages .r-col .stats .c-3{margin-left:0}.packages .r-col .stats .c-3 div.ns{margin-top:5px}.packages-wrapper .r-col .stats .c-1 .stat{margin-left:1rem}.packages-wrapper .r-col .stats .c-2{padding:0}.password-wrapper{display:flex}.password-wrapper button{color:#2c54ac}.password-wrapper button:hover{color:#f8b014}.password-wrapper span.eye{margin-left:9px}.password-wrapper span.eye-slash{margin-left:7px}button.generate-password{color:#2c54ac;font-weight:700}button.generate-password:hover{color:#f8b014}button.generate-password:active{color:#fdb51c}input{color:#555}label[for=email]{width:100%;display:flex;align-items:center}label[for=email]>div{display:flex;align-items:center}label[for=email]>div input{height:-webkit-fit-content;height:fit-content;margin:0 10px}label[for=email]>div label{margin:0;font-size:12px}.statistics-list.updates .text-status{display:flex;margin-top:20px}.statistics-list.updates .text-status>div.checkbox{margin-bottom:0;margin-right:10px}.statistics-list.updates .list-item .star{display:none}.statistics-list.updates .r-col .c-1{margin-right:10px}.statistics-list.updates .toolbar{height:44px}.servers-list .servers-wrapper .list-item.sys-info .r-col{padding:0}.servers-list .servers-wrapper .list-item.sys-info .r-col .name{font-size:35px}.servers-list .servers-wrapper .list-item.sys-info .r-col .c-2 span>span.stat{margin-left:10px}.servers-list .servers-wrapper .list-item.sys-info .r-col .c-3{padding-right:0}.servers-list .servers-wrapper .list-item.sys-info .r-col .c-3>div>span{width:100%}.servers-list .actions a.link-gray.restart svg,.servers-list .actions button.link-gray.restart svg{width:1rem;height:1rem}.servers-list .list-item .star{display:none}.servers-list .r-col .stats .c-2,.servers-wrapper .list-item .r-col .stats .c-3{padding:0}.servers-wrapper .list-item .r-col .stats .c-3 span.stat{margin-left:0}.servers-wrapper .l-col{display:flex;align-items:center;height:55px}.servers-wrapper .l-col .checkbox{margin:0}.servers-wrapper .r-col{padding-left:2rem}.servers-wrapper .r-col .server-name{color:#000;font-size:28px}.servers-wrapper .list-item .r-col .c-3>div>span{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.servers-wrapper .list-item .r-col .stats div>span{width:100%}.servers-list .l-col .text-status{display:block}.servers-list .l-col div.star{display:none}.servers-list .l-col .servers-wrapper .list-item:first-child{margin-top:0}.servers-list .l-col .servers-wrapper .l-col{width:16.3%}.servers-list .l-col .servers-wrapper .l-col .server-name{font-size:28px}.menu-wrapper{position:fixed;width:100%;font-size:15px;background:#fff}.menu-wrapper .menu-stat{display:flex;flex-direction:row;margin-top:50px;min-height:45px;max-height:135px;height:145px;width:100%;padding:0 13%}.menu-wrapper .menu-stat>div{border-bottom:3px solid #fff;overflow:hidden;width:14.3%}.menu-wrapper .menu-stat>div div,.menu-wrapper .menu-stat>div h3{width:100%}.menu-wrapper .menu-stat>div h3{font-weight:700;font-size:14px;text-transform:uppercase;margin-bottom:30px}.menu-wrapper .menu-stat>div div{display:flex;justify-content:space-between;font-size:12px;color:#a0a0a0;text-align:left}.menu-wrapper .menu-stat>div div>span:first-child{width:120px}.menu-wrapper .menu-stat>div div>span:nth-child(2){width:80px;padding-left:10px}.menu-wrapper .menu-stat .stat a,.menu-wrapper .menu-stat .stat button{display:flex;flex-direction:column;width:100%;height:100%;color:#000;text-decoration:none;text-align:left}.menu-wrapper .menu-stat .stat button{background:none;border:none;padding:0}.menu-wrapper .menu-stat .stat h3{font-size:14px}.menu-wrapper .menu-stat .stat:hover{cursor:pointer;border-bottom:3px solid #f8b014}.menu-wrapper .menu-stat .stat:hover h3{color:#fcac04}.menu-wrapper .menu-stat .stat:hover .stats{overflow:hidden}.menu-wrapper .menu-stat .stat:active{border-color:#fdb51c}.menu-wrapper .menu-stat .stat:active h3{color:#fcac04}.menu-wrapper .menu-stat .stat .stats{display:flex;flex-direction:column;padding-left:0}.menu-wrapper .menu-stat .l-active{border-bottom:3px solid #2c54ac}.menu-wrapper .menu-stat .l-active h3{color:#2c54ac;font-size:18px;margin-bottom:25px}.menu-wrapper .menu-stat .stat.focus{border-bottom:3px solid #f8b014!important}.menu-wrapper .menu-stat .stat.focus a,.menu-wrapper .menu-stat .stat.focus h3{color:#f8b014!important}.menu-wrapper.shadow{box-shadow:hsla(0,0%,78.4%,.5)}@media (max-width:1350px){.menu-wrapper .menu-stat{padding:0 10%}}@media screen and (max-width:1200px){.menu-wrapper{padding:0 10%}.menu-wrapper .menu-stat{padding:0}}@media screen and (max-width:1066px){.menu-wrapper .menu-stat{padding:0 10%;margin-top:40px}}@media screen and (max-width:1024px){.menu-wrapper .menu-stat{padding:0 10%}}@media (max-width:1066px){.menu-wrapper{padding:1%}.menu-wrapper .menu-stat{height:auto;min-height:auto}.menu-wrapper .menu-stat .stat h3{padding:0}}.mobile-top-nav-wrapper.hide{opacity:0}.mobile-top-nav-wrapper.show{z-index:5;opacity:1;position:fixed;width:100%;height:111px;background:#fff;display:flex;flex-direction:column;-webkit-animation:showMobileNav .3s forwards;animation:showMobileNav .3s forwards;margin-top:82px}.mobile-top-nav-wrapper.show .mobile-menu{padding:0 10%;flex-wrap:wrap;margin-top:15px}.mobile-top-nav-wrapper.show>div .top-link{display:flex;font-size:14px;padding:4px 0}.mobile-top-nav-wrapper.show>div .top-link:hover{background:#f8b014}.mobile-top-nav-wrapper.show>div .top-link:hover a,.mobile-top-nav-wrapper.show>div .top-link:hover button{color:#fff}.mobile-top-nav-wrapper.show div{display:flex}.mobile-top-nav-wrapper.show div a,.mobile-top-nav-wrapper.show div button{display:flex;justify-content:center;align-items:center;padding:0 10px!important;width:-webkit-fit-content;width:fit-content;height:100%;text-decoration:none;color:#000}.mobile-top-nav-wrapper.show div button{background:none;border:none}.mobile-top-nav-wrapper.show div:hover{cursor:pointer}.mobile-top-nav-wrapper.show div.active{background:#fff}.mobile-top-nav-wrapper.show div.active a,.mobile-top-nav-wrapper.show div.active button{color:#fcac04;font-weight:700}.mobile-top-nav-wrapper.show div.active a:hover,.mobile-top-nav-wrapper.show div.active button:hover{color:#fff}.mobile-top-nav-wrapper.show div.active a:active,.mobile-top-nav-wrapper.show div.active button:active{background:#fdb51c;color:#fff}.mobile-top-nav-wrapper.show div.active:hover{color:#fff;background:#f8b014}.mobile-top-nav-wrapper.show .toolbar{margin:0;position:relative;border:none}.mobile-top-nav-wrapper.show .mobile-stat-menu{box-shadow:0 5px 3px 0 hsla(0,0%,78.4%,.5)}.mobile-top-nav-wrapper.show .mobile-stat-menu .menu-wrapper{position:relative;height:auto;min-height:auto;padding:0;margin-top:9px}.mobile-top-nav-wrapper.show .mobile-stat-menu .menu-wrapper .menu-stat{margin:0}.mobile-top-nav-wrapper.show .mobile-stat-menu .menu-wrapper .menu-stat .stat{text-align:left;flex:1 1 auto;margin-bottom:15px}@media (max-width:1066px){.mobile-stat-menu .menu-wrapper .menu-stat{margin-top:40px}.mobile-stat-menu .menu-wrapper .menu-stat .stat .stats{display:none}}@media (max-width:900px){.mobile-toolbar .toolbar{padding:0 1%}}@media (max-width:725px){.mobile-top-nav-wrapper.show .menu-stat{display:flex;flex-wrap:wrap}.mobile-menu{padding:0 10%}}@-webkit-keyframes showMobileNav{0%{opacity:0}to{opacity:1}}@keyframes showMobileNav{0%{opacity:0}to{opacity:1}}.top-panel .profile-menu div{width:auto;height:auto}.top-panel .profile-menu button{cursor:default;background:none;box-shadow:unset;width:100%;height:100%}.top-panel .profile-menu button:hover{background:none}.top-panel .profile-menu button:active,.top-panel .profile-menu button:focus{outline:none;border:unset;background:unset;background-color:unset;border-color:unset}.top-panel .profile-menu .btn-danger:not(:disabled):not(.disabled).active,.top-panel .profile-menu .btn-danger:not(:disabled):not(.disabled):active,.top-panel .profile-menu .show>.btn-danger.dropdown-toggle{background-color:unset;border-color:unset;box-shadow:unset}.top-panel .profile-menu .dropdown-menu{display:none;height:auto;max-height:75vh;overflow:auto;cursor:default;background:#222e44;border:solid #fcac04;border-width:1px 0 0;box-shadow:0 0 10px -1px #222e44}.top-panel .profile-menu .dropdown-menu>div{cursor:default}.top-panel .profile-menu .dropdown-menu.show{display:flex;flex-direction:column;width:auto;width:340px;margin:0}.top-panel .profile-menu .dropdown-menu.show .dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:0;padding-right:5px}.top-panel .profile-menu .dropdown-menu.show .dropdown-item span.title{display:block;width:100%;padding:10px 0 0 10px;text-align:left;color:#fcac04}.top-panel .profile-menu .dropdown-menu.show .dropdown-item span.delete-notification{width:10px;height:10px;background:#fcac04;border-radius:50%;cursor:pointer}.top-panel .profile-menu .dropdown-menu.show .dropdown-item span.delete-notification:hover{border:2px solid #f8b014;background:transparent}.top-panel .profile-menu .dropdown-menu.show .dropdown-item:hover{background:none}.top-panel .profile-menu .dropdown-menu.show .dropdown-item+div{text-align:left;width:100%;padding:0 10px 20px;color:#ababab}.top-panel .profile-menu .dropdown-menu.show .dropdown-item+div a{display:contents;color:#e49d45}.top-panel .profile-menu .dropdown-menu.show .dropdown-item+div a:hover{color:#de9234}.top-panel .profile-menu .dropdown-menu.show .dropdown-divider{margin:0;border-color:#555;width:100%}.top-panel .profile-menu .dropdown-menu.show .dropdown-divider:last-child{display:none}.top-panel.small-device{display:none}.top-panel{display:flex;flex-direction:row;font-size:12px;position:fixed;width:100%;text-align:center;color:#fff;background:#222e44;height:34px;align-items:center;justify-content:space-between;padding:0 13%;z-index:2}.top-panel .container{display:flex;flex-direction:row;width:80%;height:100%}.top-panel .container .logo div img{width:82%}.top-panel .container .logo div:hover{background-color:transparent}.top-panel .container div{display:flex;justify-content:center;align-items:center}.top-panel .container div a,.top-panel .container div button{display:flex;justify-content:center;align-items:center;padding:0 10px!important;width:-webkit-fit-content;width:fit-content;height:100%;text-decoration:none;color:#fff}.top-panel .container div button{background:none;border:none}.top-panel .container div:hover{cursor:pointer}.top-panel .container div.active{background:#fff}.top-panel .container div.active a,.top-panel .container div.active button{color:#fcac04;font-weight:700}.top-panel .container div.active a:hover,.top-panel .container div.active button:hover{color:#fff}.top-panel .container div.active a:active,.top-panel .container div.active button:active{background:#fdb51c;color:#fff}.top-panel .container div.active:hover{background:#f8b014}.top-panel .left-menu{width:75%;margin:0;padding:0;justify-content:space-between}.top-panel .left-menu div.nav-link,.top-panel .left-menu div.top-link{flex:1 1 auto;height:100%;-webkit-transform:translateX(-5px);transform:translateX(-5px)}.top-panel .left-menu div.nav-link:hover,.top-panel .left-menu div.top-link:hover{background:#f8b014}.top-panel .left-menu div.logo{width:7rem;padding-left:0}.top-panel .left-menu div.logo a div{padding:0;width:6rem;flex:none}.top-panel .left-menu div.logo a div img{width:90%}.top-panel .left-menu div.logo:hover{background:transparent}.top-panel .left-menu div.fm{width:10rem}.top-panel .left-menu .top-link.focus a,.top-panel .left-menu .top-link.focus button{color:#fdb51c}.top-panel .profile-menu{width:25%;margin:0;padding:0;justify-content:flex-end}.top-panel .profile-menu div{height:100%}.top-panel .profile-menu div.bell{width:auto;color:#fcac04;padding:3px 0}.top-panel .profile-menu div.bell svg{border-radius:30px;width:40px;height:30px;padding:3px}.top-panel .profile-menu div.bell svg:hover{background:rgba(121,82,34,.58)}.top-panel .profile-menu div.bell svg:active{background:#866032}.top-panel .profile-menu .edit-user a{color:#a4abad;font-weight:700}.top-panel .profile-menu .edit-user a:hover{color:#f8b014}.top-panel .profile-menu .edit-user a:active{color:#fdb51c}.top-panel .profile-menu .logout-button a,.top-panel .profile-menu .logout-button button{color:#fff;cursor:pointer;font-weight:100}.top-panel .profile-menu .logout-button a:hover,.top-panel .profile-menu .logout-button button:hover{color:#f8b014}.top-panel .profile-menu .logout-button a:active,.top-panel .profile-menu .logout-button button:active{color:#fdb51c}.top-panel.long-profile .left-menu{justify-content:start}.top-panel.long-profile .left-menu>div{width:-webkit-fit-content;width:fit-content;flex:unset;padding:0 1rem}.top-panel.long-profile .left-menu .logo{width:7rem;padding:0;margin-right:1rem}.top-panel.long-profile .profile-menu{align-items:center}.top-panel.long-profile .profile-menu>.edit-user{width:-webkit-fit-content;width:fit-content}.top-panel.long-profile .profile-menu .long-username{display:flex;justify-content:center;align-items:center;width:auto}.top-panel.long-profile .profile-menu .long-username>span:first-child{margin-right:5px}.top-panel.long-profile .profile-menu .long-username>span:nth-child(3){margin-left:5px}@media screen and (max-width:1350px){.top-panel{padding:0 10%}}@media screen and (max-width:1025px){.top-panel{padding:0 8%}}@media (max-width:900px){.top-panel{display:none}.top-panel.small-device{display:flex;justify-content:space-between;padding:0 10%}.top-panel.small-device>.container{align-items:center;width:auto}.top-panel.small-device .hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.top-panel.small-device .hamburger .bar{height:2px;margin:2px;width:20px;background:#fff}}@media (max-width:480px){.top-panel.small-device{padding:0}.top-panel .left-menu div.logo{width:unset}.top-panel .left-menu div.logo a div{width:5rem}}.main-nav{width:100%;height:249px}.main-nav .nav-wrapper{position:fixed;width:100%;-webkit-animation:toggleNav .75s forwards;animation:toggleNav .75s forwards;z-index:1}@media (max-width:900px){.main-nav{height:0}@-webkit-keyframes toggleNav{0%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(50px);transform:translateY(50px)}}@keyframes toggleNav{0%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(50px);transform:translateY(50px)}}}.statistic-item{flex:1 1 auto}.statistic-item .l-col{padding-left:0;flex-basis:14.3%}.statistic-item .r-col{flex-basis:85.7%}.statistic-item .r-col .stats{align-items:center}.statistic-item .r-col .stats .name{font-size:24px;color:#111}.statistic-item .r-col .stats .exclusion-items{flex-basis:83.4%}.statistic-item .r-col .stats>div{flex:unset;flex-basis:16.6%}.mail-accounts div.subtitle{color:#2c54ac;font-size:12px;margin:30px 0 18px 14.3%;text-transform:uppercase;font-weight:700}.mail-accounts .mail-accounts-wrapper>div:nth-child(2){border-top:1px solid #ddd}.mail-accounts .mail-accounts-wrapper div.list-item .r-col .stat.email{width:-webkit-fit-content;width:fit-content;text-transform:none}.mail-accounts .footer-actions-wrapper{display:flex;align-items:center;margin-top:2rem;padding-bottom:1.5rem}.mail-accounts .footer-actions-wrapper .total{margin:0 3.5rem 0 14.3%}.mail-accounts .footer-actions-wrapper .back a{padding:8px 38px;color:#777;background:#dfdedd;border:1px solid #dfdedd;border-radius:3px;font-size:13px;font-weight:700}.crossed{text-decoration:line-through}.catchall-mail{text-transform:none}.dns-records div.subtitle{color:#2c54ac;font-size:12px;margin:30px 0 18px 14.3%;text-transform:uppercase;font-weight:700}.dns-records .dns-records-wrapper>div:nth-child(2){border-top:1px solid #ddd}.dns-records .dns-records-wrapper div.list-item .r-col .stats>div{flex:unset}.dns-records .dns-records-wrapper div.list-item .r-col .stats .c-1{width:14.3%}.dns-records .dns-records-wrapper div.list-item .r-col .stats .c-2{margin-left:10px;width:14.3%}.dns-records .dns-records-wrapper div.list-item .r-col .stats .c-3{margin-left:0;width:14.3%}.dns-records .dns-records-wrapper div.list-item .r-col .stats .c-3 span{color:#888;font-weight:400}.dns-records .dns-records-wrapper div.list-item .r-col .stats .c-4{width:550px}.dns-records .dns-records-wrapper div.list-item .r-col .stats .c-4 .stat{display:block;white-space:normal;overflow:hidden;width:100%;text-overflow:ellipsis}.dns-records .footer-actions-wrapper{display:flex;align-items:center;margin-top:2rem;padding-bottom:1.5rem}.dns-records .footer-actions-wrapper .total{margin:0 3.5rem 0 14.3%}.dns-records .footer-actions-wrapper .back a{padding:8px 38px;color:#777;background:#dfdedd;border:1px solid #dfdedd;border-radius:3px;font-size:13px;font-weight:700}span.dns-records{padding-left:25px;font-size:18px;font-weight:400;font-style:italic;color:grey}.r-col .stats .c-2.w-30{padding-left:0}.statistic-item{display:flex;justify-content:center;padding:25px 0;border-bottom:1px solid #eee}.statistic-item .l-col .date{font-size:13px;margin-top:3rem}.statistic-item .r-col .name{font-size:32px}.statistic-item .r-col .c-1 .bandwidth,.statistic-item .r-col .c-1 .disk{width:220px}.statistic-item .r-col .c-1 div.sub-disk-stats{width:250px}.statistic-item .r-col .c-2{margin-right:0}.statistic-item .r-col .c-2 div>span:nth-child(2){margin:0;padding:0}.statistic-item .r-col .c-3.w-35 span.stat{width:80px}.statistic-item .r-col .c-3.w-35 div>span{width:50%;text-align:left}.statistic-item .r-col .c-3.w-35 div>span:nth-child(2){width:100px}.statistics-list{color:#686868}.statistics-list .toolbar{padding:6px 13%}.statistics-list .l-col{width:14.3%}.statistics-list .l-col div.date,.total{margin-top:25px}.total{margin-left:15%;font-size:12px;color:#929292}.statistic-item.focused{border-left:2px solid #5edad0;-webkit-transform:translateX(-2px);transform:translateX(-2px)}.statistic-item.focused .r-col .date{color:#5edad0}@media (max-width:1350px){.statistics-list .toolbar{padding:6px 9.5%}}.checkbox{margin-bottom:10px}.date{margin:10px 0}.l-col div.star{text-align:center}.l-col div.star div>svg{cursor:pointer;opacity:0;color:grey;padding:8px;width:35px;height:35px;border-radius:50%}.l-col div.star div>svg:hover{background:hsla(0,0%,70.6%,.47);color:#2c54ac}span.stat.email{display:block;width:-webkit-fit-content;width:fit-content;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r-col .name{font-size:35px;margin-bottom:5px;color:#000}.r-col>div:nth-child(2){text-transform:capitalize}.r-col .stats{display:flex;justify-content:flex-start;align-items:flex-start}.r-col .stats .c-1,.r-col .stats .c-2,.r-col .stats .c-3{width:32%}.r-col .stats .c-1>div,.r-col .stats .c-2>div,.r-col .stats .c-3>div{display:flex;margin:5px 0}.r-col .stats .c-1 .bandwidth,.r-col .stats .c-1 .disk,.r-col .stats .c-2 .bandwidth,.r-col .stats .c-2 .disk,.r-col .stats .c-3 .bandwidth,.r-col .stats .c-3 .disk{width:200px;justify-content:space-between;margin-bottom:25px;border-bottom:1px dotted grey;position:relative}.r-col .stats .c-1 .bandwidth .percent,.r-col .stats .c-1 .disk .percent,.r-col .stats .c-2 .bandwidth .percent,.r-col .stats .c-2 .disk .percent,.r-col .stats .c-3 .bandwidth .percent,.r-col .stats .c-3 .disk .percent{position:absolute;left:0;bottom:-1px;height:2px;background:#2c54ac;width:0}.r-col .stats .c-1 .sub-disk-stats,.r-col .stats .c-2 .sub-disk-stats,.r-col .stats .c-3 .sub-disk-stats{width:250px}.r-col .stats .c-1 .sub-disk-stats>div,.r-col .stats .c-2 .sub-disk-stats>div,.r-col .stats .c-3 .sub-disk-stats>div{width:50%;display:flex;flex-direction:column;justify-content:space-between;font-size:11px}.r-col .stats .c-1 .sub-disk-stats>div span:first-child,.r-col .stats .c-2 .sub-disk-stats>div span:first-child,.r-col .stats .c-3 .sub-disk-stats>div span:first-child{width:40px}.r-col .stats .c-1 .sub-disk-stats>div:nth-child(2),.r-col .stats .c-2 .sub-disk-stats>div:nth-child(2),.r-col .stats .c-3 .sub-disk-stats>div:nth-child(2){width:70%;justify-content:flex-end}.r-col .stats .c-1 .sub-disk-stats>div:nth-child(2) span:first-child,.r-col .stats .c-2 .sub-disk-stats>div:nth-child(2) span:first-child,.r-col .stats .c-3 .sub-disk-stats>div:nth-child(2) span:first-child{width:80px}.r-col .stats .c-1{margin:15px 0 0}.r-col .stats .c-2{margin:15px 20px}.r-col .stats .c-2 div>span:first-child{width:120px}.r-col .stats .c-2 div>span:nth-child(2){width:150px;padding-left:15px}.r-col .stats .c-3 div>span:first-child{width:120px}.r-col .stats .c-3 div>span:nth-child(2){width:200px}.r-col .stats .c-3 div.ns{margin-top:20px}.r-col .stats>div{margin:15px 0;flex:1 1}.r-col .stats .stat{font-weight:700;color:#5f5f5f}.actions{position:absolute;top:0;right:0;opacity:0;display:flex;justify-content:center;align-items:center;font-size:12px;background:#dfdedd}.actions>div{font-weight:bolder;text-transform:uppercase;height:38px}.actions>div a,.actions>div button{display:flex;justify-content:center;align-items:center;color:#777;padding:10px 15px;text-decoration:none}.actions>div a:hover,.actions>div button:hover{background:#919191;color:#fff}.actions>div a:hover svg,.actions>div button:hover svg{color:#fff}.actions>div svg{color:#777}.actions>div:nth-child(2) a:hover{background:#2c54ac}.actions>div:nth-child(4) a:hover{background:#b00e5b}.actions svg{margin-left:12px}@media (max-width:1066px){.actions{opacity:1}}@media (max-width:850px){.actions>div{width:-webkit-fit-content;width:fit-content}.actions>div a,.actions>div button{width:100%}}.list-item.focused .r-col .name{color:#f8b014}@media (max-width:1066px){div.star div>svg{opacity:1!important}}.content .Toastify__toast-container{bottom:1em!important;top:unset}.timer-wrapper{display:flex;justify-content:center;align-items:center}.timer-wrapper button{border:none;background:none}.timer-wrapper button:active,.timer-wrapper button:focus{outline:none}.timer-wrapper .circle-wrapper{display:flex;justify-content:center;align-items:center;width:30px;height:30px}.timer-wrapper .circle-wrapper span.seconds:active,.timer-wrapper .circle-wrapper span.seconds:hover{background:unset}.timer-wrapper .circle-wrapper svg{height:30px;width:30px}.timer-wrapper .circle-wrapper svg circle{stroke:#000;fill:#fff;stroke-width:3%;stroke-dasharray:72;stroke-dashoffset:9;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:all 1s linear}.rrd-item{display:flex;justify-content:center;align-items:center;border-bottom:1px solid #eee;position:relative}.rrd-item .l-col .date{font-size:13px;margin-top:3rem}.rrd-item .l-col .time{font-size:13px;margin-top:2rem;text-align:left}.rrd-item .r-col .name{font-size:32px}.rrd-item .r-col .rrd-image{font-size:20px;text-transform:lowercase}.rrd-item.focused{border-left:2px solid #5edad0}.rrd-item.focused .l-col{padding-left:11px}.rrd-item.focused div.actions{opacity:1}div.content{margin-top:0}.rrd-list{color:#555}.rrd-list .toolbar{padding:6px 13%}.rrd-list .rrd-item{padding:25px 0;align-items:flex-start}.rrd-list .rrd-item .actions{opacity:0}.rrd-list .rrd-item .l-col{display:flex;flex-direction:column;margin:15px 40px 0 0}.rrd-list .rrd-item .l-col .date{margin:0}.rrd-list .rrd-item:hover .actions{opacity:1}.periods-wrapper{display:flex;align-items:center}.periods-wrapper>div:first-child{margin-left:8px}.periods-wrapper>div{cursor:pointer;margin:0 15px;font-size:14px}.periods-wrapper>div:hover{color:#f8b014}.periods-wrapper>div:active{color:#1e5cb2}.periods-wrapper .timer-wrapper>button svg:hover{color:#f8b014}.periods-wrapper .timer-wrapper>button svg:active{color:#1e5cb2}.periods-wrapper .timer-wrapper>div.circle-wrapper{cursor:default}.periods-wrapper>div.active{color:#fdb51c}@media (max-width:1350px){.rrd-list .toolbar{padding:6px 9.5%}}.banlist-wrapper{display:flex;flex-direction:column}.banlist-wrapper>div{margin-right:15px}.banlist-wrapper .list-item .l-col div.star .checkbox+div{display:none}.banlist-wrapper .buttons-wrapper{width:100%;display:flex;margin-top:4rem;align-items:center}.banlist-wrapper .buttons-wrapper .total{margin-right:15px;margin-top:0}.banlist-wrapper .buttons-wrapper button.back{font-weight:700;font-size:13px;margin-right:10px;padding:.35rem 2.25rem;border-radius:4px;transition:all .2s cubic-bezier(.4,.1,.5,.85);color:#777;background:#dfdedd;border:none;box-shadow:unset}.banlist-wrapper .buttons-wrapper button.back:hover{color:#fff;background:#999}.add-ftp,.web-stats{text-decoration:line-through}.r-col .stats .c-2{margin-left:20px}.r-col .c-2 span.stat,.r-col .c-3 span.stat{margin-left:1rem}.r-col .name{display:flex}.r-col .name>div:first-child{margin-right:2rem}.r-col .name>div+div{line-height:10px;margin-top:.75rem}.r-col .name .dns-name-span{font-style:italic;color:#858585;font-size:14px}div.crossed{text-decoration:line-through}.content .toolbar .search-toolbar-name{font-size:12px;text-transform:uppercase;color:#fcac04;font-weight:700;margin-left:14.3%;padding-left:7px;align-self:center}.content .toolbar .search-toolbar-right{display:flex;justify-content:center;align-items:center}.content .toolbar .search-toolbar-right .btn-group button{border:none;background:none;box-shadow:none}.content .toolbar .search-toolbar-right .btn-group button:active,.content .toolbar .search-toolbar-right .btn-group button:focus,.content .toolbar .search-toolbar-right .btn-group button:hover{background:none;box-shadow:none;outline:none;border:none;color:#686868}.content .toolbar .search-toolbar-right .search-input-form{padding-top:2px}.content .statistics-wrapper>.list-item:first-child{margin-top:0}.content .statistics-wrapper .list-item .l-col>.star{display:none}.content .statistics-wrapper .list-item .r-col div.object{text-transform:uppercase}.content .statistics-wrapper .list-item .r-col .c-2 .owner span,.content .statistics-wrapper .list-item .r-col .c-3 .status span{text-align:center;font-weight:700;text-transform:lowercase}.logs-list .toolbar{padding:6px 13%}.logs-list .statistic-item .l-col{font-size:13px;color:#888}.logs-list .statistic-item .l-col .date{margin:1rem 0 1.5rem}.logs-list .statistic-item .r-col .name{margin-top:.7rem;font-size:18px}.logs-list .statistic-item.focused{border-left:2px solid #5edad0}.logs-list .statistic-item.focused div.name{color:#5edad0}@media (max-width:1350px){.logs-list .toolbar{padding:6px 9.5%}}.logs-list .toolbar .search-input-form input{margin-bottom:5px}.logs-list .l-col{width:14%}.content{padding:0 13% 1%;margin-top:5px}.content>div>div.total{margin-top:25px;margin-left:14%;font-size:12px;color:#929292}@media (max-width:1350px){.content{padding:0 10%}}@media (max-width:1066px){.content{padding:5% 10%}}@media (max-width:900px){.content{margin-top:40px}}@media (max-width:800px){.content{padding-top:5%}}.fixed-buttons{position:fixed;right:15px;bottom:15px;display:flex;justify-content:space-around;align-items:center}.fixed-buttons>div{width:40px;height:40px;padding:5px;margin:5px;border-radius:50%;background:#c3c3c3;display:flex;justify-content:center;align-items:center}.fixed-buttons>div:hover{color:#2c54ac;background:#d7dcef}.fixed-buttons>div:active{color:#fff;background:#1e5cb2}.fixed-buttons>div button{display:flex;justify-content:center;align-items:center;background:none;border:none;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(1.32);transform:scale(1.32)}.fixed-buttons>div button svg{color:#fff;height:70%}.fixed-buttons>div:first-child{color:#c3c3c3;background:none}.fixed-buttons>div:first-child:hover{background:#d7dcef}.fixed-buttons>div:first-child:hover button svg{color:#fff}.fixed-buttons>div:first-child:active{color:#fff;background:#1e5cb2}.fixed-buttons>div:first-child button{padding:0}.fixed-buttons>div:first-child button svg{color:#c3c3c3}@media screen and (max-width:1066px){.fixed-buttons>div:first-child{display:none}}@media screen and (max-width:450px){.content{padding:5% 1%}}.panel-wrapper .logo-img img{width:82%}.panel-wrapper .logo-img:hover{background-color:transparent}.panel-wrapper .nav-link{padding:0}.panel-wrapper .left-menu{justify-content:unset}.panel-wrapper .left-menu .logo{width:-webkit-fit-content;width:fit-content;flex:unset}.panel-wrapper .left-menu .scrollbar-container:hover{background:none}.panel-wrapper .left-menu .scrollbar-container .nav-link{flex:unset;padding:0 5px}.panel-wrapper .left-menu a,.panel-wrapper .left-menu button{padding:0!important;outline:none}.panel-wrapper .left-menu>div.nav-link{padding:0}.panel-wrapper .profile-menu>div:first-child a:hover{color:#f8b014}.panel-wrapper .profile-menu>div:first-child a:active{color:#fdb51c}.panel-wrapper .profile-menu>div:nth-child(2) a:hover{color:#fdb51c}.panel-wrapper .profile-menu>div:nth-child(2) a:active{color:#fdb51c}.panel-wrapper .profile-menu .user{color:#a4abad;font-weight:700}.panel-wrapper .profile-menu .user:hover{color:#f8b014}.panel-wrapper .profile-menu .user:active{color:#fdb51c}.panel-wrapper .profile-menu .log-out{color:#fff;cursor:pointer;font-weight:100}.panel-wrapper .profile-menu .log-out:hover{color:#d7dcef}.panel-wrapper .profile-menu .log-out:active{color:#fdb51c}.App .web-logs .top-panel .left-menu .logo{justify-content:start;margin:0}.App .web-logs .top-panel .left-menu .logo a{padding:0!important}.App .web-logs .content{font-size:14px;color:#555;padding-top:4rem}@media screen and (min-width:1067px){.App .web-logs .content{padding-top:5rem!important;margin-top:0!important}}@media screen and (max-width:1066px){.App .web-logs .content{padding-top:5rem!important;margin-top:0!important}}.login-layout{margin-top:1rem;padding:2rem 3rem}.login-page{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#eee}.login-page .login-form-wrapper{background-color:#fff;box-shadow:0 2px 6px hsla(0,0%,39.2%,.3);font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;text-align:left;width:575px}.login-page .login-form-wrapper .login-layout{position:relative}.login-page .login-form-wrapper .login-layout>span{position:absolute;bottom:0;right:20px;font-size:11px}.login-page .login-form-wrapper .login-layout>span a{color:#505050}.login-page .login-form-wrapper form{display:flex;position:relative}.login-page .login-form-wrapper form>div input[type=password],.login-page .login-form-wrapper form>div input[type=text]{width:100%}.login-page .login-form-wrapper form .c1{display:flex;justify-content:center;align-items:center;width:35%}.login-page .login-form-wrapper form .c1 img{width:110%}.login-page .login-form-wrapper form .c2{width:65%;margin-left:3.5rem}.login-page .login-form-wrapper form .c2 .forgot-password{font-size:11px;text-transform:uppercase;letter-spacing:.75px;text-decoration:none}.login-page .login-form-wrapper form .c2 button[type=submit]{background-color:#2c54ac;border:1px solid #2c54ac;padding:1px 16px 3px;font-size:13px;height:35px;color:#fafafa;border-radius:3px}.login-page .login-form-wrapper form .c2 button[type=submit]:hover{color:#2c54ac;border:1px solid #d7dcef;background-color:#d7dcef}.login-page .login-form-wrapper form .c2 button[type=submit]:active{color:#fafafa;border:1px solid #2c54ac;background-color:#2c54ac}.login-page .login-form-wrapper form .c2 button[type=submit] .disabled{cursor:not-allowed}.login-page .login-form-wrapper form .c2 div.error-message{margin-top:1rem;color:#be5abf}@media (max-width:768px){.login-page .login-form-wrapper{margin:2rem}.login-page .login-form-wrapper .login-layout form{flex-direction:column;justify-content:center;align-items:center}.login-page .login-form-wrapper .login-layout form .c1{width:100%;margin-bottom:1.5rem}.login-page .login-form-wrapper .login-layout form .c1 a{text-align:center}.login-page .login-form-wrapper .login-layout form .c1 a img{width:75%}.login-page .login-form-wrapper .login-layout form .c2{margin:0;width:100%}.login-page .login-form-wrapper .login-layout form .buttons-wrapper .add{margin-bottom:10px}}@media screen and (max-width:1066px){.App .service-info .top-panel{display:flex}}@media screen and (min-width:1200px){.App .service-info .top-panel{padding:0 13%}}.App .service-info .content{font-size:14px;color:#555;padding-top:4rem}@media screen and (min-width:1067px){.App .service-info .content{padding-top:5rem!important;margin-top:0!important}}@media screen and (max-width:1066px){.App .service-info .content{padding-top:5rem!important;margin-top:0!important}}.App .service-info .content table td,.App .service-info .content table th{padding:5px 10px;border:1px solid #000}
|
|
/*# sourceMappingURL=main.9f0c683e.chunk.css.map */ |