@keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(0)}}.hover:hover,.modal .modal-container .modal-close:hover,.siteyolu ul li a:hover,.header .left .logo:hover,.header .menus ul li a:hover,.sidebar .sidebar-container .action-buttons .button.start:hover,.sidebar .sidebar-container .action-buttons .button.stop:hover,.hover:focus,.modal .modal-container .modal-close:focus,.siteyolu ul li a:focus,.header .left .logo:focus,.header .menus ul li a:focus,.sidebar .sidebar-container .action-buttons .button.start:focus,.sidebar .sidebar-container .action-buttons .button.stop:focus{opacity:.85;text-decoration:none;box-shadow:none;outline:0;border:0;cursor:pointer}.hover2:hover,.modal .modal-container .m-footer a:hover,.modal .comparison-dataset .m-header .buttons span.button:hover,.bunker .sidebar .sidebar-container .search .results .item .buttons span:hover,.sidebar .sidebar-close:hover,.sidebar .sidebar-container .title .buttons span:hover,.sidebar .sidebar-container .search .results .item:hover,.sidebar .sidebar-container .list .items .item .buttons span:hover,.sidebar .sidebar-container .action-buttons .button.test:hover,.comparison .section-content .graph .info .buttons span:hover,.settings .section-content .item.system-settings .logo .upload .button:hover,.settings .section-content .form a:hover,.settings .section-content .form .button:hover,.calculator .tab-content .card .card-body .row .printbtn:hover,.calculator .tab-content .card .card-body .row .card-group .column.ok span:hover,.calculator .tab-content .card .card-body .row .card-group .column.radio-group .group label:hover,.calculator .tab-content .card .card-body .row .card-group .column .button:hover,.calculator-summary .section-title .buttons span.button:hover{opacity:.9;cursor:pointer;color:var(--main-color1);background-color:#f4f6fa}.ullitemizle,.modal .ship-datasheet .m-content ul,.siteyolu ul,.header .menus ul,.comparison .section-content .compare .item ul,.calculator .tab-buttons ul{padding:0;margin:0}.ullitemizle li,.modal .ship-datasheet .m-content ul li,.siteyolu ul li,.header .menus ul li,.comparison .section-content .compare .item ul li,.calculator .tab-buttons ul li{list-style:none}*{box-sizing:border-box}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.7);background-color:#f5f5f5}::-webkit-scrollbar{width:6px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#666}.bulunamadi{font-weight:600;font-size:16px;line-height:20px;min-height:400px}.notfound{font-weight:600;font-size:16px;line-height:20px;padding:15px}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:"Source Sans Pro",sans-serif;font-display:swap;font-size:14px;line-height:1.4;color:#4e546f;overflow-x:hidden;font-weight:400;font-style:normal;font-stretch:normal;padding:0;margin:0;display:flex;align-items:flex-start;justify-content:flex-start}body.t-admin .header{background:var(--admin-color)}body.t-admin .header .right .block.b1{justify-content:center}body.t-admin .header .right .block.b1 .carbon-mode{flex-direction:column;align-items:flex-end}body.t-admin .header .right .block.b1 .carbon-mode .switch{margin-top:5px}body.t-admin .header .right .block.b4{min-width:130px;background-color:rgba(255,255,255,.3);font-weight:600;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:center}.container{width:100%;min-height:100%;z-index:1;position:relative;min-width:1200px;background:#f3f5f7;padding-top:80px}.container section{width:100%;z-index:1}.container section.section{width:96%;padding:40px;max-width:1680px;background:#fff;margin:70px auto 180px;border:1px solid #d3ddea;filter:drop-shadow(0 2px 4px rgba(0,0,0,.16))}.container section .section-title{width:100%;font-weight:600;font-size:28px;text-align:left;color:var(--main-color2);margin:0 0 30px;display:flex;align-items:center;justify-content:flex-start}.container section .section-title span{color:var(--main-color1);display:inline-flex;margin-left:10px}.container section .section-title .btn{margin-left:auto;width:auto;height:40px;border-radius:4px;background:var(--main-color2);font-size:16px}.container section .section-title .btn.disabled{background:#647a9a;pointer-events:none}.site-map{z-index:1;height:100%}.site-map .leaflet-bottom.leaflet-right,.site-map #bottom,.site-map #logo-wrapper{display:none}.site-map .leaflet-left.leaflet-top{left:auto;right:25px;top:auto;bottom:25px}.site-map .leaflet-left .leaflet-control,.site-map .leaflet-top .leaflet-control{margin:0}.site-map .leaflet-control-zoom{border:none!important}.site-map .leaflet-control-zoom .leaflet-control-zoom-in{margin-bottom:5px}.site-map .leaflet-control-zoom .leaflet-control-zoom-in,.site-map .leaflet-control-zoom .leaflet-control-zoom-out{border-radius:50%!important;width:40px;height:40px;line-height:40px;background:#fff;color:var(--main-color1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.16))}.site-map #embed-zoom{bottom:25px;right:25px!important;top:auto!important;transform:unset!important}.site-map #embed-zoom .zoom-ctrl{border-radius:50%!important;width:40px!important;height:40px!important;line-height:40px!important;background:#fff!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.16))!important;color:var(--main-color1)}input:not([type="range"]){width:100%;height:48px;border:1px solid #647a9a;padding:0 15px;border-radius:5px;font-size:16px}input,select,textarea{font-family:inherit}input:focus,select:focus,textarea:focus{outline:0;box-shadow:none;border-color:#bbc9eb!important;box-shadow:0 0 0 3px rgba(40,158,231,.25)}textarea{resize:none}.btn{cursor:pointer;font-size:20px;height:55px;min-width:140px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:50px;background:var(--main-color2);color:#fff;font-weight:600;text-decoration:none}.btn:hover{opacity:.85}.btn.loading{color:var(--main-color2)!important;position:relative!important;pointer-events:none;overflow:hidden}.btn.loading:before{content:"";position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;pointer-events:none;background:url(/images/svg/btn-loading.svg) center no-repeat;background-size:32px}.button.loading{color:var(--main-color2)!important;background:var(--main-color2)!important;position:relative!important;pointer-events:none;overflow:hidden}.button.loading:before{content:"";position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;pointer-events:none;background:url(/images/svg/btn-loading.svg) center no-repeat;background-size:32px}a{color:inherit}.tooltip{position:relative}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible}.tooltip:before{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.8);white-space:nowrap;padding:5px 12px;border-radius:4px;font-size:13px;line-height:18px;opacity:0;visibility:hidden;transition:all 0.3s}.tooltip:after{content:""!important;border-color:rgba(0,0,0,.8) transparent transparent transparent;border-style:solid;border-width:6px;width:0;height:0;position:absolute;left:50%!important;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all 0.3s}.modal{width:100%;height:100%;background:rgba(0,0,0,.55);position:fixed;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.modal.active{opacity:1;visibility:visible;pointer-events:auto}.modal .modal-container{width:96%;max-width:1200px;min-height:600px;max-height:90%;padding:30px 45px 20px;background:#fff;text-align:center;border:1px solid #a1aece;position:relative;overflow:hidden}.modal .modal-container .modal-close{width:40px;height:40px;position:absolute;top:5px;right:5px;z-index:1;background:url(/images/svg/modal-close.svg) no-repeat center;background-size:35px}.modal .modal-container .modal-footer{width:100%;margin-top:15px}.modal .modal-container .modal-footer .alert{width:100%;color:var(--main-color2);text-align:center;font-size:18px}.modal .modal-container .m-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.modal .modal-container .m-header .title{width:100%;font-weight:600;font-size:28px;text-align:left;color:var(--main-color2)}.modal .modal-container .m-header .title span{color:var(--main-color1)}.modal .modal-container .m-content{width:100%;display:flex;align-items:flex-start;justify-content:space-between;margin:30px 0 20px;max-height:620px;overflow-y:auto;padding:5px}.modal .modal-container .m-footer{width:100%;display:flex;align-items:center;justify-content:center}.modal .modal-container .m-footer a{display:inline-block;min-width:120px;height:42px;background:#fff;border-radius:5px;border:1px solid #a2afcd;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:18px;color:var(--main-color1);padding:0 15px;position:relative}.modal .ship-datasheet{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.modal .ship-datasheet .m-content ul{width:50%;font-weight:400;font-size:18px;line-height:25px;text-align:left;color:var(--main-color1);padding-right:15px}.modal .ship-datasheet .m-content ul li{width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.modal .ship-datasheet .m-content ul li:not(:last-child){margin-bottom:12px}.modal .ship-datasheet .m-content ul li b{font-weight:600;display:inline-block;min-width:160px}.modal .ship-datasheet .m-content img{width:50%;height:auto}.modal .ship-datasheet .m-footer{justify-content:flex-start}.modal .ship-datasheet .m-footer a.statistic{font-size:14px}.modal .ship-datasheet .m-footer a.statistic:before{content:"";width:16px;height:21px;background:url(/images/svg/btn-statistic.svg) no-repeat center;display:block;margin-right:10px}.modal .ship-dataform,.modal .company-shipform{width:100%}.modal .ship-dataform .m-content.form,.modal .company-shipform .m-content.form{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.modal .ship-dataform .m-content.form .row,.modal .company-shipform .m-content.form .row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:8px}.modal .ship-dataform .m-content.form .row.port,.modal .ship-dataform .m-content.form .row.gt,.modal .company-shipform .m-content.form .row.port,.modal .company-shipform .m-content.form .row.gt{display:none}.modal .ship-dataform .m-content.form .row.port.show,.modal .ship-dataform .m-content.form .row.gt.show,.modal .company-shipform .m-content.form .row.port.show,.modal .company-shipform .m-content.form .row.gt.show{display:flex}.modal .ship-dataform .m-content.form .row label,.modal .company-shipform .m-content.form .row label{flex:0 0 160px;font-weight:600;font-size:16px;line-height:20px;text-align:left;color:var(--main-color1)}.modal .ship-dataform .m-content.form .row input,.modal .ship-dataform .m-content.form .row select,.modal .ship-dataform .m-content.form .row textarea,.modal .company-shipform .m-content.form .row input,.modal .company-shipform .m-content.form .row select,.modal .company-shipform .m-content.form .row textarea{width:100%;height:38px;border-radius:5px;background:#fff;border:1px solid #ced4da;padding:0 12px;font-size:16px;color:var(--main-color1)}.modal .ship-dataform .m-content.form .row input:disabled,.modal .ship-dataform .m-content.form .row select:disabled,.modal .ship-dataform .m-content.form .row textarea:disabled,.modal .company-shipform .m-content.form .row input:disabled,.modal .company-shipform .m-content.form .row select:disabled,.modal .company-shipform .m-content.form .row textarea:disabled{background:#f4f6fa;pointer-events:none}.modal .ship-dataform .m-content.form .row input.pr38,.modal .company-shipform .m-content.form .row input.pr38{padding-right:38px}.modal .ship-dataform .m-content.form .row input[type="file"],.modal .company-shipform .m-content.form .row input[type="file"]{height:auto;padding:6px 12px}.modal .ship-dataform .m-content.form .row textarea,.modal .company-shipform .m-content.form .row textarea{height:100px;padding:12px}.modal .ship-dataform .m-content.form .row img,.modal .company-shipform .m-content.form .row img{width:140px;height:auto;margin-right:25px;border-radius:5px;border:1px solid #a1aece}.modal .ship-dataform .m-content.form .row .group,.modal .company-shipform .m-content.form .row .group{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;column-gap:15px}.modal .ship-dataform .m-content.form .row .group label,.modal .company-shipform .m-content.form .row .group label{flex:1;height:20px;text-align:left;width:100%;padding-left:6px;margin-bottom:4px}.modal .ship-dataform .m-content.form .row .group .unit,.modal .company-shipform .m-content.form .row .group .unit{position:absolute;right:8px;bottom:10px;pointer-events:none;font-weight:600;font-size:13px;color:var(--main-color1)}.modal .ship-dataform .m-content.form .row .group .tagify,.modal .company-shipform .m-content.form .row .group .tagify{width:100%;height:100px}.modal .ship-dataform .m-content.form .row .group .tagify .tagify__input,.modal .company-shipform .m-content.form .row .group .tagify .tagify__input{flex-grow:auto;text-align:left}.modal .ship-dataform .m-content.form .left,.modal .company-shipform .m-content.form .left{width:47%}.modal .ship-dataform .m-content.form .right,.modal .company-shipform .m-content.form .right{width:47%}.modal .ship-dataform .m-content.form .bottom,.modal .company-shipform .m-content.form .bottom{width:100%}.modal .ship-dataform .m-content.form .bottom.file .row,.modal .company-shipform .m-content.form .bottom.file .row{flex-wrap:nowrap}.modal .ship-dataform .m-content.form .bottom .row,.modal .company-shipform .m-content.form .bottom .row{flex-wrap:wrap}.modal .ship-dataform .m-content.form .bottom .row label,.modal .company-shipform .m-content.form .bottom .row label{width:100%}.modal .ship-dataform .m-content.form .top,.modal .company-shipform .m-content.form .top{width:100%}.modal .ship-dataform .m-footer a,.modal .company-shipform .m-footer a{color:#fff;background:var(--main-color2)}.modal .ship-dataform .m-footer a:hover,.modal .company-shipform .m-footer a:hover{color:#fff;background:var(--main-color2)}.modal .comparison-dataset{width:100%}.modal .comparison-dataset .m-header .buttons{display:flex;align-items:center;justify-content:center;width:auto;height:36px;border-radius:4px;background:#fff;border:1px solid #f4f6ff;font-weight:400;font-size:14px;text-align:left;color:#4e546f;padding:0 15px;white-space:nowrap}.modal .comparison-dataset .m-header .buttons span{display:flex;align-items:center;justify-content:flex-start}.modal .comparison-dataset .m-header .buttons span:not(:last-child){margin-right:25px}.modal .comparison-dataset .m-header .buttons span.button{font-weight:600;position:relative}.modal .comparison-dataset .m-header .buttons span.button:before{content:"";width:17px;height:22px;display:block;margin-right:5px;background-position:center;background-repeat:no-repeat}.modal .comparison-dataset .m-header .buttons span.button:after{content:"";width:1px;height:16px;background:#4e546f;position:absolute;left:-13px;top:50%;transform:translateY(-50%)}.modal .comparison-dataset .m-header .buttons span.button.pdf:after{display:none}.modal .comparison-dataset .m-header .buttons span.button.pdf:before{background-image:url(/images/svg/btn-pdf.svg)}.modal .comparison-dataset .m-header .buttons span.button.csv:before{background-image:url(/images/svg/btn-csv.svg)}.modal .comparison-dataset .m-header .buttons span.button.xlsx:before{width:20px;background-image:url(/images/svg/btn-xlsx.svg)}.modal .comparison-dataset .m-content .info{width:40%;text-align:left;font-weight:500;font-size:20px;text-align:left;color:var(--main-color1)}.modal .comparison-dataset .m-content .info b{width:100%;display:block;font-weight:600}.modal .comparison-dataset .m-content .info p{margin:0 0 20px}.modal .comparison-dataset .m-content .table{width:60%}.modal .comparison-dataset .m-content .table table{width:100%;font-size:16px;line-height:22px;text-align:center}.modal .comparison-dataset .m-content .table table thead tr th{padding:8px 15px;font-weight:700;color:#fff;background:var(--main-color1)}.modal .comparison-dataset .m-content .table table thead tr th:first-child{text-align:left}.modal .comparison-dataset .m-content .table table tbody tr td{font-weight:600;color:var(--main-color1);background:#f4f6ff;padding:6px 15px}.modal .comparison-dataset .m-content .table table tbody tr td:nth-child(even){background:#edf2fa}.modal .comparison-dataset .m-content .table table tbody tr td:first-child{text-align:left}.modal .company-form,.modal .port-form{width:100%}.modal .company-form .m-content.form,.modal .port-form .m-content.form{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.modal .company-form .m-content.form .row,.modal .port-form .m-content.form .row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.modal .company-form .m-content.form .row label,.modal .port-form .m-content.form .row label{flex:0 0 180px;font-weight:600;font-size:16px;line-height:20px;text-align:left;color:var(--main-color1)}.modal .company-form .m-content.form .row input,.modal .company-form .m-content.form .row select,.modal .company-form .m-content.form .row textarea,.modal .port-form .m-content.form .row input,.modal .port-form .m-content.form .row select,.modal .port-form .m-content.form .row textarea{width:100%;height:38px;border-radius:5px;background:#fff;border:1px solid #ced4da;padding:0 12px;font-size:16px;color:var(--main-color1)}.modal .company-form .m-content.form .row input:disabled,.modal .company-form .m-content.form .row select:disabled,.modal .company-form .m-content.form .row textarea:disabled,.modal .port-form .m-content.form .row input:disabled,.modal .port-form .m-content.form .row select:disabled,.modal .port-form .m-content.form .row textarea:disabled{background:#f4f6fa;pointer-events:none}.modal .company-form .m-content.form .left,.modal .port-form .m-content.form .left{width:45%}.modal .company-form .m-content.form .right,.modal .port-form .m-content.form .right{width:45%}.modal .company-form .m-content.form .top,.modal .port-form .m-content.form .top{width:100%}.modal .company-form .m-footer a,.modal .port-form .m-footer a{color:#fff;background:var(--main-color2)}.modal .company-form .m-footer a:hover,.modal .port-form .m-footer a:hover{color:#fff;background:var(--main-color2)}.modal .fueltype-form{width:100%}.modal .fueltype-form .m-content.form{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.modal .fueltype-form .m-content.form .row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.modal .fueltype-form .m-content.form .row label{flex:0 0 280px;font-weight:600;font-size:16px;line-height:20px;text-align:left;color:var(--main-color1)}.modal .fueltype-form .m-content.form .row input,.modal .fueltype-form .m-content.form .row select,.modal .fueltype-form .m-content.form .row textarea{width:100%;height:38px;border-radius:5px;background:#fff;border:1px solid #ced4da;padding:0 12px;font-size:16px;color:var(--main-color1)}.modal .fueltype-form .m-content.form .row input:disabled,.modal .fueltype-form .m-content.form .row select:disabled,.modal .fueltype-form .m-content.form .row textarea:disabled{background:#f4f6fa;pointer-events:none}.modal .fueltype-form .m-content.form .top{width:70%}.modal .fueltype-form .m-footer a{color:#fff;background:var(--main-color2)}.modal .fueltype-form .m-footer a:hover{color:#fff;background:var(--main-color2)}.modal .bunker-list{width:100%}.modal .bunker-list .m-content{max-height:500px;overflow-y:auto;margin:30px 0 0}.modal .bunker-list .m-content table{width:100%;font-size:15px;line-height:22px;text-align:left;color:#4e546f;font-weight:400;border-spacing:0;border-collapse:collapse}.modal .bunker-list .m-content table thead{position:sticky;top:-5px;left:0}.modal .bunker-list .m-content table thead tr th{padding:6px 15px;font-weight:700;background:#effdff}.modal .bunker-list .m-content table tbody tr:nth-child(even) td{background:#fffef9}.modal .bunker-list .m-content table tbody tr td{color:var(--main-color1);background:#fff;padding:6px 15px;border-bottom:1px solid #a1aece}.switch{width:50px;height:22px;background:#d9dee7;border:1px solid rgba(0,0,0,.45);display:inline-block;margin-left:10px;position:relative;border-radius:22px;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.switch:before{content:"";width:16px;height:16px;background:#000;border:1px solid rgba(74,105,162,.47);border-radius:50%;position:absolute;left:3px;top:50%;transform:translateY(-50%);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.switch.active{background:#0d679f;border:1px solid #000}.switch.active:before{left:27px}.siteyolu{padding:0 50px;margin-bottom:20px}.siteyolu ul{float:right;margin-top:-40px}.siteyolu ul li{float:left;color:#4e546f;font-size:14px;line-height:16px;font-weight:400;margin-right:30px;position:relative}.siteyolu ul li:last-child{margin:0}.siteyolu ul li:last-child:after{display:none}.siteyolu ul li:after{content:"";width:6px;height:10px;position:absolute;right:-17px;top:4px;background:url(/images/svg/sagoksiyah.svg) no-repeat center;-webkit-background-size:5px 9px;-moz-background-size:5px 9px;-ms-background-size:5px 9px;-o-background-size:5px 9px;background-size:5px 9px}.siteyolu ul li a{color:#a7a7a7}.header{width:100%;height:82px;position:absolute;left:0;top:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 20px;background:var(--main-color1);color:#fff;min-width:1200px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.21))}.header .left{display:flex;align-items:flex-end;justify-content:flex-start}.header .left .user,.header .left .homepage{float:left;margin-right:15px}.header .left .user img,.header .left .homepage img{float:left}.header .left .logo{width:155px;height:auto;padding:3px 12px;background:#fff;margin-right:20px;border-radius:3px}.header .left .logo img{width:100%;height:auto}.header .left .search{margin-bottom:4px}.header .left .search input{width:250px;height:34px;font-size:14px;border-radius:4px;background:#fff;border:1px solid #d3d3d3;padding:0 10px;margin:0 0 0 20px}.header .left .search input::placeholder{font-weight:400;font-style:italic;font-size:14px;color:#959595}.header .menus{margin-bottom:5px}.header .menus ul{display:flex;align-items:center;justify-content:flex-start}.header .menus ul li{font-weight:400;font-size:18px;position:relative}.header .menus ul li:not(:last-child){border-right:1px solid rgba(255,255,255,.45)}.header .menus ul li:not(:first-child){border-left:1px solid rgba(0,0,0,.45)}.header .menus ul li.active{border:0}.header .menus ul li.active a{font-weight:700;background:#577aab}.header .menus ul li.admin>a{background:#fc6220;border:1px solid #ba4310}.header .menus ul li:hover:has(.submenus):after{content:"";z-index:0;width:100%;height:20px;background:transparent;position:absolute;left:0;top:20px}.header .menus ul li:hover:has(.submenus) .submenus{display:flex}.header .menus ul li a{padding:0 20px;line-height:30px;text-decoration:none;display:inline-block}.header .menus ul li .submenus{width:340px;background:#fff;border:1px solid #a1aece;filter:drop-shadow(0 2px 4px rgba(0,0,0,.16));display:flex;flex-wrap:wrap;position:absolute;left:0;top:35px;padding:15px 25px;display:none}.header .menus ul li .submenus li{width:100%;color:#4a4a4a;font-size:15px;border:0}.header .menus ul li .submenus li.border{margin-top:5px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #a1aece}.header .menus ul li .submenus li.border a{font-weight:600}.header .menus ul li .submenus li b{font-weight:600;color:var(--main-color2)}.header .menus ul li .submenus li a{line-height:1.5;padding:4px 0;text-decoration:none;background:unset;font-weight:400}.header .right{display:flex;align-items:center;justify-content:flex-end}.header .right .block{height:60px;display:flex;flex-direction:column}.header .right .block:not(:last-child){border-right:2px solid rgba(255,255,255,.45)}.header .right .block:not(:first-child){border-left:2px solid rgba(0,0,0,.32)}.header .right .block.b1{font-weight:400;font-size:16px;line-height:22px;text-align:right;color:#fff;padding-right:25px}.header .right .block.b1 .active-ship{font-weight:600;font-size:22px;margin-bottom:10px}.header .right .block.b1 .carbon-mode{display:flex;align-items:center;cursor:pointer}.header .right .block.b1 .carbon-mode b{font-weight:400}.header .right .block.b1 .carbon-mode .switch{pointer-events:none}.header .right .block.b2.weather{flex-direction:row;font-weight:400;font-size:14px;line-height:20px;color:#fff;padding:0 25px}.header .right .block.b2.weather .icon{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;line-height:16px;color:#fff;margin-right:10px}.header .right .block.b2.weather .icon img{margin-bottom:5px}.header .right .block.b2.weather .info{display:flex;flex-direction:column}.header .right .block.b2.weather .info .item{line-height:16px}.header .right .block.b2.weather .info .item.degree{display:flex;font-size:11px;line-height:12px;margin-bottom:5px}.header .right .block.b2.weather .info .item.degree span:first-child{font-size:22px;line-height:24px;padding-right:5px}.header .right .block.b3{padding-left:25px;font-weight:600;font-size:16px;line-height:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.header .right .block.b3 b{min-width:90px;font-weight:600;display:inline-block}.footer{z-index:2;position:fixed;left:10px;bottom:10px;width:auto}.footer a{float:left;width:60px;height:125px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;border:1px solid #a1aece;box-shadow:0 0 6px rgba(0,0,0,.16)}.footer a img{width:100px;height:auto;transform:rotate(-90deg)}.login{display:flex;align-items:center;justify-content:center;background-size:cover;background-repeat:no-repeat;margin-top:-80px;height:100vh}.login .form-content{width:100%;height:auto;max-width:650px;border-radius:20px;padding:100px 110px 75px;background:rgba(0,0,0,.45);position:relative;display:flex;flex-direction:column;color:#fff}.login .form-content .logo{position:absolute;top:-70px;left:50%;transform:translateX(-50%)}.login .form-content .logo a{width:150px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;padding:10px}.login .form-content .logo a img{width:100%;height:auto}.login .form-content .form-title{width:100%;font-weight:600;font-size:30px;text-align:center;margin:0 0 50px}.login .form{width:100%;display:flex;flex-direction:column}.login .form .row{width:100%;display:flex;flex-direction:column}.login .form .row:not(:last-child){margin:0 0 25px}.login .form .row.bottom{align-items:flex-end}.login .form .row.bottom a{font-size:13px;font-weight:400;text-decoration:none}.login .form .row.pass{position:relative}.login .form .row.pass span{width:48px;height:48px;background:url(/images/svg/show-pass.svg) no-repeat center;position:absolute;right:0;bottom:0;cursor:pointer}.login .form .row.pass span.active{background-image:url(/images/svg/hide-pass.svg)}.login .form .row.alert{color:var(--main-color2);text-align:center;font-size:18px}.login .form .row label{width:100%;font-weight:600;font-size:18px;text-align:left;margin:0 0 5px}.map-container{width:100%;height:100%;position:relative}.map-container .weather-btn{z-index:2;position:absolute;right:25px;bottom:120px;border-radius:50%;width:40px;height:40px;background:#fff;font-size:9px;line-height:1.2;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center;padding-top:5px;color:var(--main-color1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.16));cursor:pointer}.map-container .weather-btn.active{color:#fff;background:var(--main-color1);border:1px solid #fff}.map-container .marker-shipicon{display:flex!important;justify-content:center;align-items:center}.map-container .marker-shipicon .marker{width:24px;height:43px;background:url(/images/svg/ship-position.svg) no-repeat center;display:block}.map-container .marker-shipicon:hover{z-index:10000!important}.map-container .marker-shipicon:hover .marker-container{display:block}.map-container .marker-shipicon .marker-container{display:none;width:100px;height:auto;background:#fff;padding:8px;border-radius:4px;position:relative;font-weight:500;font-size:11px;line-height:18px;color:#293348;position:absolute;left:10px;top:50px;filter:drop-shadow(0 0 3px rgba(0,0,0,.89))}.map-container .marker-shipicon .marker-container:after{content:"";position:absolute;left:10px;top:-12px;border-style:solid;border-width:0 8px 12px 8px;border-color:transparent transparent #fff transparent}.map-container .marker-shipicon .marker-container span{display:block}.map-container .marker-shipicon .marker-container span:first-child{color:var(--main-color1);font-weight:700}.map-container .marker-shipicon2{display:flex!important;justify-content:center;align-items:center}.map-container .marker-shipicon2 .marker{width:16px;height:50px;background:url(/images/svg/ship-icon.svg) no-repeat center;background-size:cover;display:block;transition:all 0.2s;filter:drop-shadow(0 0 .75rem rgba(255,255,255,.3))}.map-container .marker-shipicon2 .marker.red{filter:sepia(1) saturate(10000%) hue-rotate(5deg) brightness(.8) contrast(1)}.map-container .marker-shipicon2 .marker.blue{filter:sepia(1) saturate(10000%) hue-rotate(260deg) brightness(.8) contrast(1)}.map-container .marker-shipicon2:hover{z-index:10000!important}.map-container .marker-icon{display:flex!important;justify-content:center;align-items:center}.map-container .marker-icon .marker{background-color:var(--main-color1);color:#fff;text-align:center;border-radius:50%;width:30px;height:30px;line-height:30px;font-weight:700;display:block;font-size:18px}.map-container .marker-text{display:flex!important;align-items:center;justify-content:center;pointer-events:none!important}.map-container .marker-text .text{font-weight:700;font-size:14px;line-height:20px;text-align:left;color:#293348;white-space:nowrap;transform:rotate(25deg)}.map-container .marker-ship{display:flex!important;align-items:flex-end;justify-content:center;z-index:1000!important;transition:all 0.2s}.map-container .marker-ship:after{content:"";width:6px;height:6px;border-radius:50%;background:#b12d2b;border:5px solid #fff;position:absolute;left:0;top:-10px}.map-container .marker-ship .marker-container{width:100%;height:95px;background:#fff;padding:8px;border-radius:4px;position:relative;font-weight:500;font-size:11px;line-height:18px;color:#293348;margin-left:-20px;filter:drop-shadow(0 0 3px rgba(0,0,0,.89))}.map-container .marker-ship .marker-container:after{content:"";position:absolute;left:10px;top:-12px;border-style:solid;border-width:0 8px 12px 8px;border-color:transparent transparent #fff transparent}.map-container .marker-ship .marker-container:before{content:"";width:37px;height:16.5px;background:url(/images/svg/ship-marker.svg) no-repeat center;display:block;margin-bottom:5px}.map-container .marker-ship .marker-container span{display:block}.map-container .marker-ship .marker-container span:first-child{color:var(--main-color1);font-weight:700}.home{height:calc(100vh - 80px)}.route{height:calc(100vh - 80px);position:relative}.optimization{position:relative;height:calc(100vh - 80px)}.optimization.sidebar-open{padding-left:430px}.optimization .sidebar{display:none;top:0;height:100%}.optimization .sidebar .sidebar-container{height:100%;display:flex;flex-direction:column;padding-bottom:0!important}.optimization .sidebar .sidebar-container .list .items .item{cursor:default}.optimization .sidebar .sidebar-container .opt-comparison{width:100%;margin-top:30px}.optimization .sidebar .sidebar-container .opt-comparison .subtitle{width:100%;font-weight:700;font-size:18px;line-height:22px;color:var(--main-color1)}.optimization .sidebar .sidebar-container .opt-comparison .block{width:100%;border:1px solid #a1aece;margin-top:12px}.optimization .sidebar .sidebar-container .opt-comparison .block.opt{border-color:#17a31a}.optimization .sidebar .sidebar-container .opt-comparison .block.opt .datas .item b{color:#17a31a}.optimization .sidebar .sidebar-container .opt-comparison .block.opt .block-title span{background:#17a31a}.optimization .sidebar .sidebar-container .opt-comparison .block.opt .block-title span b{color:#17a31a}.optimization .sidebar .sidebar-container .opt-comparison .block .datas{padding:15px 20px}.optimization .sidebar .sidebar-container .opt-comparison .block .datas .item b{color:var(--main-color1)}.optimization .sidebar .sidebar-container .opt-comparison .block .datas .item span{margin:3px 0}.optimization .sidebar .sidebar-container .opt-comparison .block .block-title{width:100%}.optimization .sidebar .sidebar-container .opt-comparison .block .block-title span{min-width:100px;height:36px;background:var(--main-color1);display:inline-flex;align-items:center;justify-content:center}.optimization .sidebar .sidebar-container .opt-comparison .block .block-title span b{display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;color:var(--main-color1);width:28px;height:28px;background:#fff;border-radius:50%}.optimization .sidebar .sidebar-container .opt-icons{width:calc(100% + 30px);background:#f4f6fa;margin-top:auto;margin-left:-15px;padding:10px 15px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.optimization .sidebar .sidebar-container .opt-icons .item{width:calc(100% / 3);margin:10px 0;position:relative;font-size:15px;line-height:20px;color:var(--main-color1);font-weight:400;padding-left:42px}.optimization .sidebar .sidebar-container .opt-icons .item.heading .icon{background-image:url(/images/svg/opt-heading.svg)}.optimization .sidebar .sidebar-container .opt-icons .item.current .icon{background-image:url(/images/svg/opt-current.svg)}.optimization .sidebar .sidebar-container .opt-icons .item.wind .icon{background-image:url(/images/svg/opt-wind.svg)}.optimization .sidebar .sidebar-container .opt-icons .item.waves .icon{background-image:url(/images/svg/opt-waves.svg)}.optimization .sidebar .sidebar-container .opt-icons .item.swell .icon{background-image:url(/images/svg/opt-swell.svg)}.optimization .sidebar .sidebar-container .opt-icons .item.windgust .icon{background-image:url(/images/svg/opt-wind-gust.svg)}.optimization .sidebar .sidebar-container .opt-icons .item.pressure .icon{background-image:url(/images/svg/opt-pressure.svg)}.optimization .sidebar .sidebar-container .opt-icons .item .icon{width:35px;height:35px;position:absolute;border-radius:50px;background-position:center;background-repeat:no-repeat;background-color:#fff;border:1px solid #a2afcd;left:0;top:50%;transform:translateY(-50%);overflow:hidden}.optimization .sidebar .sidebar-container .opt-icons .item b{display:block;font-size:15px;font-weight:600}.optimization .sidebar .sidebar-container .opt-icons .bottom{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.optimization .sidebar .sidebar-container .opt-icons .bottom .item{flex:1;height:55px;padding:5px 10px 5px 25px;border-radius:5px;background:#fff;border:1px solid #cad3e0;border-radius:5px}.optimization .sidebar .sidebar-container .opt-icons .bottom .item:first-child:before{border-left-style:solid}.optimization .sidebar .sidebar-container .opt-icons .bottom .item:before{content:"";display:block;flex:0 0 3px;height:calc(100% - 10px);border-left:3px dashed var(--main-color1);position:absolute;left:12px;top:50%;transform:translateY(-50%)}.optimization .sidebar .sidebar-container .opt-icons .bottom .item:before span{white-space:nowrap}.optimization .sidebar .sidebar-container .opt-icons .bottom .item.sog{position:relative}.optimization .sidebar .sidebar-container .opt-icons .bottom .item.sog.warning{color:#fff;background:#ff0d0d;transition:all 0.2s}.optimization .sidebar .sidebar-container .opt-icons .bottom .item.sog.warning:before{border-left-color:#fff}.optimization .sidebar .sidebar-container .opt-icons .bottom .item.sog.warning:after{content:"";width:25px;height:25px;background:url(/images/svg/opt-warning.svg) no-repeat center;position:absolute;top:10px;right:10px;animation:ring 4s 0.7s ease-in-out infinite;transform-origin:50% 4px}.optimization .processing{width:100%;height:100%;background:rgba(0,0,0,.55);position:fixed;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.optimization .processing.active{opacity:1;visibility:visible;pointer-events:auto}.optimization .processing .processing-container{width:96%;max-width:780px;min-height:400px;max-height:90%;padding:80px 60px;background:#fff;text-align:left;border:1px solid #a1aece;position:relative;overflow:hidden}.optimization .processing .processing-container:after{content:"";width:110px;height:100px;background:url(/images/svg/world.svg) no-repeat center;position:absolute;top:25px;right:25px}.optimization .processing .processing-container h2{width:100%;font-weight:400;font-size:42px;line-height:50px;color:var(--main-color2);margin:0 0 30px}.optimization .processing .processing-container p{font-weight:400;font-size:18px;line-height:25px;text-align:left;color:#4e546f;margin:0 0 20px}.optimization .processing .processing-container p:last-child{margin:0}.bunker{height:calc(100vh - 80px);position:relative}.bunker .sidebar .sidebar-container .search .results{box-shadow:none;border:1px solid #a1aece;padding:0}.bunker .sidebar .sidebar-container .search .results .item{padding:12px 15px}.bunker .sidebar .sidebar-container .search .results .item:hover{cursor:default;background:#fff}.bunker .sidebar .sidebar-container .search .results .item:nth-child(even){background-color:#f4f6fa}.bunker .sidebar .sidebar-container .search .results .item .buttons{display:flex;align-items:center;justify-content:flex-end;margin-left:auto!important}.bunker .sidebar .sidebar-container .search .results .item .buttons span{display:inline-block;font-size:11px;font-weight:600;color:var(--main-color2);position:relative}.bunker .sidebar .sidebar-container .search .results .item .buttons span:first-child{margin-right:12px}.bunker .sidebar .sidebar-container .search .results .item .buttons span:first-child:after{content:"|";position:absolute;right:-7px;top:-1px}.bunker #zoom-container{width:100%;height:100%}.bunker #zoom-container[data-zoom-on-wheel]{overflow:hidden!important}.bunker #zoom-container text{pointer-events:none}.bunker #windy{display:none}.filter-area{width:calc(100% + 80px);display:flex;align-items:flex-start;justify-content:space-between;background:#f3f5f7;padding:15px 40px;margin-left:-40px;margin-bottom:35px}.filter-area .info{width:50%;flex:0 0 50%;display:flex;align-items:flex-start;justify-content:space-between;padding-right:30px}.filter-area .info .item{width:48%;border-radius:5px;background:#fff;border:1px solid #d7dbeb;padding:10px 15px}.filter-area .info .item p{margin:0;font-weight:400;font-size:16px;line-height:23px;text-align:left;color:var(--main-color1)}.filter-area .info .item p b{display:inline-block;font-weight:600;min-width:125px}.filter-area .filters{width:100%;display:flex}.filter-area .filters .filter{display:flex;flex-wrap:wrap;align-content:flex-start;flex:1}.filter-area .filters .filter:not(:first-child){margin-left:20px}.filter-area .filters .filter.date-range{display:none}.filter-area .filters .filter label{width:100%;font-weight:600;font-size:16px;height:20px;line-height:20px;text-align:left;color:var(--main-color1);margin:0 0 8px}.filter-area .filters .filter input,.filter-area .filters .filter select{width:100%;height:40px;border-radius:5px;background:#fff;border:1px solid #d7dbeb;font-weight:400;font-size:16px;color:#4e546f;padding:0 12px}.sidebar{position:absolute;left:0;top:30px;z-index:100;filter:drop-shadow(0 2px 4px rgba(0,0,0,.16))}.sidebar[data-dataid] .sidebar-container .title .buttons{display:none}.sidebar[data-dataid] .sidebar-container .datas .item input{pointer-events:none}.sidebar.open .sidebar-close:before{transform:rotate(0)}.sidebar.open .sidebar-container{width:430px;padding:25px 15px;opacity:1;visibility:visible;pointer-events:auto}.sidebar.open:has(.sidebar-container .list.empty) .title .buttons .delete{display:none}.sidebar .sidebar-close{width:30px;height:50px;z-index:0;position:absolute;right:-28px;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px rgba(0,0,0,.16)}.sidebar .sidebar-close:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;transform:rotate(180deg);background:url(/images/svg/btn-leftarrow.svg) #fff no-repeat center}.sidebar .sidebar-container{width:0;min-height:540px;background:#fff;border:1px solid #d3ddea;padding:0;z-index:1;opacity:0;visibility:hidden;pointer-events:none;position:relative;transition:opacity 0.3s}.sidebar .sidebar-container .title{width:100%;font-weight:400;font-size:36px;line-height:40px;text-align:left;color:#4e546f;display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.sidebar .sidebar-container .title .buttons{display:flex;align-items:center;justify-content:flex-start}.sidebar .sidebar-container .title .buttons span{display:block;width:35px;height:35px;background-position:center;background-repeat:no-repeat;border-radius:5px}.sidebar .sidebar-container .title .buttons span.delete{background-image:url(/images/svg/btn-delete.svg)}.sidebar .sidebar-container .title .buttons span.setting{background-image:url(/images/svg/btn-setting.svg)}.sidebar .sidebar-container .title .buttons span.save{background-image:url(/images/svg/btn-save.svg)}.sidebar .sidebar-container .title .buttons span.open{background-image:url(/images/svg/btn-route.svg)}.sidebar .sidebar-container .search{width:100%;margin:0 0 25px;position:relative}.sidebar .sidebar-container .search input{width:100%;height:47px;border-radius:25px;background:#f8f9fa;border:1px solid #e9ecef;padding:0 20px;font-size:18px}.sidebar .sidebar-container .search input::placeholder{color:#bababa}.sidebar .sidebar-container .search:before{content:"";width:22px;height:22px;background:url(/images/svg/btn-search.svg) no-repeat center;position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none}.sidebar .sidebar-container .search .results{width:100%;max-height:300px;background:#fff;padding:15px;overflow-y:auto;position:absolute;top:60px;left:0;opacity:0;visibility:hidden;pointer-events:none;z-index:10;transition:all 0.3s;box-shadow:0 1px 6px rgba(0,0,0,.25)}.sidebar .sidebar-container .search .results.active{opacity:1;visibility:visible;pointer-events:auto}.sidebar .sidebar-container .search .results .item{width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;color:var(--main-color1);padding:8px 10px}.sidebar .sidebar-container .search .results .item div:not(:first-child){margin-left:7px}.sidebar .sidebar-container .search .results .item .flag{display:flex;align-items:center}.sidebar .sidebar-container .search .results .item .flag img{width:30px;height:auto}.sidebar .sidebar-container .search .results .item .code{font-weight:600;font-size:15px;min-width:45px}.sidebar .sidebar-container .search .results .item .name{font-weight:400;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar .sidebar-container .list{width:100%}.sidebar .sidebar-container .list.empty .entry{display:flex}.sidebar .sidebar-container .list.empty .items{display:none}.sidebar .sidebar-container .list .entry{height:200px;width:calc(100% + 30px);background:#f4f6fa;border-top:1px solid #a1aece;border-bottom:1px solid #a1aece;display:none;align-items:center;justify-content:space-around;margin-left:-15px;padding:0 25px}.sidebar .sidebar-container .list .entry img{margin-right:40px}.sidebar .sidebar-container .list .entry .info{text-align:left}.sidebar .sidebar-container .list .entry .info h2{font-weight:700;font-size:20px;line-height:22px;color:#4e546f;margin:0 0 5px}.sidebar .sidebar-container .list .entry .info p{font-size:15px;font-weight:400;color:#4e546f;margin:0}.sidebar .sidebar-container .list .items{width:100%;border:1px solid #a1aece}.sidebar .sidebar-container .list .items .item{height:55px;display:flex;align-items:center;justify-content:flex-start;color:var(--main-color1);padding:0 10px;cursor:grab}.sidebar .sidebar-container .list .items .item:nth-child(even){background:#f4f6fa}.sidebar .sidebar-container .list .items .item:not(:last-child){border-bottom:1px solid #a1aece}.sidebar .sidebar-container .list .items .item.active .buttons span.detail{background-image:url(/images/svg/btn-routedetail2.svg)}.sidebar .sidebar-container .list .items .item.ghost{background:rgba(74,105,162,.25)}.sidebar .sidebar-container .list .items .item div:not(:first-child){margin-left:7px}.sidebar .sidebar-container .list .items .item .number{font-size:33px;font-weight:700;color:#9eabc1}.sidebar .sidebar-container .list .items .item .icon{width:20px;height:20px;background-position:center;background-repeat:no-repeat}.sidebar .sidebar-container .list .items .item .icon.port{background-image:url(/images/svg/icon-port.svg)}.sidebar .sidebar-container .list .items .item .icon.bunker{background-image:url(/images/svg/icon-port.svg)}.sidebar .sidebar-container .list .items .item .flag{display:flex;align-items:center}.sidebar .sidebar-container .list .items .item .flag img{width:30px;height:auto}.sidebar .sidebar-container .list .items .item .code{font-weight:600;font-size:15px;min-width:45px}.sidebar .sidebar-container .list .items .item .name{font-weight:400;font-size:15px;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar .sidebar-container .list .items .item .buttons{display:flex;align-items:center;justify-content:flex-end;margin-left:auto!important}.sidebar .sidebar-container .list .items .item .buttons span{display:inline-block;font-size:11px;font-weight:600;color:var(--main-color2);position:relative}.sidebar .sidebar-container .list .items .item .buttons span:first-child{margin-right:12px}.sidebar .sidebar-container .list .items .item .buttons span:first-child:after{content:"|";position:absolute;right:-7px;top:-1px}.sidebar .sidebar-container .list .items .item .buttons span.detail{width:25px;height:25px;margin-right:0;margin-left:5px;background:url(/images/svg/btn-routedetail.svg) no-repeat center}.sidebar .sidebar-container .action-buttons{width:100%;margin:30px 0;display:flex;align-items:center;justify-content:space-between}.sidebar .sidebar-container .action-buttons .button{display:flex;align-items:center;justify-content:center;position:relative;font-size:16px}.sidebar .sidebar-container .action-buttons .button.start{height:42px;padding:0 20px;border-radius:50px;color:#fff;background:#647a9a;display:none}.sidebar .sidebar-container .action-buttons .button.start.active{display:flex}.sidebar .sidebar-container .action-buttons .button.start:before{content:"";display:block;width:12px;height:16px;background:url(/images/svg/btn-play.svg) no-repeat center;margin-right:7px;filter:brightness(0) invert(1)}.sidebar .sidebar-container .action-buttons .button.stop{height:42px;padding:0 20px;border-radius:50px;color:#fff;background:#647a9a}.sidebar .sidebar-container .action-buttons .button.stop.active{display:flex}.sidebar .sidebar-container .action-buttons .button.stop:before{content:"";display:block;width:12px;height:16px;background:url(/images/svg/btn-pause.svg) no-repeat center;margin-right:7px;filter:brightness(0) invert(1)}.sidebar .sidebar-container .action-buttons .button .switch{margin-left:0;margin-right:10px;pointer-events:none}.sidebar .sidebar-container .datas{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.sidebar .sidebar-container .datas .item{display:flex;flex-direction:column;font-weight:400;font-size:14px;text-align:left;white-space:nowrap;flex:1}.sidebar .sidebar-container .datas .item:last-child{flex:1.3}.sidebar .sidebar-container .datas .item b{font-weight:700;font-size:16px;color:var(--main-color2)}.sidebar .sidebar-container .datas .item span{font-size:16px;font-weight:600;display:block;margin:6px 0 3px;height:23px}.sidebar .sidebar-container .datas .item input{width:62px;height:23px;line-height:1;border-radius:0;border:0;padding:0;font-weight:600;color:#4e546f}.sidebar .sidebar-details{width:430px;padding:30px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;position:absolute;left:430px;top:0;background:#f6fafb;border:1px solid #d3ddea;filter:drop-shadow(0 2px 4px rgba(0,0,0,.16));display:none}.sidebar .sidebar-details.active{display:flex}.sidebar .sidebar-details .title{width:100%;font-weight:400;font-size:28px;text-align:left;color:#4e546f;margin:0 0 15px}.sidebar .sidebar-details .title.mt{margin-top:45px}.sidebar .sidebar-details .item{min-width:40%;font-weight:400;font-size:18px;line-height:25px;text-align:left;color:var(--main-color1)}.sidebar .sidebar-details .item.flag{position:relative;padding-left:60px}.sidebar .sidebar-details .item.flag img{position:absolute;left:0;top:7px}.sidebar .sidebar-details .item img{width:40px;height:auto}.sidebar .sidebar-details .item b{width:100%;display:block;color:var(--main-color2);margin-bottom:3px}.sidebar .sidebar-details .item span{width:100%;display:block;font-weight:400;font-size:15px;color:#4e546f}.sidebar .sidebar-details .form{width:100%}.sidebar .sidebar-details .form .tagify{width:100%;min-height:30px;border-radius:4px;background:#fff;border:1px solid #647a9a}.sidebar .sidebar-details .form .tagify .tagify__input{flex-grow:auto;text-align:left}.sidebar .sidebar-details .form .row{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.sidebar .sidebar-details .form .row:not(:last-child){margin:0 0 12px}.sidebar .sidebar-details .form .row.channel{padding:10px 15px;background:#f4f6fa;margin:0}.sidebar .sidebar-details .form label{width:100%;display:block;font-weight:600;font-size:16px;text-align:left;color:var(--main-color2);margin:0 0 3px}.sidebar .sidebar-details .form input,.sidebar .sidebar-details .form select{width:100%;height:38px;border-radius:4px;background:#fff;border:1px solid #647a9a;padding:0 12px;font-size:16px;color:var(--main-color1)}.sidebar .sidebar-details .form .alert{color:var(--main-color2);text-align:left}.sidebar .sidebar-details .buttons{width:100%;margin-top:35px;display:flex;align-items:center;justify-content:flex-start}.sidebar .sidebar-details .buttons span{height:38px;min-width:145px;padding:0 10px;border-radius:4px;background:#0d679f;font-weight:400;font-size:18px;line-height:36px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #0d679f}.sidebar .sidebar-details .buttons span:hover{opacity:.85}.sidebar .sidebar-details .buttons span.close{color:#e52126;background:#fff;border-color:#e52126}.sidebar .sidebar-details .buttons span:not(:last-child){margin-right:15px}.comparison .section-content{width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding-top:20px}.comparison .section-content.fullwidth{flex-wrap:wrap}.comparison .section-content.fullwidth .graph{width:100%}.comparison .section-content.fullwidth .graph #chart{height:800px;max-height:88dvh}.comparison .section-content.fullwidth .compare{width:100%;margin-top:50px}.comparison .section-content.fullwidth .compare .item:first-child{padding-left:0}.comparison .section-content .graph{width:50%}.comparison .section-content .graph .info{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px}.comparison .section-content .graph .info .text{font-weight:400;font-size:14px;line-height:24px;text-align:left;color:#4e546f;position:relative;display:inline-block}.comparison .section-content .graph .info .text:not(:last-child){margin-right:40px}.comparison .section-content .graph .info .text:nth-child(2):before{background:#0062ff}.comparison .section-content .graph .info .text:before{content:"";width:10px;height:10px;background:#21d59b;border-radius:50%;margin-right:10px;display:inline-block}.comparison .section-content .graph .info .buttons{margin-left:auto;display:flex;align-items:center;justify-content:center}.comparison .section-content .graph .info .buttons span{width:auto;height:36px;border-radius:4px;background:#fff;border:1px solid #d7dbeb;font-weight:400;font-size:14px;text-align:left;color:#4e546f;padding:0 15px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.comparison .section-content .graph .info .buttons span:not(:last-child){margin-right:10px}.comparison .section-content .graph .info .buttons span.export:before{content:"";width:14px;height:18px;background:url(/images/svg/btn-download.svg) no-repeat center;display:block;margin-right:10px}.comparison .section-content .graph .info .buttons span.fullscreen:before{content:"";width:14px;height:14px;background:url(/images/svg/btn-fullscreen.svg) no-repeat center;display:block;margin-right:10px}.comparison .section-content .graph .info .buttons span.fullscreen.active{color:#fff;background:#647a9a}.comparison .section-content .graph .info .buttons span.fullscreen.active:before{background-image:url(/images/svg/btn-defaultscreen.svg)}.comparison .section-content .graph #chart{width:100%;height:400px}.comparison .section-content .graph .graph-table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center;font-size:14px;font-weight:600;line-height:16px}.comparison .section-content .graph .graph-table tr td{padding:3px 6px;border:1px solid #a1aece}.comparison .section-content .graph .graph-table tr td:first-child{text-align:left;width:100px;font-size:13px}.comparison .section-content .graph .graph-table tr td:first-child span{display:inline-block;width:10px;height:10px;margin-right:5px}.comparison .section-content .compare{width:50%;display:flex;justify-content:space-between}.comparison .section-content .compare .item{flex:1;padding-left:50px}.comparison .section-content .compare .item:not(:first-child){border-left:1px solid #c7c7c7}.comparison .section-content .compare .item h2{width:100%;font-weight:600;font-size:21px;text-align:left;color:var(--main-color1);margin:0}.comparison .section-content .compare .item img{max-width:100%;height:auto;margin:25px 0}.comparison .section-content .compare .item ul{width:100%;font-weight:400;font-size:16px;line-height:22px;text-align:left;color:var(--main-color1)}.comparison .section-content .compare .item ul li{width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.comparison .section-content .compare .item ul li:not(:last-child){margin-bottom:5px}.comparison .section-content .compare .item ul li b{font-weight:600;display:inline-block;min-width:130px}.settings .section-content{width:100%;display:flex;align-items:stretch;justify-content:space-between}.settings .section-content .title{width:100%;font-weight:400;font-size:28px;text-align:left;color:#4e546f;display:flex;align-items:center;justify-content:flex-start;margin:0 0 50px}.settings .section-content .title:before{content:"";width:30px;height:30px;display:block;background:url(/images/svg/icon-settings.svg) no-repeat center;margin-right:10px}.settings .section-content .item{flex:1;background:#fff;border:1px solid #a1aece;padding:35px 25px;font-weight:400;font-size:16px;color:var(--main-color1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.16))}.settings .section-content .item:not(:last-child){margin-right:60px}.settings .section-content .item.routing-settings .tagify{width:100%;min-height:30px;border-radius:4px;background:#fff;border:1px solid #647a9a}.settings .section-content .item.routing-settings .tagify .tagify__input{flex-grow:auto;text-align:left}.settings .section-content .item.system-settings .logo{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0 0 20px}.settings .section-content .item.system-settings .logo .image{width:90px;height:90px;flex:0 0 90px;border:1px solid #a1aece;border-radius:50%;margin-right:15px;overflow:hidden}.settings .section-content .item.system-settings .logo .upload{width:100%;display:flex;flex-direction:column;align-items:flex-start;position:relative}.settings .section-content .item.system-settings .logo .upload span{font-weight:600;font-size:18px;text-align:left;color:var(--main-color2);margin:0 0 12px}.settings .section-content .item.system-settings .logo .upload .button{width:auto;min-width:100px;height:30px;border-radius:4px;background:#fff;border:1px solid #647a9a;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--main-color1);z-index:0}.settings .section-content .item.system-settings .logo .upload input{opacity:0;width:0;height:0;position:absolute;left:0;bottom:0;z-index:1;visibility:hidden}.settings .section-content .item.system-settings h2{width:100%;font-weight:600;font-size:18px;text-align:left;color:var(--main-color2);margin:0 0 5px}.settings .section-content .item.system-settings p{width:100%;font-weight:400;font-size:13px;text-align:left;color:var(--main-color1);margin:0}.settings .section-content .item.system-settings .form{margin-top:10px}.settings .section-content .item.system-settings .form label{color:var(--main-color1);font-weight:400}.settings .section-content .form{width:100%}.settings .section-content .form .row{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.settings .section-content .form .row:not(:last-child){margin:0 0 25px}.settings .section-content .form .row.channel{padding:15px;background:#f4f6fa}.settings .section-content .form .row.channel label{color:var(--main-color1)}.settings .section-content .form .row.nowrap{flex-wrap:nowrap;align-items:center;margin:0 0 15px}.settings .section-content .form .row.nowrap label{width:auto;margin:0 15px 0 0}.settings .section-content .form label{width:100%;display:block;font-weight:600;font-size:18px;text-align:left;color:var(--main-color2);margin:0 0 5px}.settings .section-content .form input,.settings .section-content .form select,.settings .section-content .form textarea{width:100%;height:40px;border-radius:4px;background:#fff;border:1px solid #647a9a;padding:0 12px;font-size:16px;color:var(--main-color1)}.settings .section-content .form textarea{padding:12px;height:120px}.settings .section-content .form a{text-decoration:none}.settings .section-content .form .seperator{margin:0 10px;display:inline-block}.settings .section-content .form .buttons{display:flex;align-items:center;justify-content:flex-end}.settings .section-content .form .button{width:auto;min-width:100px;height:32px;border-radius:4px;background:#fff;border:1px solid var(--main-color2);display:flex;align-items:center;justify-content:center;font-weight:400;font-size:16px;color:var(--main-color2)}.settings .section-content .form .button.logout{background:#b00;border-color:#b00;color:#fff}.settings .section-content .form .alert{color:var(--main-color2);text-align:right}.companies .buttons,.companyship .buttons{justify-content:flex-start}.companies .switch,.companyship .switch{margin-left:0;border-color:#5a617e;background:#fff}.companies .switch:before,.companyship .switch:before{background:#5a617e}.companies .switch.active,.companyship .switch.active{background:var(--main-color2);border-color:var(--main-color2)}.companies .switch.active:before,.companyship .switch.active:before{background:#fff}.calculator .table-area{width:100%}.calculator .item{width:100%;display:flex;align-items:flex-start;justify-content:space-between;overflow-x:auto;margin-bottom:40px}.calculator .item:not(:last-child){padding-bottom:40px;border-bottom:2px dashed #577aab}.calculator .item .title{width:100%;font-weight:700;font-size:24px;line-height:35px;color:var(--main-color1)}.calculator .item .left{width:56%}.calculator .item .right{width:44%;padding-left:40px}.calculator .item table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin-top:25px;min-height:30px}.calculator .item table.table3{margin-top:0}.calculator .item table.table5{width:50%}.calculator .item table.result{table-layout:auto}.calculator .item table.result tr.total{border:4px solid var(--main-color1)}.calculator .item table.result tr th,.calculator .item table.result tr td{font-size:14px;padding:5px 8px}.calculator .item table.result tr th.lfo,.calculator .item table.result tr td.lfo{background:#0ff}.calculator .item table.result tr th.hfo,.calculator .item table.result tr td.hfo{background:#fe9cd6}.calculator .item table.result tr th.mgo,.calculator .item table.result tr td.mgo{background:#36f869}.calculator .item table.result tr th.total,.calculator .item table.result tr td.total{background:#ff0}.calculator .item table.result tr th.total2,.calculator .item table.result tr td.total2{background:#ddd}.calculator .item table.result tr th.total3,.calculator .item table.result tr td.total3{color:#fff;background:var(--main-color1)}.calculator .item table.result tr th{background:none;color:#4e546f}.calculator .item table.result tr td{white-space:nowrap;font-weight:600;font-style:normal}.calculator .item table.result input{height:28px}.calculator .item table.compare tr.final td{border-bottom:4px solid #647a9a}.calculator .item table tr th,.calculator .item table tr td{font-size:15px;line-height:18px;padding:6px 10px;border:1px solid #a1aece;text-align:center;overflow:hidden}.calculator .item table tr th{color:#fff;background:#0065b8}.calculator .item table tr th.nobg{background:unset;border:none}.calculator .item table tr th.noborder{border:none}.calculator .item table tr th.text-left{text-align:left}.calculator .item table tr th.text-left input{text-align:left;padding-left:0}.calculator .item table tr th.text-right{text-align:right}.calculator .item table tr th.w50{width:50px}.calculator .item table tr th.w80{width:80px}.calculator .item table tr th.p0{padding:0}.calculator .item table tr td{color:var(--main-color1);font-weight:700}.calculator .item table tr td.bg{text-align:left;font-style:normal;background:#dae8f7;white-space:nowrap}.calculator .item table tr td.text-left{text-align:left}.calculator .item table tr td.text-left input,.calculator .item table tr td.text-left select{text-align:left}.calculator .item table tr td.color{color:#0065b8;font-size:16px}.calculator .item table tr td.disable{background:#f0f0f0}.calculator .item table tr td.formula{background:#fcefef}.calculator .item table tr td.noborder{border:none}.calculator .item table tr td.p0{padding:0}.calculator .item table tr td.p2{padding:2px}.calculator .item table tr td.w50{width:50px}.calculator .item table tr td.w80{width:80px}.calculator .item table tr td.inner-table{padding:3px}.calculator .item table tr td.inner-table table{margin:0}.calculator .item table small{width:100%;display:inline-block;line-height:1.2}.calculator .item table input,.calculator .item table select{width:100%;height:32px;border:none;border-radius:0;padding-left:10px;text-align:center;font:inherit;font-weight:600}.calculator .item table input[type="number"]{padding-right:0}.calculator .item table input[type="datetime-local"]{padding:0;letter-spacing:-.5px;position:relative}.calculator .item table input[type="datetime-local"]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%}.calculator .buttons{width:100%;display:flex;align-items:center;justify-content:center}.calculator .buttons .btn{margin-left:auto}.calculator .summary-btn{height:45px;float:right;font-size:16px;padding:0 20px}.calculator .tab-buttons{width:100%}.calculator .tab-buttons ul{width:auto;display:inline-flex;align-items:center;justify-content:flex-start;border:1px solid #d3ddea}.calculator .tab-buttons ul li{font-weight:600;font-size:20px;text-align:left;color:var(--main-color1);line-height:25px;padding:10px 20px;cursor:pointer}.calculator .tab-buttons ul li.active{color:#fff;background:var(--main-color2);border-color:var(--main-color2)}.calculator .tab-buttons ul li:not(:last-child){border-right:1px solid #d3ddea}.calculator .tab-content{width:100%;padding:40px 30px;background:#fafafa;border:1px solid #d3ddea;display:none}.calculator .tab-content.active{display:block}.calculator .tab-content form{display:flex;flex-wrap:wrap}.calculator .tab-content .left{width:45%}.calculator .tab-content .right{width:55%;padding-left:30px}.calculator .tab-content .left2{width:38%}.calculator .tab-content .center{width:calc(24% - 60px);margin:0 30px}.calculator .tab-content .right2{width:38%}.calculator .tab-content .card{width:100%;border-radius:5px;background:#fff;border:1px solid #ced4da;margin-bottom:20px}.calculator .tab-content .card .card-title{width:100%}.calculator .tab-content .card .card-title span{display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:32px;text-align:center;border-radius:5px 0;background:#edf2fa;font-weight:600;font-size:16px;color:var(--main-color2);padding:0 20px}.calculator .tab-content .card .card-title span.card-tab{cursor:pointer}.calculator .tab-content .card .card-title span.card-tab.active{color:#fff;background:var(--main-color2)}.calculator .tab-content .card .card-body{width:100%;padding:10px 25px}.calculator .tab-content .card .card-body.card-tabcontent{display:none}.calculator .tab-content .card .card-body.card-tabcontent.active{display:block}.calculator .tab-content .card .card-body .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calculator .tab-content .card .card-body .row.mb3{margin-bottom:3px}.calculator .tab-content .card .card-body .row.fix1 label{flex:0 0 70%}.calculator .tab-content .card .card-body .row.fix1 .column input{text-align:right}.calculator .tab-content .card .card-body .row.fix2 label{flex:0 0 50%}.calculator .tab-content .card .card-body .row.table{height:550px;padding:15px;border-radius:3px;background:#f5f8fc;border:1px solid #ced4da;align-items:flex-start;overflow-y:auto}.calculator .tab-content .card .card-body .row.table table{width:100%;border-spacing:0;border-collapse:collapse;text-align:center;font-size:16px;line-height:20px;color:var(--main-color1)}.calculator .tab-content .card .card-body .row.table table thead tr th{padding:9px;background:#fff;border:1px solid #ced4da;font-weight:600}.calculator .tab-content .card .card-body .row.table table tbody tr td{padding:9px;background:#cfe2ef;border:1px solid #fff;font-weight:600}.calculator .tab-content .card .card-body .row label{flex:0 0 20%;font-weight:600;font-size:16px;color:var(--main-color1)}.calculator .tab-content .card .card-body .row label.total{color:#20a465}.calculator .tab-content .card .card-body .row input,.calculator .tab-content .card .card-body .row select{width:100%;height:32px;border-radius:3px;background:#fff;border:1px solid #ced4da;padding:0 10px}.calculator .tab-content .card .card-body .row input[type="text"]:read-only,.calculator .tab-content .card .card-body .row input[type="number"]:read-only{background:#edf2fa;pointer-events:none}.calculator .tab-content .card .card-body .row input[type="number"]{padding-right:3px}.calculator .tab-content .card .card-body .row .printbtn{width:auto;min-width:100px;display:inline-flex;align-items:center;justify-content:center;position:relative;font-weight:600;font-size:15px;line-height:18px;color:var(--main-color1);height:43px;border-radius:5px;background:#fff;padding:0 10px;box-shadow:0 0 3px rgba(0,0,0,.42)}.calculator .tab-content .card .card-body .row .printbtn:before{content:"";width:23px;height:23px;display:block;background:url(/images/svg/btn-print.svg) no-repeat center;margin-right:8px}.calculator .tab-content .card .card-body .row .card-group{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px}.calculator .tab-content .card .card-body .row .card-group.two .column:nth-child(1){width:40%}.calculator .tab-content .card .card-body .row .card-group.two .column:nth-child(2){width:60%}.calculator .tab-content .card .card-body .row .card-group.three .column{width:calc(100% / 3)}.calculator .tab-content .card .card-body .row .card-group.three2 .column{width:30%}.calculator .tab-content .card .card-body .row .card-group.three2 .column:nth-child(3){width:40%}.calculator .tab-content .card .card-body .row .card-group.four .column{width:calc(100% / 4)}.calculator .tab-content .card .card-body .row .card-group.five .column{width:calc(100% / 5)}.calculator .tab-content .card .card-body .row .card-group.six .column{width:calc(100% / 6)}.calculator .tab-content .card .card-body .row .card-group.six .column:nth-child(1){width:45%}.calculator .tab-content .card .card-body .row .card-group.seven .column{width:calc(100% / 7)}.calculator .tab-content .card .card-body .row .card-group.seven .column:nth-child(1),.calculator .tab-content .card .card-body .row .card-group.seven .column:nth-child(2){width:30%}.calculator .tab-content .card .card-body .row .card-group.eight .column{width:calc(100% / 8)}.calculator .tab-content .card .card-body .row .card-group.eight .column:nth-child(1){width:30%}.calculator .tab-content .card .card-body .row .card-group .column{width:100%;font-weight:600;font-size:16px;color:var(--main-color1)}.calculator .tab-content .card .card-body .row .card-group .column.bg input,.calculator .tab-content .card .card-body .row .card-group .column.bg select{background:#edf2fa;pointer-events:none}.calculator .tab-content .card .card-body .row .card-group .column.total input,.calculator .tab-content .card .card-body .row .card-group .column.total select{background:#f0fcf4;border-color:#20a465}.calculator .tab-content .card .card-body .row .card-group .column.ok{position:relative}.calculator .tab-content .card .card-body .row .card-group .column.ok.active select{display:block;position:absolute;left:0;top:0;z-index:2}.calculator .tab-content .card .card-body .row .card-group .column.ok input{z-index:0}.calculator .tab-content .card .card-body .row .card-group .column.ok span{position:absolute;z-index:1;width:30px;height:30px;right:1px;top:1px;background:url(/images/svg/btn-uparrow.svg) #fff no-repeat center}.calculator .tab-content .card .card-body .row .card-group .column.ok select{display:none}.calculator .tab-content .card .card-body .row .card-group .column.check{width:32px;max-height:32px}.calculator .tab-content .card .card-body .row .card-group .column.check input{appearance:unset;height:32px;width:32px;margin:0;position:relative}.calculator .tab-content .card .card-body .row .card-group .column.check input:checked{background:url(/images/svg/btn-check.svg) #20a465 no-repeat center}.calculator .tab-content .card .card-body .row .card-group .column.radio{display:flex;align-items:center}.calculator .tab-content .card .card-body .row .card-group .column.radio label{display:flex;align-items:center;cursor:pointer}.calculator .tab-content .card .card-body .row .card-group .column.radio label:first-child{margin-right:20px}.calculator .tab-content .card .card-body .row .card-group .column.radio input{height:24px;width:24px;accent-color:var(--main-color2);margin:0 6px 0 0;pointer-events:none}.calculator .tab-content .card .card-body .row .card-group .column.radio-group{display:flex;align-items:center}.calculator .tab-content .card .card-body .row .card-group .column.radio-group .group{margin-left:5px}.calculator .tab-content .card .card-body .row .card-group .column.radio-group .group label{width:26px;height:16px;display:flex;align-items:center;justify-content:center;background:#edf2fa;border-radius:3px}.calculator .tab-content .card .card-body .row .card-group .column.radio-group .group label.active{color:#fff;background:var(--main-color1)}.calculator .tab-content .card .card-body .row .card-group .column.radio-group .group input{display:none}.calculator .tab-content .card .card-body .row .card-group .column.x{padding-left:7px;position:relative}.calculator .tab-content .card .card-body .row .card-group .column.x:before{content:"x";height:20px;line-height:18px;position:absolute;left:-5px;top:50%;transform:translateY(-50%)}.calculator .tab-content .card .card-body .row .card-group .column.text-right input{text-align:right}.calculator .tab-content .card .card-body .row .card-group .column .button{width:100%;height:38px;border-radius:5px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center}.calculator .tab-content .card .card-body .cargo-detail{border-radius:3px;background:#f0fcf4;border:1px solid #20a465;padding:10px 15px}.calculator .tab-content .card .card-body .card{margin-top:15px;margin-bottom:0}.calculator-summary{width:100%}.calculator-summary .section-title .buttons{display:flex;align-items:center;justify-content:center;width:auto;height:36px;border-radius:4px;background:#fff;border:1px solid #f4f6ff;font-weight:400;font-size:14px;text-align:left;color:#4e546f;padding:0 15px;white-space:nowrap;margin-left:auto}.calculator-summary .section-title .buttons span{display:flex;align-items:center;justify-content:flex-start}.calculator-summary .section-title .buttons span:not(:last-child){margin-right:25px}.calculator-summary .section-title .buttons span.button{font-weight:600;position:relative}.calculator-summary .section-title .buttons span.button:before{content:"";width:17px;height:22px;display:block;margin-right:5px;background-position:center;background-repeat:no-repeat}.calculator-summary .section-title .buttons span.button:after{content:"";width:1px;height:16px;background:#4e546f;position:absolute;left:-13px;top:50%;transform:translateY(-50%)}.calculator-summary .section-title .buttons span.button.pdf:after{display:none}.calculator-summary .section-title .buttons span.button.pdf:before{background-image:url(/images/svg/btn-pdf.svg)}.calculator-summary .section-content{display:flex;align-items:flex-start;justify-content:space-between}.calculator-summary .section-content .table{width:45%}.calculator-summary .section-content .table table{width:100%;font-size:16px;line-height:22px;text-align:left}.calculator-summary .section-content .table table tbody tr td{font-weight:700;color:var(--main-color1);background:#f4f6ff;padding:8px 15px}.calculator-summary .section-content .table table tbody tr td:nth-child(even){font-weight:500;background:#edf2fa;width:60%}.calculator-summary .section-content .table table tbody tr td b{font-weight:600}.calculator-summary .section-content .maps{width:55%;padding-left:10%;line-height:1.6}.calculator-summary .section-content .maps b{width:22px;height:22px;border-radius:50%;background-color:var(--main-color1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.calculator-summary .map-container h3{text-align:center;margin:5px 0 25px}.calculator-summary .map-container .leaflet-control-zoom{display:none}.calculator-summary .map-container .site-map{height:240px}.google-visualization-tooltip{width:250px!important;padding:12px 20px!important}.google-visualization-tooltip .google-visualization-tooltip-item{padding:0!important;margin:3px 0!important;display:flex;align-items:center;justify-content:flex-start;gap:10px}.google-visualization-tooltip .google-visualization-tooltip-item-list{margin:0!important}.google-visualization-tooltip .google-visualization-tooltip-action{padding:0!important}.google-visualization-tooltip span{font-size:15px!important}.google-visualization-tooltip .google-visualization-tooltip-square{width:12px;height:12px;margin:0}.dark{color:#fff}.dark .header{background:#42484d}.dark .container{background:#181b1f}.dark .container section.section{background:#272e34;border-color:#b9b9b9}.dark .container section .section-title span{color:#fff}.dark div.dt-container .buttons span{border:0;background:#fff}.dark div.dt-container .dt-paging .dt-paging-button{color:#fff!important;background:unset!important;border-color:#a2afcd!important}.dark div.dt-container .dt-paging .dt-paging-button.disabled{color:#fff!important}.dark div.dt-container .dt-paging .dt-paging-button.disabled:hover{color:#fff!important}.dark div.dt-container .dt-paging .dt-paging-button.current{background:#61676b!important}.dark div.dt-container table thead tr th .dt-column-title{color:var(--main-color2)}.dark div.dt-container table tbody tr:nth-child(even){background:#515253}.dark div.dt-container table tbody tr td{color:#fff;border-color:#a2afcd}.dark .sidebar .sidebar-close:before{background-color:#272e34}.dark .sidebar .sidebar-container{color:#fff;background:#272e34}.dark .sidebar .sidebar-container .title{color:#fff}.dark .sidebar .sidebar-container .search input{color:#fff;background:#61676b;border-color:#a2afcd}.dark .sidebar .sidebar-container .search .results{background:#61676b}.dark .sidebar .sidebar-container .search .results .item{color:#fff}.dark .sidebar .sidebar-container .search .results .item:hover{background:#515253}.dark .sidebar .sidebar-container .list .entry{background:#61676b}.dark .sidebar .sidebar-container .list .entry .info h2,.dark .sidebar .sidebar-container .list .entry .info p{color:#fff}.dark .sidebar .sidebar-container .list .items .item{color:#fff}.dark .sidebar .sidebar-container .list .items .item:nth-child(even){background:#515253}.dark .sidebar .sidebar-container .list .items .item .icon{border-radius:50%;background-color:#fff}.dark .sidebar .sidebar-details{background:#272e34}.dark .sidebar .sidebar-details .title{color:#fff}.dark .sidebar .sidebar-details .item{color:#fff}.dark .sidebar .sidebar-details .item span{color:#ccc}.dark .sidebar .sidebar-details .form input,.dark .sidebar .sidebar-details .form select{color:#fff;background:#61676b}.dark .sidebar .sidebar-details .form .row.channel{background:#61676b}.dark .sidebar .sidebar-details .form .tagify{background:#515253}.dark .tagify__dropdown__wrapper{background:#61676b}.dark .bunker .sidebar .sidebar-container .search .results .item:hover{background:inherit}.dark .bunker .sidebar .sidebar-container .search .results .item:nth-child(even){background-color:#515253}.dark .filter-area{background:#515253}.dark .filter-area .filters .filter label{color:#fff}.dark .filter-area .filters .filter input,.dark .filter-area .filters .filter select{color:#fff;background:#61676b}.dark .filter-area .info .item{background:#61676b}.dark .filter-area .info .item p{color:#fff}.dark .calculator .item .title{color:#fff}.dark .calculator .item table.result tr th{color:#fff}.dark .calculator .item table.result tr th.lfo,.dark .calculator .item table.result tr th.hfo,.dark .calculator .item table.result tr th.mgo,.dark .calculator .item table.result tr th.total,.dark .calculator .item table.result tr th.total2,.dark .calculator .item table.result tr td.lfo,.dark .calculator .item table.result tr td.hfo,.dark .calculator .item table.result tr td.mgo,.dark .calculator .item table.result tr td.total,.dark .calculator .item table.result tr td.total2{color:var(--main-color1)}.dark .calculator .item table input,.dark .calculator .item table select{color:#fff;background:#61676b}.dark .calculator .item table tr th,.dark .calculator .item table tr td{border-color:#a2afcd}.dark .calculator .item table tr td{color:#fff}.dark .calculator .item table tr td.bg{background:#515253}.dark .calculator .item table tr td.disable{background:#42484d}.dark .calculator .item table tr td.formula{background:#42484d}.dark .calculator-summary .section-title .buttons{color:#fff;background:#61676b;border:0}.dark .calculator-summary .section-content .table table tbody tr td{color:#fff;background:#515253}.dark .calculator-summary .section-content .table table tbody tr td:nth-child(even){background:#61676b}.dark .settings .section-content .title{color:#fff}.dark .settings .section-content .item{background:#515253;border-color:#a2afcd;color:#fff}.dark .settings .section-content .item.system-settings p{color:#fff}.dark .settings .section-content .item.system-settings .form label{color:var(--main-color2)}.dark .settings .section-content .form input,.dark .settings .section-content .form select,.dark .settings .section-content .form textarea{color:#fff;background:#61676b}.dark .settings .section-content .form .row.channel{background:#61676b}.dark .settings .section-content .form .tagify{background:#515253}.dark .comparison .section-content .graph .info .text{color:#fff}.dark .comparison .section-content .compare .item h2,.dark .comparison .section-content .compare .item ul{color:#fff}.dark .optimization .processing{background:rgba(255,255,255,.5)}.dark .optimization .processing .processing-container{background:#272e34;border-color:#a2afcd}.dark .optimization .processing .processing-container p{color:#fff}.dark .modal{background:rgba(255,255,255,.5)}.dark .modal .modal-container{background:#272e34;border-color:#a2afcd}.dark .modal .modal-container .m-header .title span{color:#fff}.dark .modal .modal-container .m-content ul{color:#fff}.dark .modal .comparison-dataset .m-content .info{color:#fff}.dark .modal .ship-dataform .m-content.form .row .group .unit,.dark .modal .company-shipform .m-content.form .row .group .unit,.dark .modal .company-form .m-content.form .row .group .unit,.dark .modal .port-form .m-content.form .row .group .unit,.dark .modal .fueltype-form .m-content.form .row .group .unit{color:#fff}.dark .modal .ship-dataform .m-content.form .row label,.dark .modal .company-shipform .m-content.form .row label,.dark .modal .company-form .m-content.form .row label,.dark .modal .port-form .m-content.form .row label,.dark .modal .fueltype-form .m-content.form .row label{color:#fff}.dark .modal .ship-dataform .m-content.form .row input,.dark .modal .ship-dataform .m-content.form .row select,.dark .modal .ship-dataform .m-content.form .row textarea,.dark .modal .company-shipform .m-content.form .row input,.dark .modal .company-shipform .m-content.form .row select,.dark .modal .company-shipform .m-content.form .row textarea,.dark .modal .company-form .m-content.form .row input,.dark .modal .company-form .m-content.form .row select,.dark .modal .company-form .m-content.form .row textarea,.dark .modal .port-form .m-content.form .row input,.dark .modal .port-form .m-content.form .row select,.dark .modal .port-form .m-content.form .row textarea,.dark .modal .fueltype-form .m-content.form .row input,.dark .modal .fueltype-form .m-content.form .row select,.dark .modal .fueltype-form .m-content.form .row textarea{color:#fff;background:#61676b}.dark .modal .bunker-list .m-content table thead tr th{color:#fff;background:#515253}.dark .modal .bunker-list .m-content table tbody tr td{color:#fff;background:#61676b}@media (max-width:1599px){.header .menus ul li{font-size:17px}.header .menus ul li a{padding:0 15px;line-height:25px}.header .right .block.b1{font-size:14px}.header .right .block.b1 .active-ship{font-size:20px}.header .right .block.b3{font-size:14px}.header .right .block.b3 b{min-width:80px}.settings .section-content .item:not(:last-child){margin-right:40px}}@media (max-width:1399px){.header .left .user{display:none}.header .right .block.b1{padding-right:15px}.header .right .block.b1 .carbon-mode b{max-width:80px;line-height:16px}.header .right .block.b2.weather{padding-left:15px;padding-right:15px}.header .right .block.b3{font-size:13px;padding-left:15px}.header .right .block.b3 b{min-width:auto}.header .menus ul li a{padding:0 12px}.header .menus ul li .submenus li{font-size:14px}.t-admin .header .right .block.b1 .carbon-mode b{max-width:unset}.container section.section{width:96%;padding:20px;margin:30px auto 180px}.container section .section-title{font-size:24px;margin:0 0 20px}.container section .section-title .btn{height:35px;font-size:15px}.filter-area{width:calc(100% + 40px);padding:15px 20px;margin-left:-20px;margin-bottom:25px}.filter-area .filters .filter label{font-size:15px;margin:0 0 5px}div.dt-container table thead tr th .dt-column-title{font-size:14px!important}div.dt-container table tbody tr td{font-size:14px!important}div.dt-container .dt-layout-row:has(.dt-search){width:300px!important;top:-60px!important}div.dt-container .buttons span{min-height:30px;line-height:15px!important;padding:5px 10px!important}.calculator .item .title{font-size:20px}.calculator .item table tr th,.calculator .item table tr td{font-size:14px;padding:6px 8px}.sidebar .sidebar-container.open{width:400px}.sidebar .sidebar-container .title{font-size:30px;line-height:32px}.sidebar .sidebar-container .search input{height:42px;font-size:16px}.sidebar .sidebar-container .list .items .item .code{font-size:14px}.sidebar .sidebar-container .list .items .item .name{font-size:14px}.sidebar .sidebar-container .datas .item b{font-size:15px}.sidebar .sidebar-details .title{font-size:24px}.sidebar .sidebar-details .item{font-size:16px;line-height:22px}.sidebar .sidebar-details .buttons span{font-size:16px}}