@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);.main-navbar{display:flex;width:100%}.main-navbar .current-user{position:relative;width:245px;height:40px}.main-navbar .current-user .info{background:#13141a;border-radius:5px;width:245px;height:33px;position:absolute;z-index:10;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex}.main-navbar .current-user .info .balance{margin:auto auto auto 20px;color:#92f8ff;font-weight:600;font-size:14px}.main-navbar .current-user .info .name{margin:auto 10px auto auto;font-weight:800;font-size:14px;color:#fff}.main-navbar .current-user img{position:absolute;z-index:11;left:45%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mr-2{margin-right:.5rem!important}.mr-25{margin-right:25px}.admin .switch-panel{width:220px;display:flex;flex-direction:column;justify-content:space-between}@media (max-width:768px){.admin .switch-panel{max-width:100%}}.admin .title{color:#92f8ff;font-weight:700;font-size:18px;padding-left:0!important;margin-left:0!important;font-family:Montserrat}.admin .title1{font-size:14px!important;font-weight:700!important;font-family:Montserrat}.admin .titles{margin-right:30px;background:#131419;width:100%;padding-left:20px;border-radius:5px;padding-bottom:10px;padding-top:10px;margin-top:10px;min-width:135px}.admin .header{font-size:12px!important}.admin .detail,.admin .header{font-family:Montserrat;font-weight:600!important;font-style:normal}.admin .detail{color:#92f8ff;font-weight:700;font-size:22px;padding-left:0!important;margin-left:0!important}.admin .content .group-input{font-family:Montserrat;margin-top:13px;width:300px;height:44px;padding-left:0!important;margin-left:10px!important}.admin .content .group-input .custom-select{background:#131419 url(/static/media/arrow-down.15a954a1.svg);background-position:90%!important;background-repeat:no-repeat!important}.admin .content .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.admin .content .subnet-input{font-family:Montserrat}.admin .content .subnet-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg);background-position:95%!important;background-repeat:no-repeat!important}.admin .content .subnet-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.admin .content .top{display:flex;width:100%;max-width:1100px;flex-wrap:wrap;align-items:flex-end}.admin .plan-card{width:550px;padding:25px 30px;margin-bottom:10px;min-height:100px!important}@media (min-width:1500px){.admin .plan-card{width:650px}}@media (min-width:1700px){.admin .plan-card{width:650px}}.admin .plan-card .left .title{font-size:14px}.admin .plan-card .left .number{font-weight:500;font-size:42px;color:#fff}.admin .plan-card .left .date{color:#5f5f5f;font-weight:600;font-size:12px}.admin .plan-card .left .date span{color:#fff}.admin .plan-card .left .renewal{color:#5f5f5f;font-weight:600;font-size:12px}.admin .plan-card .left .renewal span{color:#94dd4b}.admin .plan-card .right{margin-left:auto;display:flex;flex-direction:column}.admin .plan-card .right .btn{width:124px;height:44px;background:#07080d;border-radius:5px;font-weight:700;font-size:12px;color:#afafaf}.admin .plan-card .right .btn.active,.admin .plan-card .right .btn:hover{color:#92f8ff}.admin .plan-card .right .btn:first-child{margin-bottom:15px}.admin .plan-card .bottom-buttons{display:flex;justify-content:end;align-items:center;margin-top:20px;grid-gap:12px;gap:12px}.admin .plan-card .bottom-buttons .btn{width:124px;height:44px;background:#07080d;border-radius:5px;font-weight:700;font-size:12px;color:#afafaf}.admin .plan-card .bottom-buttons .btn.active,.admin .plan-card .bottom-buttons .btn:hover{color:#92f8ff}.admin .plan-card .renewal-date{color:#5f5f5f;font-weight:600;font-size:12px}.admin .plan-card .renewal-date span{color:#fff}.admin .plan-card .renew-plan{display:flex;grid-gap:12px;gap:12px}.admin .plan-card .renew-plan .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.admin .plan-card .renew-plan .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.admin .plan-card .renew-plan .group-input .btn{width:124px;height:44px;background:#07080d;border-radius:5px;font-weight:700;font-size:12px;color:#afafaf}.admin .plan-card .renew-plan .group-input .btn.active,.admin .plan-card .renew-plan .group-input .btn:hover{color:#92f8ff}.admin .plan-card .renew-plan .group-input .btn .success{display:flex;justify-content:center;align-items:center}.admin .plan-card .renew-plan .group-input .btn .success .success-icon{width:12px;height:12px}.admin .plan-card-content{display:flex;min-height:100px!important}.admin .cont{overflow-x:scroll;height:160px;padding-right:12px;margin-top:12px;border-radius:5px}.admin .square-log{background:#07080d!important;border-radius:5px;width:100%;padding:15px 20px;text-align:left;font-size:12px;font-weight:500;color:#5f5f5f}.userproxy-title1{color:#92f8ff}.userproxy-title1,.userproxy-title2{font-size:12px;font-weight:700;font-style:normal;font-family:Montserrat}.userproxy-title2{color:#6e6e6e;margin-top:10px}.input-text{background-color:#07080d;border:1px solid #07080d;border-radius:5px;height:44px;padding-left:20px;color:#fff;font-family:Montserrat;margin-top:-30px;font-size:12px;width:100%}.btn-groups{margin-top:20px}.userproxy-card{padding:15px 30px}.userproxy-card,.userproxy-card1{height:247px;background-color:#131419!important;margin-top:30px;border-radius:5px}.userproxy-card1{padding:15px 60px 15px 30px}.header-group{margin-top:20px}.userproxy .userproxy-card .group-input{width:100%;margin-left:0!important;margin-bottom:15px!important;font-family:Montserrat}.userproxy .userproxy-card .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg);background-position:95%!important;background-repeat:no-repeat!important}.userproxy .userproxy-card .group-input .custom-select.open{background:#07080d url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.userproxy .userproxy-card .header-group .group-input{width:100%;margin-left:0!important;margin-bottom:15px!important;margin-top:0!important;font-family:Montserrat}.userproxy .userproxy-card .header-group .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg);background-position:95%!important;background-repeat:no-repeat!important}.userproxy .userproxy-card .header-group .group-input .custom-select.open{background:#07080d url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.userproxy .userproxy-card1 .group-input{width:100%;margin-left:0!important;margin-bottom:15px!important;font-family:Montserrat}.userproxy .userproxy-card1 .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg);background-position:95%!important;background-repeat:no-repeat!important}.userproxy .userproxy-card1 .group-input .custom-select.open{background:#07080d url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.userproxy .userproxy-card1 .header-group .group-input{width:100%;margin-left:0!important;margin-bottom:15px!important;margin-top:0!important;font-family:Montserrat}.userproxy .userproxy-card1 .header-group .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg);background-position:95%!important;background-repeat:no-repeat!important}.userproxy .userproxy-card1 .header-group .group-input .custom-select.open{background:#07080d url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.input{background-color:#07080d;border:1px solid #07080d;border-radius:5px;height:40px;padding-left:10px;color:#6e6e6e;font-family:Montserrat;font-size:12px;width:100%;font-weight:600}.copy,.search{height:40px;border:1px solid #07080d;border-radius:5px;color:#92f8ff;font-size:12px;width:100%;font-weight:600}.boxes,.copy,.search{background-color:#07080d}.boxes{height:115px;border-radius:5px}.subnetoverview{position:relative;height:auto}.subnetoverview .table-container{margin-top:30px;height:220px;overflow-y:scroll}.subtitle{font-style:normal;font-weight:700;font-size:12px;line-height:15px;color:#92f8ff}.subnet-btn{height:44px;width:127px;margin-right:10px;margin-top:30px}.edit-btn,.subnet-btn{background:#07080d;color:#fff;font-family:Montserrat;font-size:12px;font-weight:600;align-items:center;border:1px solid #07080d;border-radius:5px}.edit-btn{height:35px;width:35px}.admin-btn{margin-top:47px!important}.admin-card{padding-bottom:67px!important;margin-top:30px}.ml-1{margin-left:.25rem!important}.subnet-table{font-family:Montserrat;border-spacing:0 40px;table-layout:auto;width:90%;padding:10px;text-align:center}.subnet-table .table-header{position:-webkit-sticky;position:sticky;top:0;background-color:#131419}.subnet-table th{color:#fff;padding-bottom:10px;padding-top:10px}.subnet-table td,.subnet-table th{font-weight:600;font-size:12px;line-height:15px}.subnet-table td{color:#6f6f6f}.subnet-table .td-free{color:#abe432;width:53px}.subnet-table .td-free,.subnet-table .td-Status{height:35px;border-radius:5px;background-color:#07080d}.subnet-table .td-Status{width:106px}.case{font-family:Montserrat;font-size:12px;font-style:normal;font-weight:600;line-height:15px;letter-spacing:0;text-align:left}.unbanned{background-color:#07080d;height:195px;padding:5px 0 0 10px;border-radius:5px;margin-top:5px}.ban-btn,.unbanned{font-family:Montserrat;margin-bottom:5px}.ban-btn{color:#b7e82e}.ban-btn,.unban-btn{background-color:#131419;height:28px;border:none;margin-right:10px;font-size:12px;border-radius:5px}.unban-btn{color:#e51f1f}.banned,.unban-btn{font-family:Montserrat;margin-bottom:5px}.banned{background-color:#07080d;height:139px;padding:10px 0 0 10px;border-radius:5px;margin-top:5px}input[type=date]::-webkit-calendar-picker-indicator{color:transparent;opacity:1;display:block;background:url(/static/media/arrow-down.15a954a1.svg) no-repeat;width:40px;height:20px;background-position:100%!important;margin-right:-3px}.select-date{background-color:#000}.react-datepicker__input-container{border-radius:5px;border:none;outline:none;height:44px;display:flex;align-items:center;width:100%;color:#797777;background:url(/static/media/arrow-down.15a954a1.svg) no-repeat;background-color:#07080d;background-position:95%!important}.react-datepicker__input-container input[type=text]{background:transparent;border:none;color:#797777;width:100%}.react-datepicker{width:300px}.react-datepicker-ignore-onclickoutside{border-radius:5px;border:none;outline:none;height:44px;display:flex;align-items:center;color:#797777;background-color:#07080d;background-position:95%!important}.react-datepicker-popper{background-color:#07080d;z-index:999999;border-radius:5px}.react-datepicker__day-names,.react-datepicker__week{display:flex;justify-content:space-around}.react-datepicker__week{color:#797777}.react-datepicker__week>div{flex:1 1;text-align:center}.react-datepicker__day--outside-month{color:#4d4a4a}.react-datepicker__day--selected{color:#fff}.react-datepicker__day{display:flex;justify-content:center}.picker-header{margin:10px;display:flex;justify-content:space-between;grid-gap:20px;gap:20px}.picker-header select{background:#797777;border:0;border-radius:5px;width:100%;color:#fff!important;font-weight:600;font-size:12px;margin:0;outline:none}.next-button,.prev-button{border:none;font-size:18px;font-weight:900;color:#797777;background-color:transparent}.card1{height:550px;background-color:#131419!important;padding:21px;margin-top:30px;border-radius:5px}.overview-title1{color:#92f8ff;width:100%}.overview-title1,.overview-title2{font-size:12px;font-weight:700;font-style:normal;font-family:Montserrat}.overview-title2{color:#6e6e6e;margin-top:30px}.box{height:352px;margin-top:15px;margin-bottom:28px;background-color:#07080d;border-radius:5px}.add{background:#07080d;color:#fff;font-family:Montserrat;font-size:12px;height:44px;font-weight:600;align-items:center;border:1px solid #07080d;border-radius:5px;padding-left:15px;padding-right:15px}.btn-group{display:flex;margin-top:-5px}.delete{background:#07080d;color:#fff;font-family:Montserrat;font-size:12px;height:44px;font-weight:600;align-items:center;border:1px solid #07080d;border-radius:5px;margin-left:10px;padding-left:15px;padding-right:15px}.header{display:flex}.overview .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg)!important;margin-top:-20px}.table-header{z-index:3}.table-container{margin-top:30px;height:409px;overflow-y:scroll}.table-container thead tr th{font-size:10px!important}.table-container .th-plan{text-align:left}.table-container tbody tr td{font-size:10px!important}.month-overview{height:322px}@media (max-width:768px){.month-overview{height:242px}}.overview-content2{height:250px;overflow:auto}.overview-content1{overflow:auto;height:260px}.month{font-size:9px;font-weight:600}.month,.price{font-family:Montserrat}.price{font-weight:600!important;font-style:normal;color:#92f8ff;font-weight:700;font-size:22px}.plan{margin-top:30px;font-size:10px;font-weight:600;color:#fff}.plan,.plan-title{margin-bottom:20px;font-family:Montserrat}.plan-title{font-size:9px;font-weight:700;color:#6e6e6e}.quantity{margin-top:30px;font-size:10px;font-weight:600;color:#fff;justify-content:space-around}.quantity,.quantity-title{font-family:Montserrat;display:flex}.quantity-title{margin-bottom:20px;font-size:9px;font-weight:700;color:#6e6e6e;justify-content:center}.balance-title{color:#fff;font-size:12px;font-style:normal;font-family:Montserrat;margin-top:10px}.input-balance{background-color:#07080d;border:1px solid #07080d;border-radius:5px;height:100%;padding-left:20px;color:#6e6e6e;margin-top:5px;width:100%}.input-balance,.name{font-family:Montserrat;font-size:12px;font-weight:600}.name{font-style:normal;color:#fff;margin-top:10px}.add-balance{border-radius:5px;background-color:#07080d;border:1px solid #07080d;color:#fff;width:130px;margin-top:-15px;font-size:12px;height:44px;font-family:Montserrat;font-weight:600}.balance .balance-card1 .group-input{width:100%;margin-left:0!important;margin-bottom:15px!important;font-family:Montserrat;margin-top:5px}.balance .balance-card1 .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.balance .balance-card1 .group-input .custom-select.open{background:#07080d url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.balance .balance-card2 .group-input{width:100%;margin-left:0!important;margin-bottom:15px!important;font-family:Montserrat;margin-top:5px}.balance .balance-card2 .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.balance .balance-card2 .group-input .custom-select.open{background:#07080d url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.balance .balance-card3 .group-input{width:150px;margin-left:0!important;margin-bottom:15px!important;font-family:Montserrat;margin-top:5px}.balance .balance-card3 .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.balance .balance-card3 .group-input .custom-select.open{background:#07080d url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.balance-header{justify-content:space-between;display:flex}.balance-card1{height:260px}.balance-card1,.balance-card3{background-color:#131419!important;padding:15px;margin-top:30px;border-radius:5px}.balance-card3{height:530px}.balance-card2{height:260px;background-color:#131419!important;padding:15px;margin-top:10px;border-radius:5px}.balance-titles{font-family:Montserrat;color:#fff;font-size:14px}.detail-balance{color:#6e6e6e;margin-top:10px}.detail-balance,.table-head{font-size:12px;font-family:Montserrat}.table-head{font-weight:600;font-style:normal}.table-header{position:-webkit-sticky;position:sticky;top:0;background-color:#131419}.table-body{font-family:Montserrat;color:#6e6e6e;font-size:10px;font-weight:600}.balance-title1{color:#92f8ff}.balance-title1,.balance-title2{font-size:12px;font-weight:700;font-style:normal;font-family:Montserrat}.balance-title2{color:#fff;margin-top:20px}.ban-balance,.delete-balance{border:1px solid #07080d;background-color:#07080d;border-radius:5px;color:#ff9f9f;height:35px;font-size:10px;padding-left:10px;padding-right:10px;font-family:Montserrat;font-weight:600;margin-bottom:3px}.ban-balance{margin-left:5px}.remove-balance{border:1px solid #07080d;background-color:#07080d;border-radius:5px;color:#9ef8ff;font-size:10px;height:35px;margin-left:5px;padding-left:10px;padding-right:10px;font-family:Montserrat;font-weight:600;margin-bottom:3px}.balance-content{height:273px;overflow:auto}.subnet-overview .table-container{height:220px}.custom-select{position:relative;cursor:pointer}.custom-select.open{border-radius:5px!important;background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.select-items{position:absolute;background:#07080d;top:calc(100% - 3px);padding-top:5px;left:0;right:0;z-index:99;max-height:180px;overflow-y:scroll}.select-items div{padding:10px 22px}.select-items div:hover{background:#000105}.ban-btn-one{position:relative;background-color:#131419;color:#6f6f6f;height:28px;border:none;margin-right:5px;font-size:12px;border-radius:5px}.subnet-overview{height:558px!important;margin-top:30px}.subnet-overview .table-container{margin-top:30px;height:436px;overflow-y:scroll}.add-subnet,.sitelist{height:558px!important;margin-top:30px}.res-plan .fade-in{display:flex;flex-direction:column}.res-plan .top{display:flex;width:100%}.res-plan .top .icon{margin-right:20px;background:#07080d;border-radius:5px;width:38px;height:40px;display:flex}.res-plan .top .icon img{margin:auto}.res-plan .top .title-date{display:flex;flex-direction:column}.res-plan .top .title-date .title{color:#fff;font-weight:800;font-size:14px}.res-plan .top .title-date .date{font-weight:600;font-size:12px;color:#6b6b6c}.res-plan .top .show-more{margin:auto 0 auto auto;cursor:pointer}.res-plan .top .title{font-weight:700;font-size:14px;color:#fff;margin:auto 0}.res-plan .top .close{margin:auto 0 auto auto;width:24px;height:24px;background-image:url(/static/media/close.67acd9f9.svg);background-repeat:no-repeat;cursor:pointer;transition:.3s}.res-plan .top .close:hover{opacity:.7}.res-plan .middle{margin:auto 0;display:flex;flex-direction:column}.res-plan .middle .group-input{display:block;width:90%;margin:0 auto}.res-plan .middle .group-input .text{color:#787878!important;font-weight:600!important;font-size:12px!important}.res-plan .middle .top-up-group{display:flex;flex-direction:row}.res-plan .middle .top-up-group input{width:100%;margin-top:5px;margin-right:5px}.res-plan .middle button{background:#07080d;border-radius:5px;color:#92f8ff;height:40px;border:0;margin-top:5px;width:96px;font-weight:600;font-size:12px;transition:.3s}.res-plan .middle button:hover{background:#010200}.res-plan .middle .middle-icon,.res-plan .middle .success-content{display:flex;justify-content:center}.res-plan .middle .success-content{margin-top:20px;color:#fff;font-weight:800;font-size:14px}.res-plan .middle .success-icon{width:44px;height:44px}.res-plan .bottom{margin-top:auto}.res-plan .bottom .progress-bar{width:100%;background:#000;border-radius:5px}.res-plan .bottom .progress-bar .progress{width:80%;height:7px;border-radius:5px;background:#92f8ff;-webkit-animation:progressBar 1s ease-in-out;animation:progressBar 1s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.res-plan .bottom .data{display:flex;margin-top:20px;justify-content:space-between}.res-plan .bottom .data .used-data:last-child .size{text-align:right}.res-plan .bottom .data .used-data .size{font-weight:700;font-size:12px;color:#fff}.res-plan .bottom .data .used-data .name{color:#787878;font-weight:600;font-size:12px}.options-pop-over{padding:15px 0;border-radius:5px}.options-pop-over .option{padding-top:8px;padding-bottom:8px;color:#797777;transition:.3s;font-weight:600;font-size:14px;cursor:pointer}.options-pop-over .option:hover{color:#fff}@-webkit-keyframes progressBar{0%{width:0}to{width:80%}}@keyframes progressBar{0%{width:0}to{width:80%}}.checkout-item{display:flex;width:100%;padding-bottom:.5em}.checkout-item .icon{margin-right:10px;background:#07080d;border-radius:5px;width:38px;height:40px;display:flex}.checkout-item .icon img{margin:auto}.checkout-item .title-date{display:flex;flex-direction:column}.checkout-item .title-date .title{font-weight:700;font-size:12px;color:#787878}.checkout-item .title-date .date{font-weight:500;font-size:12px;line-height:15px;color:#787878}.checkout-item .invoice{margin:auto 0 auto auto;background:#07080d;border-radius:5px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:9px;cursor:pointer}.checkout-item .invoice img{margin:auto 5px auto 0}.checkout-item .invoice span{margin:auto 0;color:#797979;font-weight:600;font-size:12px;transition:.3s}.checkout-item .invoice:hover span{color:#fff}.checkout-item .price{margin:auto 0 auto auto;color:#c8ffae;font-weight:800;font-size:14px}.checkout-item.with-invoice .price{margin-left:35px!important}.checkout-item.with-invoice .title-date .title{color:#92f8ff;font-weight:600;font-size:14px}.checkout-item.with-invoice .title-date .date{color:#5f5f5f}.announcements .title{color:#92f8ff;font-weight:800;font-size:14px}.announcements .news{overflow-y:scroll;height:160px;padding-right:10px}.announcements .news .date{color:#787878;font-weight:500;font-size:10px;text-align:right;border-bottom:1px solid #373737}.announcements .news p{margin:10px 0 0;padding:0;line-height:15px;color:#fff;font-weight:500;font-size:12px}.log{font-weight:600;font-size:14px;color:#434343}.log p{overflow-wrap:break-word}.proxies{height:100%;display:flex;flex-direction:column}.proxies .buttons{margin-top:6px;display:flex}.proxies .buttons button{color:#fff;font-weight:600;font-size:12px;background:#131419;border-radius:5px;border:0;height:40px;width:100%;margin-right:3px;margin-left:3px}.proxies .buttons button:first-child{margin-left:0!important}.proxies .buttons button:last-child{margin-right:0!important}.checkouts .title{color:#fff;font-weight:800;font-size:14px;text-align:center}.checkouts .checks{overflow-y:scroll;height:290px;padding-right:10px}.add-plan{cursor:pointer;border:1.5px dashed #323232;background:transparent!important;border-radius:5px;height:100%;display:flex}.add-plan:hover span{color:#fff}.add-plan img{margin:auto 5px auto auto}.add-plan span{color:#6b6b6c;margin:auto auto auto 5px;font-weight:600;font-size:14px;transition:.3s ease}.datacenter-proxies .title{color:#92f8ff;font-weight:700;font-size:18px;padding-left:0!important;margin-left:0!important}.datacenter-proxies .content .group-input{margin-top:13px;margin-bottom:30px;width:250px;padding-left:0!important;margin-left:0!important}.datacenter-proxies .content .group-input .custom-select{background:#131419 url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.datacenter-proxies .content .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.datacenter-proxies .plan-card{width:550px;padding:25px 30px;margin-bottom:10px;min-height:100px!important}@media (min-width:1500px){.datacenter-proxies .plan-card{width:650px}}@media (min-width:1700px){.datacenter-proxies .plan-card{width:650px}}.datacenter-proxies .plan-card .left .title{font-size:14px}.datacenter-proxies .plan-card .left .number{font-weight:500;font-size:42px;color:#fff}.datacenter-proxies .plan-card .left .date{color:#5f5f5f;font-weight:600;font-size:12px}.datacenter-proxies .plan-card .left .date span{color:#fff}.datacenter-proxies .plan-card .left .renewal{color:#5f5f5f;font-weight:600;font-size:12px}.datacenter-proxies .plan-card .left .renewal span{color:#94dd4b}.datacenter-proxies .plan-card .right{margin-left:auto;display:flex;flex-direction:column}.datacenter-proxies .plan-card .right .btn{width:124px;height:44px;background:#07080d;border-radius:5px;font-weight:700;font-size:12px;color:#afafaf}.datacenter-proxies .plan-card .right .btn.active,.datacenter-proxies .plan-card .right .btn:hover{color:#92f8ff}.datacenter-proxies .plan-card .right .btn:first-child{margin-bottom:15px}.datacenter-proxies .plan-card .bottom-buttons{display:flex;justify-content:end;align-items:center;margin-top:20px;grid-gap:12px;gap:12px}.datacenter-proxies .plan-card .bottom-buttons .btn{width:124px;height:44px;background:#07080d;border-radius:5px;font-weight:700;font-size:12px;color:#afafaf}.datacenter-proxies .plan-card .bottom-buttons .btn.active,.datacenter-proxies .plan-card .bottom-buttons .btn:hover{color:#92f8ff}.datacenter-proxies .plan-card .renewal-date{color:#5f5f5f;font-weight:600;font-size:12px}.datacenter-proxies .plan-card .renewal-date span{color:#fff}.datacenter-proxies .plan-card .renew-plan{display:flex;grid-gap:12px;gap:12px}.datacenter-proxies .plan-card .renew-plan .group-input .custom-select{background:#07080d url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.datacenter-proxies .plan-card .renew-plan .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.datacenter-proxies .plan-card .renew-plan .group-input .btn{width:124px;height:44px;background:#07080d;border-radius:5px;font-weight:700;font-size:12px;color:#afafaf}.datacenter-proxies .plan-card .renew-plan .group-input .btn.active,.datacenter-proxies .plan-card .renew-plan .group-input .btn:hover{color:#92f8ff}.datacenter-proxies .plan-card .renew-plan .group-input .btn .success{display:flex;justify-content:center;align-items:center}.datacenter-proxies .plan-card .renew-plan .group-input .btn .success .success-icon{width:12px;height:12px}.datacenter-proxies .plan-card-content{display:flex;min-height:100px!important}.datacenter-proxies .cont{overflow-x:scroll;height:160px;padding-right:12px;margin-top:12px;border-radius:5px}.datacenter-proxies .square-log{background:#07080d!important;border-radius:5px;width:100%;padding:15px 20px;text-align:left;font-size:12px;font-weight:500;color:#5f5f5f}.success-open{position:relative;-webkit-animation:moving .4s ease forwards;animation:moving .4s ease forwards;left:2px}.success-close{position:relative;-webkit-animation:leftmoving .4s ease forwards;animation:leftmoving .4s ease forwards;left:10px}@-webkit-keyframes moving{to{left:10px}}@keyframes moving{to{left:10px}}@-webkit-keyframes leftmoving{to{left:0}}@keyframes leftmoving{to{left:0}}@media (max-width:600px){.d-flex{flex-direction:column}.d-flex .ms-auto,.d-flex>*{margin-left:0!important}.plan-card{padding:20px!important;width:100%!important}.plan-card .btn{height:35px!important;width:100px!important}.plan-card .number{font-size:25px!important}}.my-account .btn-card{background:#07080d;border-radius:5px;color:#fff;height:40px;font-weight:600;font-size:12px;outline:0;border:0;transition:.3s}.my-account .btn-card:hover{color:#ababab}.my-account .content .group-input{margin-top:8px;padding-left:0!important;margin-left:0!important}.my-account .content .form-bottom{display:flex;margin-top:8px;margin-bottom:20px}.my-account .content .form-bottom .group-input{margin-top:0;width:70%!important}.my-account .content .form-bottom button:last-child{width:30%!important;margin-left:8px}.my-account .content .form-bottom button:last-child.w-50{width:50%!important}.my-account .content .login .form-bottom .group-input{width:80%!important}.my-account .content .login .form-bottom .btn-card{width:20%!important;color:#92f8ff}.my-account .dashboard-card .title{color:#fff;font-weight:700;font-size:14px}.my-account .checkouts .title{text-align:left}.my-account .checkouts .checks{height:auto;overflow:hidden}.my-account .balance-part .top{display:flex;margin-top:20px;margin-bottom:20px}.my-account .balance-part .top .money .name{color:#5f5f5f;font-weight:700;font-size:12px}.my-account .balance-part .top .money .number{color:#92f8ff;font-weight:700;font-size:20px}.my-account .balance-part .top .money:first-child *{text-align:left}.my-account .balance-part .top .money:last-child{margin-left:auto}.my-account .balance-part .top .money:last-child *{text-align:right}.my-account .balance-part .dashboard-card{min-height:100px!important;margin-top:6px}.my-account .balance-part .dashboard-card:first-child{margin-top:0!important}.main-table .form{margin-top:30px!important}@media (max-width:600px){.d-flex{flex-direction:column}.d-flex .ms-auto,.d-flex>*{margin-left:0!important}.account-card{padding:20px!important;width:100%!important}.account-card .btn{height:35px!important;width:100px!important}.account-card .number{font-size:25px!important}}@media (min-width:767px){.my-account .wallet .group-input .custom-select,.my-account .wallet .group-input select{background-position:88%!important}}.my-account .wallet .buttons{display:flex;margin-top:45px}.my-account .wallet .buttons>:first-child{width:45%;margin-right:6px;color:#ff6b6b}.my-account .wallet .buttons>:last-child{width:55%;text-transform:capitalize}.my-account .wallet .credit-cards{margin-top:20px;width:100%;margin-left:auto;margin-right:auto;max-width:240px;position:relative;padding-bottom:12px}.my-account .wallet .credit-cards .other-card{border-radius:5px;padding:20px;box-shadow:0 4px 4px rgba(0,0,0,.25);background:#07080d;border:1px solid #131419;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.my-account .wallet .credit-cards .other-card.o-1{width:calc(100% - 16px);bottom:6px}.my-account .wallet .credit-cards .other-card.o-2{width:calc(100% - 32px);bottom:0}.my-account .wallet .credit-cards .credit-card{height:100%;width:100%;border-radius:5px;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));bottom:16px;padding:1px;height:138px;background:linear-gradient(rgba(146,248,255,.39),rgba(146,248,255,.1))}.my-account .wallet .credit-cards .credit-card .credit-inside{display:flex;flex-direction:column;padding:20px;background:#07080d;width:100%;border-radius:5px;height:136px}.my-account .wallet .credit-cards .credit-card .credit-inside.back{background:#07080d;padding:0}.my-account .wallet .credit-cards .credit-card .credit-inside.back .top{border-radius:5px;padding:25px 20px;background:#07080d;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.my-account .wallet .credit-cards .credit-card .credit-inside.back>img{height:70px}.my-account .wallet .credit-cards .credit-card .top{display:flex}.my-account .wallet .credit-cards .credit-card .top .name{color:#fff;font-weight:700;font-size:12px;margin:auto auto auto 0}.my-account .wallet .credit-cards .credit-card .top .name span{display:inline-block}.my-account .wallet .credit-cards .credit-card .top .name span.blue{color:#92f8ff}.my-account .wallet .credit-cards .credit-card .top img{margin:auto 0 auto auto}.my-account .wallet .credit-cards .credit-card .middle{display:flex;width:100%;justify-content:space-between;color:#92f8ff;font-weight:700;font-size:14px;margin-top:25px;line-height:17px;letter-spacing:.2em}.my-account .wallet .credit-cards .credit-card .bottom{margin-left:auto;color:#5f5f5f;font-weight:700;margin-top:25px;font-size:10px;line-height:12px}.my-account .wallet .credit-cards .credit-card .bottom span{display:inline-block;margin-left:1px}.my-account .wallet .added-cards{display:flex;flex-direction:column}.my-account .wallet .added-cards .add-card{margin-top:25px;margin-bottom:40px}.my-account .wallet .added-cards .btn-card{width:80%}.my-account .wallet .title span{margin-left:5px;color:#5b5b5b}.my-account .wallet .expiry-cvv{display:flex}.my-account .wallet .expiry-cvv>.group-input:first-child{width:70%!important}.my-account .wallet .expiry-cvv>.group-input:first-child .split-2{display:flex}.my-account .wallet .expiry-cvv>.group-input:first-child .split-2>*{margin-right:6px!important}.my-account .wallet .expiry-cvv>.group-input:last-child{width:30%!important}.my-account .wallet .card-info{display:flex;margin-bottom:15px}.my-account .wallet .card-info:first-child{margin-top:20px}.my-account .wallet .card-info:last-child{margin-bottom:25px}.my-account .wallet .card-info .texts .ending{color:#5f5f5f;font-weight:600;font-size:12px;margin-bottom:3px}.my-account .wallet .card-info .texts .ending span{color:#8aeaf1}.my-account .wallet .card-info .texts .edit{transition:.3s;color:#fff;font-weight:600;font-size:10px;cursor:pointer}.my-account .wallet .card-info .texts .edit:hover{text-decoration:underline}.my-account .wallet .card-info .img-cont{height:47px;position:relative;width:47px;margin-right:19px}.my-account .wallet .card-info .img-cont .visa-cont{cursor:pointer;background:#07080d;border-radius:5px;width:43px;height:43px;position:absolute;bottom:0;left:0;display:flex}.my-account .wallet .card-info .img-cont .visa-cont img{margin:auto}.my-account .wallet .card-info .img-cont .star{top:0;right:0;position:absolute}@media (min-width:992px){.my-account .col-lg-3{width:30%}.my-account .col-lg-3:first-child{width:25%!important}.my-account .col-lg-6{width:45%!important}}.shop-content .content .plan-option .title{color:#92f8ff;font-weight:700;font-size:18px;padding-left:0!important;margin-left:0!important}.shop-content .content .plan-option .shop-cards{display:flex;flex-wrap:wrap;justify-content:space-between;grid-gap:10px;gap:10px;margin-left:-12px;margin-right:-12px}.shop-content .content .plan-option .shop-cards .shop-card{flex:1 1;min-width:280px;background-color:#131419;height:200px;border-radius:5px;margin:0!important;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.shop-content .content .plan-option .shop-cards .shop-card .card-title{font-size:14px;font-weight:700}.shop-content .content .plan-option .shop-cards .shop-card .card-detail{font-size:12px;font-weight:600;color:#5f5f5f}.shop-content .content .plan-option .shop-cards .shop-card .card-footer{display:flex;justify-content:space-between;grid-gap:10px;gap:10px;border:none;background-color:transparent;padding:0}.shop-content .content .plan-option .shop-cards .shop-card .card-footer .group-input{font-family:Montserrat;width:100%;padding-left:0!important;margin-left:0!important}.shop-content .content .plan-option .shop-cards .shop-card .card-footer .group-input .custom-select{background:#131419 url(/static/media/arrow-down.15a954a1.svg);background-position:95%!important;background-repeat:no-repeat!important;background-color:#07080d}.shop-content .content .plan-option .shop-cards .shop-card .card-footer .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:98%!important;background-repeat:no-repeat!important}.shop-content .content .plan-option .shop-cards .shop-card .card-footer .purchase{background-color:#07080d;border-radius:5px;color:#afafaf;font-size:12px;font-weight:700;border:none;outline:none;height:44px;padding:12px 20px}.shop-content .content .plan-option .shop-cards .shop-card .card-footer .purchase:hover{color:#92f8ff}.shop-content .modal-drawer{position:fixed;background:transparent;z-index:1050;transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition-delay:2s;top:0;right:0}.shop-content .modal-drawer.active{width:100%;height:100%}.shop-content .modal-drawer.active .modal-drawer-content{-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.shop-content .modal-drawer.deactive{height:100%}.shop-content .modal-drawer.deactive .modal-drawer-content,.shop-content .modal-drawer .modal-drawer-content{-webkit-transform:translateX(560px);transform:translateX(560px)}.shop-content .modal-drawer .modal-drawer-content{opacity:1;width:560px;position:absolute;border-radius:5px;right:0;background:#131419;height:100%;overflow:auto;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.shop-content .modal-drawer .modal-drawer-content .close-button{position:relative;top:20px;left:16px;cursor:pointer}.shop-content .modal-drawer .modal-drawer-content .drawer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:80px;padding-right:80px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .profile{margin-top:14px;display:flex;width:100%;justify-content:center}.shop-content .modal-drawer .modal-drawer-content .drawer-content .profile .profile-user{display:flex;align-items:center;background:#07080d;border-radius:5px;width:245px;height:33px;justify-content:space-between;padding-left:20px;padding-right:20px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .profile .profile-user .user-balance{flex:1 1;color:#92f8ff;font-weight:600;font-size:14px;display:flex;justify-content:center}.shop-content .modal-drawer .modal-drawer-content .drawer-content .profile .profile-user .user-avatar{flex:1 1;position:relative;left:1%;width:40px;height:40px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .profile .profile-user .user-name{flex:1 1;margin-right:0;font-weight:800;font-size:14px;color:#fff;display:flex;justify-content:center}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items{margin-top:80px;display:flex;flex-direction:column;width:100%}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-header{display:flex;justify-content:space-between;align-items:center}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-header .cart-header-title{font-size:18px;font-weight:700}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-header .cart-header-title .number-of-items{color:#92f8ff}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-header .remove-item{width:44px;height:44px;display:flex;justify-content:center;align-items:center;background:#07080d;border-radius:5px;cursor:pointer}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-item{margin-top:10px;background:#07080d;border-radius:5px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-item .item-detail{display:flex;grid-gap:12px;gap:12px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-item .item-detail .item-image{width:38px;height:38px;background:#131419;border-radius:5px;display:flex;justify-content:center;align-items:center}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-item .item-detail .item-content{display:flex;flex-direction:column;justify-content:space-between}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-item .item-detail .item-content .item-title{color:#92f8ff;font-size:14px;font-weight:600}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-item .item-detail .item-content .shipping-date{font-size:12px;color:#5f5f5f;font-weight:600}.shop-content .modal-drawer .modal-drawer-content .drawer-content .cart-items .cart-item .item-price{font-size:18px;font-weight:600;color:#9bffa5}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon{margin-top:48px;width:100%;display:flex;flex-direction:column}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon .discount-header{font-size:14px;font-weight:700}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon .discount-content{margin-top:20px;display:flex;grid-gap:10px;gap:10px;align-items:center;justify-content:space-between}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon .discount-content .input-discount{display:flex;width:100%;justify-content:space-between;background:#07080d;border-radius:5px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon .discount-content .input-discount input{background:#07080d;border:0;border-radius:5px;width:100%;height:44px;color:#797777;font-weight:600;font-size:12px;margin:0;outline:none;padding-left:24px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon .discount-content .input-discount .apply-button{font-size:12px;font-weight:600;color:#9bffa5;width:107px;display:flex;align-items:center;justify-content:center}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon .discount-content .refresh{width:48px;height:44px;background:#07080d;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}.shop-content .modal-drawer .modal-drawer-content .drawer-content .coupon .discount-content .clicked{-webkit-animation:spin 1s linear;animation:spin 1s linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill{display:flex;flex-direction:column;width:100%;margin-top:63px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .price-list{display:flex;flex-direction:column;padding:10px 23px;grid-gap:18px;gap:18px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .price-list .list-item{display:flex;justify-content:space-between;font-weight:600;font-size:14px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .price-list .list-item .list-item-title{color:#6e6e6e}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .price-list .list-item .list-item{color:#fff}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .price-list .list-item .list-item-discount{color:#92f8ff}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .divider{height:1px;background:#2f2f2f;margin-top:18px;margin-bottom:18px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .total-price{display:flex;padding:0 23px;align-items:center;justify-content:space-between}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .total-price .total-title{font-size:14px;color:#fff;font-weight:700}.shop-content .modal-drawer .modal-drawer-content .drawer-content .bill .total-price .total-price-value{font-weight:600;font-size:18px;color:#9bffa5}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method{display:flex;flex-direction:column;margin-top:74px;width:100%}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method .payment-header{font-size:14px;font-weight:700}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method .payment-content{display:flex;grid-gap:12px;gap:12px;margin-top:17px;justify-content:space-between}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method .payment-content .group-input{width:100%;padding-left:0}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method .payment-content .group-input .custom-select{background:#131419 url(/static/media/arrow-down.15a954a1.svg);background-position:95%!important;background-repeat:no-repeat!important;background-color:#07080d}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method .payment-content .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:98%!important;background-repeat:no-repeat!important}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method .payment-content .checkout{border:none;border-radius:5px;outline:none;background:#07080d;color:#afafaf;font-size:12px;font-weight:700;width:200px}.shop-content .modal-drawer .modal-drawer-content .drawer-content .payment-method .payment-content .checkout:hover{color:#fff}@media (max-width:1200px){.modal-drawer-content{width:100%!important}}.datacenter-panel .title{color:#92f8ff;font-weight:700;font-size:18px;padding-left:0!important;margin-left:0!important}.datacenter-panel .content .group-input{margin-top:13px;margin-bottom:30px;width:250px;padding-left:0!important;margin-left:0!important}.datacenter-panel .content .group-input .custom-select{background:#131419 url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.datacenter-panel .content .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.justify-content-space-between{display:flex;justify-content:space-between}.align-center{align-items:center}.main-table{border-collapse:separate;border-spacing:0;border-radius:5px;overflow-x:scroll;max-width:100%}.main-table .complete{color:#73ffb3}.main-table td,.main-table th{background:#131419;font-weight:700;font-size:14px;padding:12px 25px;text-align:center}.main-table td img,.main-table th img{cursor:pointer}.main-table td:first-child,.main-table th:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;text-align:left}.main-table td:last-child,.main-table th:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.main-table .devider td,.main-table .devider th{background-color:#07080d!important;padding:4px 0!important}.main-table thead{color:#92f8ff}.main-table tbody{color:#fff}.main-table .cont{overflow-x:scroll;height:160px;padding-right:12px}.main-table .square-log{background:#07080d!important;border-radius:5px;width:100%;padding:15px 20px;text-align:left;color:#5f5f5f}.main-table .form-case{vertical-align:top}.main-table .form{display:flex}.main-table .form .btn{background:#92f8ff;width:80px;color:#000}.main-table .form .btn,.main-table .form input{border-radius:5px;height:44px;border:0;font-weight:600;font-size:12px}.main-table .form input{background:#07080d;width:170px;margin-right:10px;color:#6f6f6f;padding-left:15px}.main-table .form input::-webkit-input-placeholder{color:#6f6f6f;font-weight:600;font-size:12px}.main-table .form input:-ms-input-placeholder{color:#6f6f6f;font-weight:600;font-size:12px}.main-table .form input::placeholder{color:#6f6f6f;font-weight:600;font-size:12px}@media (max-width:600px){.justify-content-space-between{display:block!important;justify-content:space-between}.d-flex{flex-direction:column}.d-flex .ms-auto,.d-flex>*{margin-left:0!important}.group-input{width:200px!important}.datacenter-panel .title{color:#92f8ff;font-weight:700;font-size:18px;padding-left:0!important;margin-left:0!important}.datacenter-panel .content .group-input{margin-top:13px;margin-bottom:30px;width:250px;padding-left:0!important;margin-left:0!important}.datacenter-panel .content .group-input .custom-select{background:#131419 url(/static/media/arrow-down.15a954a1.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}.datacenter-panel .content .group-input .custom-select.open{background:#26272f url(/static/media/arrow-up.712ebed2.svg)!important;background-position:95%!important;background-repeat:no-repeat!important}}.icon-dashboard{background-image:url(/static/media/donut_small.8cf42b63.svg);width:20px;height:20px}.active .icon-dashboard,.icon-dashboard{background-repeat:no-repeat;display:block}.active .icon-dashboard{background-image:url(/static/media/donut_small_active.38f5ecc5.svg)}.icon-datacenter{background-image:url(/static/media/network_check.e27cdcda.svg)}.active .icon-datacenter,.icon-datacenter{background-repeat:no-repeat;display:block;width:20px;height:20px}.active .icon-datacenter{background-image:url(/static/media/network_check_active.01a07a6a.svg)}.icon-shop{background-image:url(/static/media/shopping_cart.b5c90f67.svg)}.active .icon-shop,.icon-shop{background-repeat:no-repeat;display:block;width:20px;height:20px}.active .icon-shop{background-image:url(/static/media/shopping_cart_active.380591b0.svg)}.icon-account{background-image:url(/static/media/account_circle.69e03354.svg)}.active .icon-account,.icon-account{background-repeat:no-repeat;display:block;width:20px;height:20px}.active .icon-account{background-image:url(/static/media/account_circle_active.7bcc46f7.svg)}.icon-admin{background-image:url(/static/media/admin_panel_settings.e283775a.svg)}.active .icon-admin,.icon-admin{background-repeat:no-repeat;display:block;width:20px;height:20px}.active .icon-admin{background-image:url(/static/media/admin_panel_settings_active.a62b7fc9.svg)}.icon-orders{background-image:url(/static/media/network_check.e27cdcda.svg)}.active .icon-orders,.icon-orders{background-repeat:no-repeat;display:block;width:20px;height:20px}.active .icon-orders{background-image:url(/static/media/network_check_active.01a07a6a.svg)}.icon-faq{background-image:url(/static/media/network_check.e27cdcda.svg)}.active .icon-faq,.icon-faq{background-repeat:no-repeat;display:block;width:20px;height:20px}.active .icon-faq{background-image:url(/static/media/network_check_active.01a07a6a.svg)}.sidebar{width:280px;display:flex;flex-direction:column;background:#131419}.sidebar .logo{width:100%;display:flex}.sidebar .logo a{width:80%;margin:auto;display:flex;text-decoration:none}.sidebar .logo a h1,.sidebar .logo a img{margin:auto}.sidebar .logo a img{height:30px;margin-right:10px}.sidebar .logo a h1{margin-left:10px;color:#fff;font-style:normal;font-weight:700;font-size:20px;text-decoration:none;letter-spacing:.32em}.sidebar .divider{border:1px solid #2d2e33;width:80%;margin-left:auto;margin-right:auto;margin-bottom:50px}.sidebar ul{list-style:none;transition:.1s ease-in-out;padding-left:3rem!important}.sidebar ul a{width:100%;display:flex;flex-direction:row;text-decoration:none}.sidebar ul .icon{margin-right:15px}.sidebar ul .r-border{margin-right:0;margin-left:auto;width:4px;background:#92f8ff;display:none}.sidebar ul li{margin-right:0}.sidebar ul li a{height:40px;display:flex;flex-direction:row;text-decoration:none}.sidebar ul li a .icon,.sidebar ul li a .title{margin-top:auto;margin-bottom:auto}.sidebar ul li .title,.sidebar ul li a{color:#5f5f5f;font-weight:600;font-size:14px}.sidebar ul li.active .title,.sidebar ul li.active a,.sidebar ul li:hover .title,.sidebar ul li:hover a{color:#fff;font-weight:600;font-size:14px}.sidebar ul li.active .r-border{display:block}.sidebar .logout-btn{width:70%;background-color:#07080d;border-radius:5px;display:flex;cursor:pointer;height:50px}.sidebar .logout-btn:hover span{color:#fff}.sidebar .logout-btn img{margin:auto 13px auto 55px}.sidebar .logout-btn span{margin:auto auto auto 13px;color:#afafaf;display:block;font-weight:600;font-size:14px}@media (max-width:768px){.main-content{width:calc(100% - 55px)}.sidebar{width:55px}.sidebar .logo img{width:80%;margin:auto!important}.sidebar .logo h1{display:none}.sidebar .divider{margin-bottom:0!important}.sidebar ul{padding:0!important}.sidebar ul li{margin-right:0!important}.sidebar ul .icon{margin-right:auto!important;margin-left:auto!important;margin-bottom:5px}.sidebar .r-border,.sidebar .title{display:none!important}.sidebar .logout-btn span{display:none}.sidebar .logout-btn img{margin:auto}}@media (min-width:768px) and (max-width:992px){.main-content{width:calc(100% - 55px)}.sidebar{width:55px}.sidebar .logo img{width:80%;margin:auto!important}.sidebar .logo h1{display:none}.sidebar .divider{margin-bottom:0!important}.sidebar ul{padding:0!important}.sidebar ul li{margin-right:0!important}.sidebar ul .icon{margin-right:auto!important;margin-left:auto!important;margin-bottom:5px}.sidebar .r-border,.sidebar .title{display:none!important}.sidebar .logout-btn span{display:none}.sidebar .logout-btn img{margin:auto}}@media (min-width:992px) and (max-width:1200px){.main-content{width:calc(100% - 55px)}.sidebar{width:55px}.sidebar .logo img{width:80%;margin:auto!important}.sidebar .logo h1{display:none}.sidebar .divider{margin-bottom:0!important}.sidebar ul{padding:0!important}.sidebar ul li{margin-right:0!important}.sidebar ul .icon{margin-right:auto!important;margin-left:auto!important;margin-bottom:5px}.sidebar .r-border,.sidebar .title{display:none!important}.sidebar .logout-btn span{display:none}.sidebar .logout-btn img{margin:auto}}.auth-page{min-width:100vw;min-height:100vh;background:url(/static/media/auth-l-bg.975103ee.svg) 0 0 no-repeat,url(/static/media/auth-r-bg.4f3bb476.svg) 100% 100% no-repeat;background-size:40%,25%;display:flex}.auth-page .logo{margin-top:50px}.auth-page .auth-link{font-weight:600;font-size:12px;color:#92f8ff;text-decoration:none;margin-left:5px}.auth-page .auth-link:hover{text-decoration:underline}.auth-page button{background:#07080d;border-radius:5px;transition:.3s;border:0;outline:0;height:44px;font-weight:600;font-size:14px}.auth-page button[type=submit]{color:#92f8ff;width:60%}.auth-page button[type=submit]:hover{color:#fff}.auth-page .content{margin:5% auto 50px;width:90%;max-width:520px;display:flex;flex-direction:column}@media (max-width:760px){.auth-page .content{margin-top:10%}}.auth-page .content>.title{font-weight:800;font-size:22px;text-align:center;margin-bottom:20px}.auth-page .content>.title>.white{color:#fff}.auth-page .content>.title>.blue{color:#fff;color:#92f8ff}.auth-page .content .auth-card{width:100%;background:#131419;padding:43px 45px 30px;height:474px}.auth-page .content .auth-card .check-group{margin-bottom:30px;display:flex;margin-left:5px}.auth-page .content .auth-card .check-group .label{color:#5f5f5f;font-weight:600;font-size:12px;margin-left:25px}.auth-page .content .auth-card input{width:100%;display:block;height:44px;padding-left:22px;border:0;outline:0;margin-bottom:30px;background:#07080d;border-radius:5px}.auth-page .content .auth-card input::-webkit-input-placeholder{color:#6f6f6f;font-weight:600;font-size:14px}.auth-page .content .auth-card input:-ms-input-placeholder{color:#6f6f6f;font-weight:600;font-size:14px}.auth-page .content .auth-card input,.auth-page .content .auth-card input::placeholder{color:#6f6f6f;font-weight:600;font-size:14px}.login-page .link-group{text-align:center}.login-page .link-group span{font-weight:600;font-size:12px;color:#5f5f5f}.login-page .login-with{flex-direction:column;margin-top:30px;margin-bottom:30px}.login-page .login-with span{font-weight:600;font-size:12px;color:#5f5f5f;margin-bottom:15px}.login-page .login-with button{color:#fff;width:106px!important}.login-page .login-with button img{margin-right:10px}.login-page .login-with button:first-child{margin-right:5px}.login-page .login-with button:last-child{margin-left:5px}.login-page .login-with button:hover{color:#92f8ff}.mx-auto{margin-right:auto!important;margin-left:auto!important}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Montserrat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#07080d!important}#root,body{min-height:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.btn.active,.btn:active,button:active,button:focus,button:hover,input:active,input:focus,input:hover,label:focus,textarea:active,textarea:focus,textarea:hover{outline:0!important;-webkit-appearance:none;box-shadow:none!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.fade-in{animation:fadeIn .5s ease;-webkit-animation:fadeIn .5s ease;-moz-animation:fadeIn ease .5s;-o-animation:fadeIn ease .5s;-ms-animation:fadeIn ease .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screen-out{animation:resize 2s ease-out;-webkit-animation:resize 2s ease-out;-moz-animation:resize 2s ease-out;-o-animation:resize 2s ease-out;-ms-animation:resize 2s ease-out}.fader{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;background-color:#07080d!important}@keyframes resize{0%{width:0;height:0}to{width:100%;height:100%}}@-webkit-keyframes resize{0%{opacity:0;width:0;height:0}50%{opacity:.5;width:100vw;height:100vh}to{opacity:1;width:100vw;height:100vh}}.slide-fade-right-enter{opacity:0;-webkit-transform:translateX(10px) rotate(45deg);transform:translateX(10px) rotate(45deg);pointer-events:nne}.slide-fade-right-enter-active{transition:all .25s ease-in-out;transition-delay:.1s;position:relative;opacity:1}.slide-fade-right-enter-active,.slide-fade-right-exit{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}.slide-fade-right-exit{pointer-events:none}.slide-fade-right-exit-active{opacity:0;transition:all .25s ease-in-out;-webkit-transform:translateX(30px) rotate(-80deg);transform:translateX(30px) rotate(-80deg);position:relative}.slide-fade-up-enter{-webkit-transform:translateY(15px);transform:translateY(15px);pointer-events:none;opacity:0}.slide-fade-up-enter-active{transition:all .25s ease-in-out;transition-delay:.1s;position:relative}.slide-fade-up-enter-active,.slide-fade-up-enter-done,.slide-fade-up-exit{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.slide-fade-up-exit{pointer-events:none}.slide-fade-up-exit-active{transition:all .25s ease-in-out;-webkit-transform:translateY(-15px);transform:translateY(-15px);position:relative;opacity:0}.slide-fade-up-exit-done{opacity:0}.zoom-in-out-enter{-webkit-transform:translateY(6px) scale(3.5);transform:translateY(6px) scale(3.5);transition-delay:.1s;-webkit-filter:blur(.4px);filter:blur(.4px);opacity:0}.zoom-in-out-enter-active{transition:all .25s ease-in-out;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}.zoom-in-out-enter-done,.zoom-in-out-exit{opacity:1}.zoom-in-out-exit-active{transition:all .15s ease-in-out;transition-delay:.1s;-webkit-transform:translateY(4px) scale(2.3);transform:translateY(4px) scale(2.3);-webkit-filter:blur(.4px);filter:blur(.4px);position:relative}.dashboard-layout{display:flex;flex-direction:row;height:100%;width:100%;overflow-x:hidden}.table-responsive{overflow:auto}.main-content{position:relative;min-height:100vh;color:#fff;padding:20px 30px}.main-content .content{width:100%;margin:0}.main-content .content .col-lg-3,.main-content .content .col-lg-6{padding-top:6px;padding-left:3px!important;padding-right:3px!important}@media (max-width:768px){.main-content{width:calc(100% - 55px)}}.dashboard-card{background:#131419;border-radius:5px;padding:15px;height:100%;width:100%;min-height:180px;margin-right:20px}@media (min-width:1500px){.dashboard-card{padding:25px}}@media (min-width:1700px){.dashboard-card{padding:35px}}.main-card{background:#131419;border-radius:5px;padding:15px;height:100%;width:100%;min-height:180px;margin-right:20px}.group-input label{color:#fff;font-weight:600;font-size:12px}.group-input input{padding:10px 22px}.group-input .custom-select,.group-input input,.group-input select{background:#07080d;border:0;border-radius:5px;width:100%;height:44px;color:#797777;font-weight:600;font-size:12px;margin:0;outline:none}.group-input .custom-select .select-selected,.group-input input .select-selected,.group-input select .select-selected{padding:12px 22px;width:100%;height:100%}.group-input .custom-select,.group-input select{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:url(/static/media/arrow-down.15a954a1.svg);background-position:95%;background-repeat:no-repeat}.subnet-input label{color:#fff;font-weight:600;font-size:12px}.subnet-input input{padding:10px 22px}.subnet-input .custom-select,.subnet-input input,.subnet-input select{background:#07080d;border:0;border-radius:5px;width:100%;height:44px;color:#797777;font-weight:600;font-size:12px;margin:0;outline:none}.subnet-input .custom-select .select-selected,.subnet-input input .select-selected,.subnet-input select .select-selected{padding:12px 22px;width:100%;height:100%;display:flex;align-items:center}.subnet-input .custom-select,.subnet-input select{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:url(/static/media/arrow-down.15a954a1.svg);background-position:95%;background-repeat:no-repeat}::-webkit-scrollbar{width:3px;height:100%}::-webkit-scrollbar-track{background:#07080d!important}::-webkit-scrollbar-thumb{background:#4f5052}.check-container{display:block;position:relative;cursor:pointer;margin-bottom:16px;font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.check-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.check-container .checkmark{position:absolute;top:0;left:0;height:16px;width:16px;background:#92f8ff;box-sizing:border-box;border-radius:3px}.check-container .checkmark:after{content:"";position:absolute;display:none}.check-container input:checked~.checkmark:after{display:block}.check-container .checkmark:after{left:6px;top:1px;width:5px;height:12px;border:solid #000;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.check-container.gray .checkmark{border:2px solid rgba(98,98,98,.3)}.check-container.gray .checkmark:after{border-width:0 2px 2px 0}@media (min-width:1200px){.main-content{width:calc(100% - 329px);padding:20px 80px}.sidebar{width:329px}}@media (min-width:1700px){.main-content{width:calc(100% - 329px);padding:20px 120px}.sidebar{width:329px}}
/*# sourceMappingURL=main.f91ee35d.chunk.css.map */