h1,h2,h3,h4,h5,h6{font-weight:500}button,button:focus,hr,input,input:focus,textarea,textarea:focus{background:0 0;border:0;outline:0}button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}menu li:hover{cursor:pointer}li{list-style:none}a{text-decoration:none;color:#000}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-family:Inter,sans-serif;scroll-behavior:smooth;-webkit-transition:.15s;-o-transition:.15s;transition:.15s}::-webkit-resizer{background-image:url(style.css);background-repeat:no-repeat;width:4px;height:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-button{background-image:url(style.css);background-repeat:no-repeat;width:5px;height:0}::-webkit-scrollbar-thumb{background-color:#555}::-webkit-scrollbar-thumb{border-radius:0;background-color:#555}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-track{background-color:#fff}::-moz-selection{background:#555;color:#fff}::selection{background:#555;color:#fff}body{overflow:hidden}header{height:50px;background:#797979}header menu{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header menu li{cursor:default;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;color:#fff;font-size:16px}header menu li:hover{cursor:default}header menu li.active{background:#555}header menu li img{height:16px;width:16px;margin-right:10px}main{height:calc(100vh - 50px);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#menu{position:relative;width:600px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#menu.active{opacity:0}#menuMonitoring{position:absolute;z-index:1;height:100%;width:100%;padding:20px 25px;opacity:0;visibility:hidden}#menuMonitoring.active{z-index:2;opacity:1;visibility:visible}#menuTracks{position:absolute;z-index:1;height:100%;width:100%;padding:50px;opacity:0;visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#menuTracks.active{z-index:2;opacity:1;visibility:visible}#menuTracks .headermenuTracks{margin:0 0 50px}#menuTracks .headermenuTracks .titleTrack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:24px}#menuTracks .headermenuTracks .titleTrack #backMenuMonitor{font-size:16px}#menuTracks .headermenuTracks .titleTrack #backMenuMonitor:hover{color:#797979}#menuTracks .mainMenuTracks{height:80%;overflow-y:auto}#menuTracks .mainMenuTracks [id*=ulListTrack]{display:none;opacity:0;visibility:hidden}#menuTracks .mainMenuTracks [id*=ulListTrack].active{display:block;opacity:1;visibility:visible}#menuTracks .mainMenuTracks [id*=ulListTrack] li{font-size:16px;position:relative}#menuTracks .mainMenuTracks [id*=ulListTrack] li:not(:last-child){margin:0 0 50px}#menuTracks .mainMenuTracks [id*=ulListTrack] li:not(:first-child) .dot{position:absolute;top:-15px;left:0;height:4px;width:4px;background:#797979;border-radius:100%}#menuTracks .mainMenuTracks [id*=ulListTrack] li:not(:first-child) .dot::after,#menuTracks .mainMenuTracks [id*=ulListTrack] li:not(:first-child) .dot::before{content:"";position:absolute;left:0;height:4px;width:4px;background:#797979;border-radius:100%}#menuTracks .mainMenuTracks [id*=ulListTrack] li:not(:first-child) .dot::before{top:-12px}#menuTracks .mainMenuTracks [id*=ulListTrack] li:not(:first-child) .dot::after{top:-24px}#menuTracks .mainMenuTracks [id*=ulListTrack] li.active{font-weight:700}#menuTracks .mainMenuTracks [id*=ulListTrack] li.active .dot{background:#000}#menuTracks .mainMenuTracks [id*=ulListTrack] li.active .dot::after,#menuTracks .mainMenuTracks [id*=ulListTrack] li.active .dot::before{background:#000}#menuTracks .footermenuTracks{margin:auto 0 0}#menuTracks .footermenuTracks h6{margin:0 0 5px;color:#5a6675;font-size:14px}#menuTracks .footermenuTracks .goesNow{font-weight:700;font-size:16px;display:none}#menuTracks .footermenuTracks .goesNow.active{display:block}#search{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #555;border-radius:4px;padding:0 15px;margin-bottom:25px}#search img{height:15px;width:12px;margin-right:10px}#search input{font-size:16px}#search input::-webkit-input-placeholder{color:#555;font-size:16px}#search input::-moz-placeholder{color:#555;font-size:16px}#search input:-ms-input-placeholder{color:#555;font-size:16px}#search input::-ms-input-placeholder{color:#555;font-size:16px}#search input::placeholder{color:#555;font-size:16px}#listRoute li{height:62px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:25px;border:2px solid #555;border-radius:4px;position:relative;overflow:hidden}#listRoute li:hover{cursor:pointer}#listRoute li.active{height:122px}#listRoute li.active .navigation .arrowNav img{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}#listRoute li.active .info{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#listRoute li .listRoute_li{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:500}#listRoute li .navigation{top:0;z-index:5;height:60px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:2px solid #555;padding:0 20px;background:#fff}#listRoute li .navigation .nameRoute{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#listRoute li .navigation .nameRoute:hover{color:#797979}#listRoute li .navigation .nameRoute img{height:30px;width:20px;margin-right:10px}#listRoute li .navigation .buttonNav img{height:25px;width:25px}#listRoute li .navigation .arrowNav img{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);height:23px;width:23px}#listRoute li .info{bottom:0;height:60px;width:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#listRoute li .info .listRoute_li_info{height:100%;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:500;text-align:center}#listRoute li .info .listRoute_li_info.done{display:none}#listRoute li .coordinates{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:2px solid #555}#map{height:100%;width:calc(100% - 400px)}#logIn{margin:0 15px 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:16px}#logIn img{height:20px;width:20px;margin-right:10px}#form_logIn{background:#fff;position:fixed;z-index:40;top:0;left:50%;width:350px;-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);background:#797979;opacity:0;visibility:hidden;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;border-radius:4px;overflow:hidden}#form_logIn.active{top:50%;opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(-70%);-ms-transform:translateX(-50%) translateY(-70%);transform:translateX(-50%) translateY(-70%)}#form_logIn .head_form_logIn{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px}#form_logIn .main_form_logIn{background:#fff;padding:30px 25px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#form_logIn input{height:40px;width:100%;margin:0 0 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #555;border-radius:4px;padding:0 15px}#form_logIn button{height:40px;width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #555;background:#555;color:#fff;border-radius:4px}#form_logIn button:hover{background:#797979;border:2px solid #797979}#back{background:rgba(0,0,0,.3);position:fixed;top:0;left:0;height:100vh;width:100%;z-index:39;opacity:0;visibility:hidden;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}#back.active{opacity:1;visibility:visible}#backB{background:#fff;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:38;opacity:0;visibility:hidden;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}#backB.active{opacity:1;visibility:visible}.blueCarMarker,.greenCarMarker,.redCarMarker{-webkit-transition:.2s;-o-transition:.2s;transition:.2s;height:45px;width:35px;margin-top:-15px;margin-left:-13px}#menuCheckMonth{position:absolute;z-index:1;height:100%;width:100%;padding:50px;opacity:0;visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#menuCheckMonth.active{z-index:2;opacity:1;visibility:visible}#menuCheckMonth .headermenuCheckMonth{margin:0 0 30px}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:24px}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth #titleCheckMonth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth #titleCheckMonth li{cursor:pointer}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth #titleCheckMonth li.deactive{cursor:default;opacity:.5}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth #titleCheckMonth li:not(:last-child){margin-right:25px}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth #titleCheckMonth li.active{color:#11ab21}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth #backMenu_month{font-size:16px}#menuCheckMonth .headermenuCheckMonth .titleCheckMonth #backMenu_month:hover{color:#797979}#menuCheckMonth .mainMenuCheckMonth{height:85%;overflow-y:auto}#menuCheckMonth .footermenuCheckMonth{margin:auto 0 0}#menuCheckMonth .footermenuCheckMonth button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:0 15px;border-radius:4px;color:#fff;background:#797979;font-size:16px}#menuCheckMonth .footermenuCheckMonth button.active{background:#11ab21}#listRoute_month .liRoute_month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#listRoute_month .liRoute_month.deactive{cursor:default;opacity:.5}#listRoute_month .liRoute_month.deactive li.deactive{cursor:default;opacity:.5}#listRoute_month .liRoute_month.active p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#11ab21}#listRoute_month .liRoute_month.active ul li.active{color:#11ab21}#listRoute_month .liRoute_month .deactive p{cursor:default}#listRoute_month .liRoute_month p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;text-transform:capitalize;cursor:pointer}#listRoute_month .liRoute_month ul{padding:0 20px}#listRoute_month .liRoute_month ul li{cursor:pointer}#listRoute_month .liRoute_month ul li:not(:last-child){margin-bottom:10px}#listRoute_month .liRoute_month ul li.deactive{cursor:default;opacity:.5}.blueCarDiv,.greenCarDiv,.redCarDiv{opacity:1}.blueCarDiv.hide,.greenCarDiv.hide,.redCarDiv.hide{opacity:0}.blueCarDiv_for,.greenCarDiv_for,.redCarDiv_for{opacity:0}.blueCarDiv_for.visible,.greenCarDiv_for.visible,.redCarDiv_for.visible{opacity:1}#route1Calendar img,#route2Calendar img,#route3Calendar img{padding:4px}.lineForMonth{opacity:0}#loader{position:absolute;z-index:999;height:100%;width:100%;background:#d7d7d7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden}#loader.active{opacity:1;visibility:visible}