@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);
@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
@import url(https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css);
.calendar{background-color:#fff;border-radius:20px;min-height:600px;padding:5px 5px 10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.calendar__date{align-items:center;display:flex;height:50px;padding:10px 20px}.calendar__date span{cursor:pointer;height:25px;text-align:center;width:25px}.calendar__month{color:#3c32c9;margin:0 5px;min-width:110px;text-align:center;text-transform:uppercase}.calendar__header{display:grid;grid-template-columns:repeat(7,1fr);padding:0 10px}.calendar__day{text-align:end}.calendar__body{background-color:#efefef;border-radius:5px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin:10px;padding:2px}.calendar__btn{font-size:20px;position:absolute;right:20px;top:10px}.cell{background-color:#f5f5f5;border:1px solid #fff;border-radius:5px;color:#b7b4b4;height:150px;overflow-y:hidden;transition:all .1s ease-in;width:100%;z-index:1}.cell--month{background-color:#fff;color:#434141}.cell--weekends{color:#7676f4}.cell--active{border:1px solid #08e200}.cell--now{background-color:#fff;border:1px solid hsla(0,0%,50%,.549)}.cell--now .cell__day{color:#08e200}.cell__day{font-weight:700;padding:0 5px 0 0;text-align:end}.cell__body{padding:0 5px;position:relative;width:100%}.cell:hover{animation:1.5s ease-in-out;overflow-y:visible;z-index:2}.badge{font-size:14px;line-height:16px;margin:0 0 3px;text-align:left;width:100%}.badge:hover{cursor:pointer}.badge__title{border-radius:5px;display:block;overflow:hidden;padding:0 3px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.badge__title--info{background-color:#eef5f1;color:#97bb9f}.badge__title--error{background-color:#fceced;color:#c1868c}.badge__title--warning{background-color:#faead0;color:#d2ae81}.badge__title--demurrage{background-color:#e2e3e5;color:#383d41}.badge__title--detention{background-color:#cce5ff;color:#004085}.header-options-container{border-radius:5px;margin-right:50px;padding:6px}.header-options-row-2{background-color:#edf4ff;border-style:solid;border-width:.1px;display:flex;padding:2px;width:-moz-fit-content;width:fit-content}.card{border-radius:1em;margin-left:0}.user-panel-table{overflow-x:scroll}#customers th,.user-panel-table td{border:1px solid #ddd;height:55px;padding:3px}.cursor-move{cursor:move}@media (min-width:992px){.modal-xxl{max-width:1700px!important;width:90%!important}}.dragArea{list-style:none;min-height:50px;min-width:50px;outline:1px solid grey}textarea .disable-resize{resize:none}.text-right{text-align:right}.float-right{float:right!important}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.header-logo{height:30px;margin-left:80px;width:264px}#app>nav>a{transition:all .3s ease}#app.toggled>nav>a{margin-left:260px}body{font-size:.9rem}#close-sidebar,#show-sidebar,.page-wrapper .page-content,.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand>a,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper .sidebar-menu ul li a,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper ul li a i,.sidebar-wrapper>a:after{text-align:left;transition:all .3s ease}.page-wrapper{height:100vh}.page-wrapper .theme{border-radius:4px;display:inline-block;height:40px;margin:2px;width:40px}.page-wrapper .theme.chiller-theme{background:#1e2229}.page-wrapper.toggled .sidebar-wrapper{left:0}@media screen and (min-width:768px){.page-wrapper.toggled .page-content{padding-left:300px}}#show-sidebar{border-radius:0 4px 4px 0;left:0;position:fixed;top:17px;transition-delay:.3s;width:35px}.page-wrapper.toggled #show-sidebar{left:-40px}.sidebar-wrapper{height:100%;left:-300px;max-height:100%;position:fixed;top:0;width:260px;z-index:999}.sidebar-wrapper ul{list-style-type:none;margin:0;padding:0}.sidebar-wrapper a{text-decoration:none}.sidebar-content{height:calc(100% - 30px);max-height:calc(100% - 30px);overflow-y:auto;position:relative}.sidebar-content.desktop{overflow-y:hidden}.sidebar-wrapper .sidebar-brand{align-items:center;display:flex;padding:10px 20px}.sidebar-wrapper .sidebar-brand>a{flex-grow:1;font-weight:700;text-transform:uppercase}.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:20px}.sidebar-wrapper .sidebar-header{overflow:hidden;padding:20px}.sidebar-wrapper .sidebar-header .user-pic{border-radius:12px;float:left;margin-right:15px;overflow:hidden;padding:2px;width:60px}.sidebar-wrapper .sidebar-header .user-pic img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.sidebar-wrapper .sidebar-header .user-info{float:left;width:100%}.sidebar-wrapper .sidebar-header .user-info>span{display:block}.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:12px}.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:11px;margin-top:4px}.sidebar-wrapper .sidebar-header .user-info .user-status i{color:#5cb85c;font-size:8px;margin-right:4px}.sidebar-wrapper .sidebar-search>div{padding:10px 20px}.sidebar-wrapper .sidebar-menu{padding-bottom:10px}.sidebar-wrapper .sidebar-menu .header-menu span{display:inline-block;font-size:14px;font-weight:700;padding:15px 20px 5px}.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;padding:8px 30px 8px 20px;position:relative;text-decoration:none;width:100%}.sidebar-wrapper .sidebar-menu ul li a i{border-radius:4px;font-size:12px;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.sidebar-wrapper .sidebar-menu ul li a:hover>i:before{animation:swing .5s ease-in-out 1 alternate;display:inline-block}.sidebar-wrapper .sidebar-menu>a:after{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;content:"\f105";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;position:absolute;right:15px;text-align:center;top:14px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{font-size:13px;padding-left:25px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f111";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:8px;font-style:normal;font-weight:400;margin-right:10px;text-align:center;text-decoration:none}.sidebar-wrapper .sidebar-menu ul li a span.badge,.sidebar-wrapper .sidebar-menu ul li a span.label{float:right;margin-left:5px;margin-top:8px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{right:17px;transform:rotate(90deg)}.sidebar-footer{bottom:0;display:flex;position:absolute;width:100%}.sidebar-footer>a{flex-grow:1;height:30px;line-height:30px;position:relative;text-align:center}.sidebar-footer>a .notification{position:absolute;top:0}.badge-sonar{background:#980303;border-radius:50%;display:inline-block;height:8px;position:absolute;top:0;width:8px}.badge-sonar:after{animation:sonar 1.5s infinite;border:2px solid #980303;border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.page-wrapper .page-content{display:inline-block;padding-left:0;padding-top:20px;width:100%}.page-wrapper .page-content>div{padding:20px 40px}::-webkit-scrollbar{height:7px;width:5px}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-thumb{background:#525965;border:0 #fff;border-radius:0}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:#525965}::-webkit-scrollbar-track{background:transparent;border:0 #fff;border-radius:50px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background:transparent}::-webkit-scrollbar-corner{background:transparent}.chiller-theme .sidebar-wrapper{background:#31353d}.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-menu,.chiller-theme .sidebar-wrapper .sidebar-search{border-top:1px solid #3a3f48}.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{border-color:transparent;box-shadow:none}.chiller-theme .sidebar-footer>a,.chiller-theme .sidebar-wrapper .sidebar-brand>a,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{color:#818896}.chiller-theme .sidebar-footer>a:hover i,.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,.chiller-theme .sidebar-wrapper .sidebar-header .user-info,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a{color:#b8bfce}.page-wrapper.chiller-theme.toggled #close-sidebar{color:#bdbdbd}.page-wrapper.chiller-theme.toggled #close-sidebar:hover{color:#fff}.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.chiller-theme .sidebar-wrapper ul li:hover a i{color:#16c7ff;text-shadow:0 0 10px rgba(22,199,255,.5)}.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{background:#3a3f48}.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88}.chiller-theme .sidebar-footer{background:#3a3f48;border-top:1px solid #464a52;box-shadow:0 -1px 5px #282c33}.chiller-theme .sidebar-footer>a:first-child{border-left:none}.chiller-theme .sidebar-footer>a:last-child{border-right:none}.laravel-pagination .pagination-previous{border:1px solid hsla(0,0%,75%,.5);border-radius:5px 0 0 5px;cursor:pointer;font-weight:600;margin-right:0;padding:2px;text-align:center;width:90px}.laravel-pagination .pagination-select-page{border:1px solid hsla(0,0%,75%,.5);height:30px}.laravel-pagination .pagination-next{border:1px solid hsla(0,0%,75%,.5);border-radius:0 5px 5px 0;cursor:pointer;font-weight:600;padding:2px;text-align:center;width:90px}.login-page{background-image:url(/images/transport_terminal.jpg);background-repeat:no-repeat;background-size:cover;padding:0!important}.vertical-center{overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:100%}body{background:#f6f9fc;margin-top:20px}.account-block{background-image:url(/images/background.jpg);background-repeat:no-repeat;background-size:cover;height:100%;padding:0;position:relative}.account-block .overlay{background-color:rgba(0,0,0,.4);bottom:0;flex:1;left:0;position:absolute;right:0;top:0}.account-block .account-testimonial{color:#fff;left:0;margin:0 auto;padding:0 1.75rem;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%)}.text-theme{color:#5369f8!important}.btn-theme{background-color:#5369f8;border-color:#5369f8;color:#fff}.forgot-link{float:right}.connected-logo{height:85px;width:85px}