.section-root{margin:24px auto;padding:30px;width:1200px;color:#000;background:linear-gradient(#f6fcff, #d7e9f0);border:1px solid #dfe2e5;box-shadow:1px 2px 3px rgba(0,0,0,.3)}
.table-search:hover{background:#e9e9e9}
.modal{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}.modal-dialog{position:relative;max-width:780px;width:95%;background:#fff;border-radius:5px;margin:10% auto;padding:40px 45px;box-shadow:0 4px 8px 5px rgba(0,0,0,.5)}.modal-body{margin-bottom:22px}.modal-title{margin:0;font-weight:bold;font-size:30px;line-height:42px}.child{display:block;font-size:18px;margin-bottom:30px}.child span{width:80px;display:inline-block}.closeAuth{font-size:36px;border:none;background-color:rgba(0,0,0,0);position:absolute;top:20px;right:20px}.modal-footer{display:flex;align-items:center;justify-content:space-between}.modal .modal-footer{justify-content:flex-end}.modal-footer-buttons{display:flex;align-items:center;justify-content:flex-end}button{cursor:pointer;color:inherit}.modal-button{display:flex;align-items:center;padding:8px 16px;background:#d6dcdd;border:1px solid #d9d9d9;box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,.0015);border-radius:2px;color:#595959;font-size:16px;line-height:24px;margin:20px 20px 0 0}.modal-button:hover{background:#d1e5e9;color:#616161}.modal-button-primary{background:#708f94;border:1px solid #446a70;color:#fff}.modal-button-primary:hover{background:#96b9be;color:#595959}
.closeAuth{font-size:36px;border:none;background-color:rgba(0,0,0,0);position:absolute;top:20px;right:20px}.child{display:block;font-size:18px;margin-bottom:30px}.child span{width:80px;display:inline-block}.footerButtons{display:flex;align-items:center;justify-content:flex-end}button{cursor:pointer;color:inherit}.button{display:flex;align-items:center;padding:8px 16px;background:#d6dcdd;border:1px solid #d9d9d9;box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,.0015);border-radius:2px;color:#595959;font-size:16px;line-height:24px;margin:20px 20px 0 0}.button:hover{background:#d1e5e9;color:#616161}.buttonPrimary{background:#708f94;border:1px solid #446a70;color:#fff}.buttonPrimary:hover{background:#96b9be;color:#595959}.trInput{height:40px}input::placeholder{transition:.5s;color:#aaa}input:focus::placeholder{font-size:10px;transform:translateY(-16px)}input{border:1px solid #bebebe}input:focus{outline:none;border:1px solid #4fa8b6;box-shadow:1px 1px 2px #4fa8b6}.table{table-layout:fixed;border-collapse:collapse}.inputSearch{width:100%;margin:5px 0 120px 0;font-size:18px;height:38px}.search{font-size:14px;margin:10px;background:#f7f7f7;border-bottom:1px solid #cecfd5;scroll-behavior:smooth;overflow-y:scroll;max-height:100px;max-width:600px;min-width:600px;outline:none;position:absolute;left:35px;top:115px;z-index:999}.tableSearch:hover{background:#e9e9e9}.tdTitle{width:300px}.tdInputValue{width:300px}
.buttonsSprite{display:block;margin-bottom:20px;width:100%}.capt{font-size:24px;font-weight:400;display:block;margin-bottom:20px}.butAdd{width:max-content;font-size:1.3em;color:#111;background-color:#ccd6d8;margin:10px 20px 0 0;padding:8px 15px 7px 15px}.butAdd:hover{color:#070b0c;background-color:#c2d3d6}.butUpdate{width:max-content;font-size:1.3em;color:#111;background-color:#bed8dd;margin:10px 20px 0 20px;padding:8px 15px 7px 15px}.butUpdate:hover{color:#070b0c;background-color:#d6eff3}.butSearch{width:200px;font-size:1.3em;color:#070b0c;margin:10px 20px 0 20px;padding:8px 15px 7px 15px}.active{background-color:#b6ccd5}.alarm{background-color:#f59c81}
.widthSiteId{width:120px}.widthProject{width:80px}.widthOrganization{width:240px}.widthMbPrice{width:80px}.widthFactura{width:100px}.widthMbTraffic{width:100px}.widthMbTrafficCost{width:100px}.widthCostCorrect{width:100px}.widthSpTraffic{width:100px}.widthSpTrafficCost{width:100px}.widthCostResult{width:100px}.active{background-color:#b6ccd5}.tableFixedHead{width:100%;table-layout:fixed;border-collapse:collapse}.tableFixedHead th,.tableFixedHead td{padding:5px;text-align:center;cursor:pointer}.tableFixedHead thead{background-color:#d9ecf3;color:#263a3f;font-weight:800}.tableFixedHead thead tr{display:block;position:relative}.tableFixedHead tbody{display:block;overflow:auto;width:100%;height:calc(100vh - 260px)}.tableFixedHead tbody tr:nth-child(even){background-color:#f4f8f8}.tableFixedHead tbody tr:hover{background-color:#f1feff}
.widthSiteId{width:120px}.widthProject{width:80px}.widthOrganization{width:240px}.widthMbPrice{width:80px}.widthFactura{width:100px}.widthMbTraffic{width:100px}.widthMbTrafficCost{width:100px}.widthCostCorrect{width:100px}.widthSpTraffic{width:100px}.widthSpTrafficCost{width:100px}.widthCostResult{width:100px}.inpProject,.inpMbCostServicies{width:80px;border:0px;background-color:unset}.inpSiteID{border:0px;background-color:unset}.inpOrganization{border:0px;background-color:unset}.tableFixedHead{width:100%;table-layout:fixed;border-collapse:collapse}.tableFixedHead th,.tableFixedHead td{padding:5px;text-align:center;cursor:pointer}.tableFixedHead thead{background-color:#d9ecf3;color:#263a3f;font-weight:800}.tableFixedHead thead tr{display:block;position:relative}.tableFixedHead tbody{display:block;overflow:auto;width:100%;height:calc(80vh - 180px)}.tableFixedHead tbody tr:nth-child(even){background-color:#f4f8f8}.tableFixedHead tbody tr:hover{background-color:#f1feff}
.tableFixedHead{width:100%;table-layout:fixed;border-collapse:collapse}
.result{display:flex;flex-wrap:wrap;align-items:flex-start;justify-items:center;height:600px;scroll-behavior:smooth;overflow-y:scroll}.resultCard{display:flex;flex-direction:column;justify-items:left;width:400px;margin-left:20px}.capt{background-color:#e7e7e7;font-size:24px;font-weight:400}.table{border-collapse:collapse}.table th,.table td{border-bottom:1px solid #cecfd5;padding:5px 10px}.table tfoot tr:last-child td{border-bottom:0}.table th{font-weight:900}.td-result{text-align:right}
input::placeholder{transition:.5s;color:#aaa}input:focus::placeholder{font-size:10px;transform:translateY(-16px)}.table{border-collapse:collapse}.table th,.table td{border-bottom:1px solid #cecfd5;padding:5px 10px}.table thead{background-color:#d2e0e4;color:#263a3f;font-weight:800}.table tfoot tr:last-child td{border-bottom:0}.table th{font-weight:900;text-align:center}.tdSiteID{width:120px;border:0px;text-align:right}.tdOrganization{width:200px;border:0px;text-align:left}.tdMbCostTraffic,.tdMbCostCorrect,.tdSpCostTraffic,.tdResult{width:120px;text-align:right}
.result{display:flex;flex-wrap:wrap;align-items:flex-start;justify-items:center;height:100%}.resultCard{display:flex;flex-direction:column;justify-items:left;width:700px;margin-left:20px;height:100%}.capt{font-size:24px;font-weight:400;margin-bottom:20px}.table{border-collapse:collapse}.table th,.table td{border-bottom:1px solid #cecfd5;padding:5px 10px}.table tfoot tr:last-child td{border-bottom:0}.table th{font-weight:900;text-align:center}.tdProject{width:100px;border:0px;text-align:center}.tdOrganization{width:200px;border:0px;text-align:left}.tdSumMbCost,.tdSumSpCost,.tdResult{width:150px;text-align:right}.tableFixedHead{width:100%;table-layout:fixed;border-collapse:collapse;height:100%}.tableFixedHead th,.tableFixedHead td{padding:5px;text-align:center}.tableFixedHead thead{background-color:#d2e0e4;color:#263a3f;font-weight:800}.tableFixedHead thead tr{display:block;position:relative}.tableFixedHead tbody{display:block;overflow:auto;width:100%;height:100%}.tableFixedHead tbody tr:nth-child(even){background-color:#f4f8f8}
.factura-data{display:flex;align-items:flex-start;justify-items:center;border-radius:3px;padding:10px;min-height:100px}.resultCard{display:flex;flex-direction:column;justify-items:left;width:100%}.capt{background-color:#e7e7e7;font-size:24px;font-weight:400;display:inline-block}.table{border-collapse:collapse}.table th,.table td{border-bottom:1px solid #cecfd5;padding:5px 10px}.table tfoot tr:last-child td{border-bottom:0}.table th{font-weight:900}.button{margin:20px 0 0 0}.facturaTitle{width:300px}thead .facturaTitleValue{width:300px}thead .trafficTitle{width:300px}thead .trafficTitleValue{width:300px}
.cover{width:100%;height:var(--footer-height);display:flex;justify-content:center;align-items:center;position:relative;text-align:center;background-repeat:no-repeat;background-position:center center;background:linear-gradient(#b0cad3, #8aa5af)}.wrap{width:960px;margin:0 auto}.cover svg{width:50px;vertical-align:middle;position:relative;margin:0 40px 8px 0}.cover svg g{fill:#a4c2c4}
.main-root{display:flex;flex-direction:column;justify-content:space-between;height:100vh;font-size:12pt;font-family:"Tahoma","Verdana","Arial","Roboto"}.center-box{display:flex;flex-direction:column;font-size:10pt;border-radius:3px;background:#eaf5f8;padding:20px;min-height:100px;height:80vh}
.lds-dual-ring{width:64px;height:64px;margin:auto;position:absolute;top:45%;left:calc(50% - 24px)}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border:5px solid #2678af;border-color:#2678af rgba(0,0,0,0) #2678af rgba(0,0,0,0);animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.page-loader{position:absolute;width:100%;height:100vh;background:rgba(184,223,255,.561)}.loading{position:absolute;top:calc(50% + 20px);left:calc(50% - 30px)}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-family-main: "Montserrat-Regular", "Verdana", sans-serif, serif, "Times New Roman";--font-size-s: 12px;--font-line-s: 20px;--font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);--font-size-m: 16px;--font-line-m: 24px;--font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);--font-size-l: 20px;--font-line-l: 28px;--font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);--font-size-xl: 30px;--font-line-xl: 38px;--font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);--navbar-height: 50px;--footer-height: 100px;--sidebar-width: 300px;--sidebar-width-collapsed: 80px;--modal-z-index: 10;--overlay-bg: rgba(0 0 0 / 60%)}@font-face{font-family:"Manropelight";src:url(/cb684f7e19ff6f5b42a9.woff) format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserrat-Regular";src:url(/24785cc015b27a3e964b.ttf) format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserrat-SemiBold";src:url(/93b37a465fc4ec0d0415.ttf) format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserrat-Bold";src:url(/50f0257aa1e905f4bfaf.ttf) format("woff");font-weight:normal;font-style:normal}:root{--bg-color: white;--text-color: black}@media(prefers-color-scheme: dark){:root{--bg-color: #f6fcff;--text-color: #141414}}body{background-color:var(--bg-color);font-family:var(--font-family-main);color:var(--text-color);background:linear-gradient(--bg-color, #d7e1f0)}p{margin:0;padding:0}.button{display:flex;align-items:center;padding:8px 16px;background:#d6dcdd;border:1px solid #d9d9d9;box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,.0015);border-radius:2px;color:#595959;font-size:16px;line-height:24px}.button:hover{background:#d1e5e9;color:#616161}.button[disabled],.button[disabled]:hover{cursor:not-allowed;opacity:.5;color:#4a4a4a;background:#b6b6b6}@keyframes hint-appear{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}
