@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);.main{position:relative;top:100px;padding-bottom:15px;width:80%}@media screen and (max-width:768px){.main{width:90%}}.main .MuiButton-containedPrimary{background-color:#0070c0;border:2px solid #fff;box-shadow:none}.main .MuiButton-containedPrimary:hover{border:2px solid #0070c0;color:#0070c0;background-color:transparent}.save-button{text-align:center;height:32px;background:#366eb8 0 0 no-repeat padding-box;border-radius:6px}.btn-primary.disabled,.btn-primary:disabled{background-color:#366eb8}.modal-contents{width:75vw;max-width:90vw!important}.modal-contents .modal-header{background-color:#0070c0;padding:12px;color:#fff}.modal-contents .modal-header .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:unset}.form-check-input{height:25px;width:25px}input.search-box{width:100%;position:relative}.search-box .MuiInputBase-input{color:#fff!important}.table-div .fa{background-color:transparent!important;font-size:unset}.table-div .fa-edit{color:#0070c0}.table-div .fa-eye{color:#0f9d58}.table-div .fa-camera{color:#431677}.table-div .fa-user-times{color:#d73331}.table-div button:disabled .fa-user-times{color:#bd8282}.add-button{color:#0070c0;font-size:smaller;font-weight:500;height:30px;margin-right:1rem;background-color:#fff;border:none;padding:.5rem 1rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease;white-space:nowrap}.add-button:hover{transform:scale(1.1)}.add-button:focus{outline:none}.confirm-delete-modal{max-width:40vw}.confirm-delete-modal .modal-header{background-color:#be4941;color:#fff;padding:12px}.confirm-delete-modal .modal-header .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:unset}.confirm-delete-modal .cancel-button{background-color:#fff;border:none;color:#000}.confirm-delete-modal .cancel-button:hover{border:1px solid #be4941}.confirm-delete-modal .delete-button{background-color:#be4941;border-color:#be4941}.page-not-found{color:red}.end-point{width:20px;height:20px;align-items:center;justify-content:center;display:flex}.end-point .point{width:8px;height:8px;border-radius:4px;background-color:#000}.mapboxgl-popup-close-button{font-size:24px}.mapboxgl-popup-content{padding:10px 10px 5px}.mapboxgl-popup-content h6{font-size:14px}.bottom-position-container{display:flex;align-items:center;justify-content:center}.bottom-position-container h6{margin:2px;font-size:14px}.bottom-position-container{background-color:#fff}.MuiOutlinedInput-notchedOutline,.MuiOutlinedInput-root{border-radius:100px!important}.camera-name-bulk{position:absolute;top:13px;left:8;padding:5px 15px;background-color:#0070c0;color:#fff;opacity:.9;border-top-right-radius:20px;border-bottom-right-radius:20px;z-index:1}.MuiOutlinedInput-notchedOutline{border-color:#cecece!important}.MuiListItem-gutters{padding:0 0 0 10px!important}.company-vessel-not-selected{position:absolute;top:40%;left:40%}.vessel-not-found{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.react-player{aspect-ratio:16/9;height:auto!important;max-height:50vh;width:100%!important}#transition-modal-title{display:flex;justify-content:center;margin-right:12px}.playModal h3{color:#216ebe}.playModal button{border:none;background-color:transparent;color:#757575;margin:10px 0}.makeStyles-paper-32{border-color:#757575!important;border-radius:10px}.navbar-brand img{position:relative;left:-30px}.navbar-brand{margin-right:0!important}.speedBtn{cursor:pointer}.speedBtn-Modal{margin-left:5px;cursor:pointer}.icon-player{margin:3px}.video-notification-emails{font-size:.85rem}.video-notification-emails .badge{background-color:#007bff;color:#fff;padding:6px 10px}.notification-section .badge{font-size:.8rem;padding:6px 10px;border-radius:12px}.notification-section i.fas.fa-paper-plane{color:#007bff}.notification-section strong{color:#343a40}.navigation-button-font{font-weight:700}.navigation-button-font:hover{transform:scale(1.1)}.video-thumbnail{position:relative;margin-bottom:1rem;width:16.5rem;min-width:16rem}.video-thumbnail .video-card{border-radius:4px;background:#fff;box-shadow:0 6px 10px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),box-shadow .3s,-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);cursor:pointer}.video-thumbnail .video-card:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)}.video-thumbnail .video-button{position:relative;width:100%}.video-thumbnail .video-button .video-player{position:relative;width:100%;border-radius:4px;overflow:hidden;min-height:150px;max-height:150px}.video-thumbnail .video-button .video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.video-thumbnail .video-button .play-icon{width:48px;height:48px;opacity:.95;pointer-events:none}.video-thumbnail .bottom-buttons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.video-thumbnail .bottom-buttons .download-button{background-color:inherit;border:0;outline:none;padding:4px;color:#366eb9;margin-right:10px}.video-thumbnail .bottom-buttons .delete-button{background-color:inherit;border:0;outline:none;padding:4px;color:#d73331}.video-thumbnail .thumbnail-metadata{display:flex;align-items:flex-start;flex-direction:column;margin-top:15px}.video-thumbnail .thumbnail-metadata .event-camera-container{text-overflow:ellipsis;overflow:hidden}.video-thumbnail .thumbnail-metadata .event-camera-container .event-name{width:100%;height:26px;text-align:left;font:normal normal 500 16px Roboto;letter-spacing:0;color:#000;opacity:1;margin:2px 0;white-space:nowrap}.video-thumbnail .thumbnail-metadata .event-camera-container .camera-location{height:21px;text-align:left;font:normal normal 500 14px Roboto;letter-spacing:0;color:#817e7e;opacity:1;margin:2px 0;text-overflow:ellipsis}.video-thumbnail .operation-time{display:flex;grid-gap:25px;gap:25px;width:100%;align-items:flex-start;height:19px;text-align:left;font:normal normal 500 12px Roboto;letter-spacing:0;color:#000;opacity:1;margin-top:2px;white-space:nowrap;text-overflow:ellipsis}.MuiCardContent-root{padding:1rem!important}.video-group{width:100%;margin-bottom:12px}.group-title{font-weight:700;margin-bottom:12px;font-size:x-large}.video-row-horizontal{flex-direction:row;grid-gap:2rem;gap:2rem;border-bottom:1px solid #cecece}.video-row-horizontal,.video-thumbnail-grid{display:flex;flex-wrap:wrap;justify-content:flex-start}.video-thumbnail-grid{grid-gap:32px;gap:32px;align-items:flex-start;padding:160px 24px 32px}.page-title{width:100%;display:flex;grid-gap:10px;gap:10px;align-items:center}.button-width{min-width:7.6rem!important}.video-container-position{position:fixed;top:92px;left:0;right:0;z-index:100;margin:0;padding:5px 16px;grid-gap:1rem;gap:1rem}.upload-div,.video-container-position{background-color:#fff;display:flex;align-items:center}.upload-div{position:absolute;top:0;justify-content:space-around;flex-direction:column;width:80%;height:40%;margin:auto 170px 150px auto}.upload-div h5{color:#0070c0;padding:5px;font-weight:700}.form-div{width:106%;height:80%}.control-div{width:100%;height:20%}.header-div{margin:1px 1%;width:100%;padding-left:45%}.event-details-div{margin:1rem;padding:5px auto}.camera-location-div{padding:.55rem}.date-div{padding:.5rem .13rem 1rem;width:140%}.date-picker-div{width:100%;padding:10px}.upload-div .MuiBox-root{padding:20px 10px 10px 35px;border:2px solid #757575!important;border-radius:10px;height:auto;width:115%;margin:6px auto 30px}.devider{height:30px;width:100%}.Starttime label{width:100px}.button-div{display:flex;flex-direction:row;justify-content:space-around;margin:1%}.button-div-items{margin:10px}.repeat-freq{display:inline-block}.repeat-freq-label{text-align:end}#outlined-basic{border:2px solid #757575;border-radius:10px;box-shadow:1px;padding:0;background-color:#fff}.date-picker-div input{color:#000!important}.upload-div .MuiFormLabel-root{color:#757575!important;font-weight:500;margin-bottom:10px}.upload-div .MuiFormControl-root{width:100%;margin:0;max-width:unset}.upload-div .MuiFormGroup-row{display:block;width:100%}.control-div .makeStyles-formControl-4{width:100%!important;max-width:unset;min-width:unset;margin:0!important}.custom-event-text .MuiInputBase-formControl{padding:2px;z-index:0}.MuiInputLabel-outlined{background-color:#fff}.MuiInputLabel-outlined .MuiInputLabel-shrink{background-color:#fff!important;z-index:1}.custom-event-text label{margin-top:-4px}.radio label{margin-bottom:0}.loading-error-alert{position:absolute;z-index:999;margin:auto;vertical-align:middle;left:30%;top:30%;width:40%}.live-video-container .img-container{display:flex}.live-video-container .camera-name{position:absolute;padding:5px 15px;background-color:#0070c0;color:#fff;opacity:.9;border-top-left-radius:20px;border-bottom-left-radius:20px;z-index:10}.live-video-container .screen-control{position:absolute;padding:2px 6px;background-color:#0070c0;color:#fff;opacity:.5;border-radius:5px;border:none;cursor:pointer;bottom:10px;right:10px;z-index:10}.live-video-container .img-grid{display:flex;position:relative;max-width:54rem;min-height:24vh;border-radius:20px;border:2px solid #0070c0;flex-basis:calc(50% - 16px)}.live-video-container .video-img{display:block;max-height:calc(100vh - 122px);border-radius:20px}.live-video-container .MuiOutlinedInput-notchedOutline{border-color:#cecece!important}.full-screen{height:calc(100vh - 122px);background-color:#04246b}video{vertical-align:middle}.ptz-container{width:85px;height:85px;justify-content:center;align-items:center;z-index:10}.button,.ptz-container{position:absolute;display:flex}.button{width:81px;height:81px;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.9}.button.up{background:#0070c0;-webkit-clip-path:polygon(10% 10%,90% 10%,70% 30%,30% 30%);clip-path:polygon(10% 10%,90% 10%,70% 30%,30% 30%);top:0;left:50%;transform:translateX(-50%)}.button.up i{font-size:16px;margin-left:34px;margin-top:8px}.button.down{background:#0070c0;-webkit-clip-path:polygon(30% 70%,70% 70%,90% 90%,10% 90%);clip-path:polygon(30% 70%,70% 70%,90% 90%,10% 90%);bottom:0;left:50%;transform:translateX(-50%)}.button.down i{font-size:16px;margin-left:34px;margin-top:57px}.button.left{background:#0070c0;-webkit-clip-path:polygon(10% 10%,30% 30%,30% 70%,10% 90%);clip-path:polygon(10% 10%,30% 30%,30% 70%,10% 90%);left:0;top:50%;transform:translateY(-50%)}.button.left i{font-size:16px;margin-left:11px;margin-top:32px}.button.right{background:#0070c0;-webkit-clip-path:polygon(70% 30%,90% 10%,90% 90%,70% 70%);clip-path:polygon(70% 30%,90% 10%,90% 90%,70% 70%);right:0;top:50%;transform:translateY(-50%)}.button.right i{font-size:16px;margin-left:60px;margin-top:32px}.button.middle-bottom,.button.middle-top{position:absolute;width:30px;height:14px;background:#0070c0;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.button.middle-top{top:32%;left:50%;transform:translateX(-50%)}.button.middle-bottom{bottom:32%;left:50%;transform:translateX(-50%)}.button i{font-size:12px;color:#fff}.button:hover{background-color:#969696}.button:active{background-color:#3b3b3b}.company-not-found{position:absolute;top:40%;left:40%}.map-container{position:absolute;top:92px;bottom:0;left:0;right:0}.btn-sat{width:100px;height:38px;bottom:45px;right:60px}.btn-sat,.map-dropdown{position:absolute;z-index:900}.map-dropdown{height:40px;top:100px;right:150px}@media screen and (max-width:1100px){.map-dropdown{right:2vh}}.route-dot{width:4px;height:4px;border-radius:2px;background-color:#000}.video-section:hover{background-color:#d3d3d3}.card-close-button{background:unset;border:unset;float:right;position:relative;width:18px;font-size:medium;top:14px;right:12px;color:#fff}.card-item{display:"flex";flex-direction:"row";align-items:"center";padding:8px 0 6px}.dropdown-position{display:flex;align-items:center}.item-icon{color:#0070c0;margin-right:10px}.navbar-settings{overflow-x:auto;max-width:150px}.dropdown-toggle:after{margin-left:1.555rem}.dropdown-menu{width:100%;margin-left:5px!important;margin-top:5px!important}.dropdown-menu .item-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.customer-modal{width:75vw;max-width:90vw!important}.react-tel-input .form-control{width:inherit;height:inherit}.react-tel-input .form-control.invalid-number{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.companies-table thead tr th:first-child{width:250px!important;text-align:left!important}.companies-table thead tr th:nth-child(2),.companies-table thead tr th:nth-child(3),.companies-table thead tr th:nth-child(4),.companies-table thead tr th:nth-child(5){text-align:left!important}.companies-table thead tr th:nth-child(6){width:120px!important}.admin-container{position:absolute;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;overflow:scroll}.add-schedule-button{text-align:center;height:44px;background:#0070c0 0 0 no-repeat padding-box;border-radius:10px}.btn-primary.disabled,.btn-primary:disabled{background-color:#0070c0}.confirm-upload-modal .modal-header{background-color:#0070c0;color:#fff}.confirm-upload-modal .modal-header .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:unset}.confirm-upload-modal .upload-button,.time-container{background-color:#0070c0}.time-container{top:98px;right:12px;padding:5px 8px;display:flex;flex-direction:column;align-items:center;border-radius:4px;opacity:.95}.time-container .title{color:#f0f0f0;font-size:14px;font-weight:500}.time-container .current-time{font-family:Roboto;color:#fff;font-size:14px;font-weight:500}.time-container .current-date{font-family:Roboto;color:#f0f0f0;font-size:14px}@media screen and (max-width:768px){.time-container{right:8px}.time-container .current-time,.time-container .title{font-size:11px}}.custom-event-textbox{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap;text-align:left;font:normal normal normal 16px Roboto!important;letter-spacing:0;border-radius:6px;height:29px}.custom-event-textbox:disabled,.custom-event-textbox[readonly]{background:#f5f5f5 0 0 no-repeat padding-box!important}.custom-event-textbox .form-control:disabled,.custom-event-textbox .form-control[readonly]{border:1px solid #cecece;color:#434343}.schedule-modal .MuiInputBase-root.Mui-disabled{width:150px}.MuiMenu-list{min-width:200px}.datepicker-container{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.datepicker-container .datepicker-label{min-width:37px;margin-right:8px;font:normal normal 700 12px Roboto;letter-spacing:0;color:#010101;text-align:left}.datepicker-container .datepicker-div{min-width:none!important}.datepicker-container .react-datepicker__day.react-datepicker__day--keyboard-selected{background:none;color:#000}.schedule-datepicker .react-datepicker__input-container input{background:#fff 0 0 no-repeat padding-box;border:1px solid #cecece;display:inline;width:100%;height:38px;border-radius:10px;padding-left:7px;max-width:97px}.schedule-datepicker .react-datepicker__input-container input[type=text]:disabled{background:#f5f5f5 0 0 no-repeat padding-box}.react-datepicker__triangle{border-bottom-color:#0070c0!important}.react-datepicker__header{background-color:#0070c0!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important}.react-datepicker__day--selected{background-color:#0070c0!important;border-radius:50%!important}.react-datepicker-popper{z-index:2!important}.react-datepicker-popper .react-datepicker button:focus.react-datepicker__navigation{outline:none!important}.schedule-time-picker{cursor:pointer}.schedule-time-picker .MuiOutlinedInput-root{border:1px solid #cecece;border-radius:6px}.schedule-time-picker .MuiOutlinedInput-root input{font-size:16px;padding:10px 12px;text-align:left;cursor:pointer}.schedule-time-picker .MuiOutlinedInput-root input::-webkit-calendar-picker-indicator,.schedule-time-picker .MuiOutlinedInput-root input::-webkit-clear-button{display:none;-webkit-appearance:none}.schedule-time-picker .MuiOutlinedInput-root input::-webkit-inner-spin-button,.schedule-time-picker .MuiOutlinedInput-root input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.schedule-time-picker .MuiOutlinedInput-root fieldset{border:none}.schedule-time-picker.disabled{cursor:not-allowed}.schedule-time-picker.disabled .MuiOutlinedInput-root{background:#f5f5f5;border-color:#ddd}.schedule-time-picker.disabled input{color:#999;cursor:not-allowed}.on-demand-upload-container{position:absolute;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;background-color:#f5f5f5;overflow:auto}.on-demand-upload-container .upload-table{margin-top:8vh}.on-demand-upload-container .upload-table .history-table{width:75vw;min-width:1180px}.on-demand-upload-container .upload-table .history-table thead tr th:nth-child(3){text-align:left!important;width:125px}.on-demand-upload-container .upload-table .history-table thead tr th:nth-child(4){width:125px}.on-demand-upload-container .upload-table .history-table thead tr th:nth-child(5){width:110px}.on-demand-upload-container .upload-table .history-table thead tr th:nth-child(10){min-width:90px}.on-demand-upload-container .upload-table .history-table tbody tr td:nth-child(3){text-align:left!important}.on-demand-upload-container .upload-table .history-table tbody tr td:nth-child(4){text-align:center!important}.on-demand-upload-container .upload-table .history-table tbody tr td:nth-child(5){text-align:right!important}.on-demand-upload-container .upload-table .history-table tbody tr td:nth-child(10){width:6.25vw}.on-demand-upload-container .upload-table .fa-play:hover{cursor:pointer}.on-demand-upload-container .primary-container{margin:130px auto 30px;width:75%;min-width:1230px;font:normal normal 500 16px Roboto!important;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.on-demand-upload-container .primary-container h4{font-family:Poppins;font-weight:600}.on-demand-upload-container .primary-container .MuiFormControlLabel-labelPlacementBottom{margin-left:0!important;margin-right:0!important}.on-demand-upload-container .primary-container .MuiTypography-body1{font-size:.7rem}.on-demand-upload-container .primary-container .MuiRadio-root{padding-top:0;padding:5px}.on-demand-upload-container .primary-container .MuiRadio-colorSecondary.Mui-checked{color:#0070c0}.on-demand-upload-container .primary-container .heading{font-weight:700;margin-bottom:15px}@media screen and (max-width:768px){.on-demand-upload-container .primary-container .heading{align-self:flex-start;margin-left:20px}}.on-demand-upload-container .primary-container .centered-form-controls-div{width:75vw;border-radius:30px;border:1px solid #dfe0e4;background-color:#fff;padding:20px 13px}.on-demand-upload-container .primary-container .centered-form-controls-div .row-container{border-bottom:1px solid #dfe0e4;padding-bottom:15px}.on-demand-upload-container .primary-container .centered-form-controls-div .schedule-datepicker .react-datepicker__input-container input{max-width:200px!important;padding:4px 14px!important}.on-demand-upload-container .primary-container .centered-form-controls-div .MuiOutlinedInput-notchedOutline{border-color:#cecece!important}.on-demand-upload-container .primary-container .centered-form-controls-div .MuiInputBase-root.Mui-disabled{background:#f5f5f5 0 0 no-repeat padding-box;border-radius:6px}.on-demand-upload-container .primary-container .centered-form-controls-div .MuiInputBase-root.Mui-disabled .MuiInputBase-input{color:#434343!important}.on-demand-upload-container .primary-container .centered-form-controls-div .MuiInputBase-root{height:38px;border-radius:10px;text-align:left;font:normal normal normal 16px Roboto!important;letter-spacing:0}.on-demand-upload-container .primary-container .centered-form-controls-div .modal-content{background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.1607843137);border:1px solid #dfe0e4;border-radius:12px}.on-demand-upload-container .primary-container .centered-form-controls-div .date-label,.on-demand-upload-container .primary-container .centered-form-controls-div .frequency-dropdown{padding-left:5px}.on-demand-upload-container .primary-container .centered-form-controls-div .label-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:5px}.on-demand-upload-container .primary-container .centered-form-controls-div .label-container .label-icon{flex:1 1;max-width:25px;font-size:18px;color:#0070c0}.on-demand-upload-container .primary-container .centered-form-controls-div .label-container .resolution-icon{width:18px;height:18px;margin-right:10px}.on-demand-upload-container .primary-container .centered-form-controls-div .label-container .label-name{text-align:left;letter-spacing:0;font-family:Poppins;color:#000;flex:2 1}.on-demand-upload-container .primary-container .centered-form-controls-div .label-container .label-name span{display:block}@media screen and (max-width:768px){.on-demand-upload-container .primary-container .centered-form-controls-div{width:90vw;align-self:flex-start;margin-left:20px}}.schedule-datepicker .react-datepicker__input-container input{max-width:unset}.accordion .form-check{padding-bottom:9px;display:flex;align-items:center}.accordion .card .card-body{text-align:left;font:normal normal normal 14px Roboto;letter-spacing:0}.accordion-card-channels .card .card-body,.accordion-card-events .card .card-body{padding:10px 15px}.accordion-card-channels .card .no-bottom,.accordion-card-events .card .no-bottom{margin-bottom:0!important}.accordion-header{display:flex;justify-content:space-between;align-items:baseline}.accordion-header .accordion-icon{flex:1 1}.accordion-header .accordion-icon .far,.accordion-header .accordion-icon .fas{color:#366eb9}.accordion-header .accordion-header-text{flex:6 1;font:normal normal 500 16px Roboto}.accordion-header .fa-caret-down,.accordion-header .fa-caret-right{color:#989898;width:10px;height:4px}.checkbox-badge.badge-primary{background-color:#1a457e;border-radius:50%;width:18px;height:19px;font-size:12px;margin-left:5px;font:normal normal medium 12px/16px Roboto;letter-spacing:0;color:#fff}.accordion-card-calendar .card-body{padding:0}.accordion-card-calendar .card-body .react-datepicker__day.react-datepicker__day--keyboard-selected{background:none;color:#000}.accordion-card-calendar .card-body .react-datepicker{font-family:Roboto;display:flex;flex-direction:column;justify-content:center;align-items:center}.accordion-card-calendar .card-body .react-datepicker button:focus.react-datepicker__navigation{outline:none!important}.accordion-card-calendar .card-body .react-datepicker{background-color:#f8f6f6;border:0}.accordion-card-calendar .card-body .react-datepicker .react-datepicker__header{background-color:inherit;border-bottom:none}.accordion-card-calendar .card-body .react-datepicker .react-datepicker__header .react-datepicker__current-month{font-weight:500}.accordion-card-calendar .card-body .react-datepicker .react-datepicker__day-name{color:#366eb9}.accordion-card-calendar .react-datepicker__day--in-range,.accordion-card-calendar .react-datepicker__day--in-selecting-range,.accordion-card-calendar .react-datepicker__day--selected,.accordion-card-calendar .react-datepicker__month-text--in-range,.accordion-card-calendar .react-datepicker__month-text--in-selecting-range,.accordion-card-calendar .react-datepicker__month-text--selected,.accordion-card-calendar .react-datepicker__quarter-text--in-range,.accordion-card-calendar .react-datepicker__quarter-text--in-selecting-range,.accordion-card-calendar .react-datepicker__quarter-text--selected,.accordion-card-calendar .react-datepicker__year-text--in-range,.accordion-card-calendar .react-datepicker__year-text--in-selecting-range,.accordion-card-calendar .react-datepicker__year-text--selected{background-color:#366eb9;border-radius:50%}.accordion>.card>.card-header{background-color:#e8e8e8}.form-check-label{margin-top:3px;margin-left:15px}.available-date{background-color:#adff2f;border-radius:50%}.apply-button{width:100%;display:flex;align-items:center;justify-content:center;height:calc(32vh - 167px);border-top:.25px solid grey}.apply-button button{width:165px;height:42px;background:#366eb8 0 0 no-repeat padding-box;border-radius:6px;font:normal normal medium 16px/21px Roboto;letter-spacing:0;color:#fff;text-align:center}.badge.badge-pill.badge-light{height:35px;background:#fff 0 0 no-repeat padding-box;border:1px solid #9dbeeb;border-radius:17px;text-align:left;font:normal normal medium 16px Roboto;letter-spacing:0;color:#366eb9;opacity:1;padding:1em;margin-right:10px}.badge.badge-pill.badge-light .close{background:#f9f9f9 0 0 no-repeat padding-box;text-shadow:none;font-size:inherit;width:11px;height:9px;margin-left:.25rem}.MuiMenu-list{max-height:150px;min-width:150px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar{width:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e2dfdf}.history-container{display:flex;flex-direction:row;top:0;bottom:0;left:0;right:0;position:absolute;overflow-y:hidden;overflow-x:hidden}.history-container .filters{position:-webkit-sticky;position:sticky;margin-top:92px;flex:2 1;bottom:0;height:calc(100vh - 92px);box-sizing:border-box;min-width:260px;max-width:300px;background:#fff 0 0 no-repeat padding-box;cursor:pointer}.history-container .filters .filters-header{position:relative;min-height:62px;max-width:inherit;text-align:left;font:normal normal 700 20px/26px Roboto;letter-spacing:0;color:#000;opacity:1;display:flex;flex-direction:row;justify-content:space-between}.history-container .filters .filters-header .filters-header-text{padding:18px 157px 18px 21px;width:57px;height:26px}.history-container .filters .filters-header .clear-all-filters{margin-top:1rem;margin-right:1rem;color:#3f51b5;font:normal normal normal 14px/19px Roboto;letter-spacing:0;opacity:1}.history-container .filters .video-filters .inner-box{height:68vh;overflow-y:scroll;font-family:Roboto}.history-container .filters .video-filters ::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.history-container .filters .video-filters ::-webkit-scrollbar{width:10px;background-color:#f5f5f5}.history-container .filters .video-filters ::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e2dfdf}.history-container .video-div{display:flex;flex-direction:column;flex:6 1;background:#f8f8f8 0 0 no-repeat padding-box;position:relative;clear:both;padding-top:35px;padding-bottom:45px;cursor:pointer;min-width:80vw;max-height:100vh;overflow-y:scroll}.history-container .video-div ::-webkit-scrollbar{width:0;background:transparent}.history-container .video-div .video-filter-tags{margin-top:59px;margin-bottom:5px;padding:10px 10px 0;max-height:62px;min-width:95%;justify-content:stretch;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;z-index:100;background-color:inherit}.history-container .video-div .video-filter-tags .sort-container{position:absolute;right:30px;align-items:center!important}.history-container .video-div .video-filter-tags .sort-container .sort-label{text-align:left;letter-spacing:0;font-family:Poppins;color:#000;margin-right:10px}.history-container .video-div .video-filter-tags .sort-container .MuiOutlinedInput-notchedOutline{border-color:#cecece!important}.history-container .video-div .video-filter-tags .sort-container .MuiInputBase-root{height:38px;border-radius:10px;text-align:left;font:normal normal normal 16px Roboto!important;letter-spacing:0}.history-container .video-div .video-container-margin .back-button{margin:.5rem .5rem .5rem 32px}.history-container .video-div .video-container-margin .video-container{position:relative;flex-wrap:wrap;grid-column-gap:1rem;column-gap:1rem;grid-row-gap:2rem;row-gap:2rem;flex:8 1;height:100%;overflow-y:scroll;overflow-x:hidden}.history-container .video-div .video-container-margin .video-button{border:none;background-color:inherit}@media screen and (max-width:768px){.history-container{overflow-x:auto}.history-container .filters .video-filters .inner-box{height:65vh}.history-container .video-div{overflow-y:auto;min-width:800px}}.video-grid-container{margin-top:32px!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:0 2rem;gap:0 2rem;margin:0 2rem}.folder-container{position:relative;display:flex;flex-direction:column;width:250px;align-items:center;transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),box-shadow .3s,-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12)}.folder-container .folder-icon{width:130px;height:130px}.folder-container .folder-title{width:100px;text-align:center}.folder-container:hover{transform:scale(1.05)}.image-container{display:flex;justify-content:center;align-items:center}.image-container img{width:500px}.imageModal button{border:none;background-color:transparent;color:#757575;margin:10px 0}.image-metadata{text-align:center}.icon-bottom{margin-right:10px;margin-top:3px;margin-bottom:3px}.vessel-dropDown-btn{width:13rem}.navbar-settings .btn-outline{border-color:#fff;color:#fff}.navbar-settings ::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.navbar-settings ::-webkit-scrollbar{width:10px;background-color:#f5f5f5}.navbar-settings ::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e2dfdf}*{box-sizing:border-box;margin:0;padding:0}.header{top:0;background:#02102d 0 0 no-repeat padding-box;height:92px;display:flex;flex-direction:row;padding:.5rem}.header .logo{height:70px;width:120px!important;max-width:none;object-fit:scale-down}.header .menu{font-size:1.5rem;color:#fff;width:16px;height:16px}.header .navbar-items{width:100%;display:flex;flex-direction:row;justify-content:start}.header .navbar-items .navbar-nav{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.header .navbar-items .navbar-nav li{margin-left:2vw;color:#0095ff}.header .navbar-items .navbar-nav img:hover{transform:scale(1.2)}.header .company-vessel-dropdown{display:flex;flex-direction:row;justify-content:center;margin-left:4rem;margin-right:1rem}.header .company-vessel-dropdown .company-dropdown{margin-right:1vw;width:49rem}.header .top-right-corner{display:flex;flex-direction:row;justify-content:flex-end}.header .top-right-corner .form-inline{margin-right:1vw}li button{font-family:"Montserrat",sans-serif;font-weight:500;font-size:16px;text-decoration:none}.drawer-box .fa,.drawer-box .fas{font-size:.9rem;color:#fff}.drawer .logo-drawer{background:#02102d;padding-top:30px}.drawer .logo-drawer .logo{width:120px!important;max-width:none;object-fit:scale-down}.drawer .company-vessel-dropdown{width:100%;display:flex;flex-direction:row;margin-left:4rem;justify-content:center}.drawer .company-vessel-dropdown .company-dropdown{margin-right:1vw;width:80rem}.nav_links{list-style:none;margin-bottom:0}.nav_links .fa,.nav_links .fas{font-size:.9rem;color:#fff;opacity:.95}.nav_links a{text-align:center}.nav_links li{display:inline-block;white-space:nowrap;font-size:larger;color:#fff;font-weight:600}.nav_links li:hover{color:#fff;font-weight:600;transition:all .3s ease 0s}.nav_links li:hover .fas{font-size:1rem;transition:all .3s ease 0s;color:#fff;opacity:1}.nav_links .nav_link_selected li{color:#fff;font-weight:600;text-decoration:underline;-webkit-text-decoration-color:#006fc0;text-decoration-color:#006fc0;text-decoration-thickness:2px;text-underline-offset:5px;transition:all .3s ease 0s}.nav_links .nav_link_selected li .fa,.nav_links .nav_link_selected li .fas{visibility:visible;font-size:.9rem;opacity:1}.logout{color:#fff;transition:all .3s ease 0s;font-weight:400;background-color:transparent;border:none;text-align:right;font-size:larger;display:flex}.logout,.logout .fa-user-circle{visibility:visible;margin-left:1rem;align-self:center}.logout .fa-user-circle{font-size:x-large}.logout:hover{transform:scale(1.1)}.close-btn{position:absolute;color:#fff;top:15px;right:15px;padding:5px}.nav_links .fas{margin-right:5px}.dropdown-item{max-width:170px;padding:.25rem .5rem;text-wrap:auto}.dropdown-item-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-right:.5rem;border-bottom:1px solid #d9d9d9}.dropdown-item-container:last-child{border-bottom-width:0}.btn-secondary.dropdown-toggle{display:flex;justify-content:space-between;align-items:center;width:12.5rem;border-radius:1.5rem;color:#02102d;background-color:#fff}.btn-secondary.dropdown-toggle:focus{background-color:#0070c0;color:#fff;border-width:0}.radio-img{width:13px;height:13px}.camera-dropDown-btn .dropdown-toggle{background-color:#007bff;padding-left:.5rem;padding-right:.5rem;width:11.5rem;font-family:"Montserrat",sans-serif;font-weight:300;font-size:.9rem}.company-dropDown-btn .dropdown-toggle,.vessel-dropDown-btn .dropdown-toggle{padding-left:.5rem;padding-right:.5rem;width:11.5rem;font-family:"Montserrat",sans-serif;font-weight:300;font-size:.9rem;border-radius:1.5rem}.vessel-dropDown-btn .dropdown-menu{width:15rem;min-height:4rem;font-family:"Montserrat",sans-serif;font-size:.85rem}.vessel-dropDown-btn .dropdown-menu button{overflow:hidden;text-overflow:ellipsis}.vessel-dropDown-btn .dropdown-menu{top:.25rem!important;max-height:50vh}.company-dropDown-btn .dropdown-menu{font-family:"Montserrat",sans-serif;font-size:.85rem}.company-dropDown-btn .dropdown-menu button{overflow:hidden;text-overflow:ellipsis}.company-dropDown-btn .dropdown-menu{top:.25rem!important;max-height:50vh;overflow-y:auto}.mobile-logout-button{color:#fff!important;font-size:x-large}.svg-white-color{filter:brightness(0) invert(1)}.nav-link-icon{margin-right:.5rem}.footerBg{display:flex;align-items:center;padding:15px 20px;height:30px;color:#fff;position:fixed;z-index:999;width:100%;bottom:0;left:0;background:#02102d 0 0 no-repeat padding-box}.footerBg .logo{width:90px!important;max-width:none;object-fit:scale-down;margin-right:5px}.recording-container{display:flex;flex-direction:column;justify-content:space-between}.recording-container .slider-container{position:relative;display:flex;flex-direction:column;border:1px solid rgba(2,16,45,.2);border-radius:30px;padding:0 10px 15px;background-color:#fff}.recording-container .dates-container{display:flex;flex-direction:row;align-items:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:#02102d;margin-bottom:5px}.recording-container .dates-container .react-datepicker__input-container>input{font-size:14px;width:130px;background-color:#02102d;color:#fff;border:0;text-align:center}.recording-container .date-text{font-size:16px;color:#fff;margin:0}.recording-container .location-text{font-size:15px;color:#d3d3d3;margin:0}.recording-container .time-track{position:relative;height:10px;border-radius:50px}.recording-container .time-track.time-track-0{padding-right:12px;background-color:#0070c0}.recording-container .time-track.time-track-1{background-color:#d9d9d9;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:12px}.recording-container .time-thumb{border-left:12px solid transparent;border-right:12px solid transparent;border-top:15px solid #0070c0;margin-top:-15px;cursor:grab}.recording-container .end-time-container,.recording-container .start-time-container{position:absolute;height:31px;top:53px}.recording-container .start-time-container{left:9.45%;border-left:2px solid #0070c0}.recording-container .end-time-container{right:9.45%;border-right:2px solid #02102d;display:flex;flex-direction:column;align-items:flex-end}.recording-container .se-time{font-size:14px;color:#02102d;margin:-9px 5px 14px}.recording-container .arrow-button-container{display:flex;justify-content:center;align-items:center;width:34px;height:34px;margin-top:13px;background-color:#e9e3dc;border-radius:50%}.recording-container .calender-arrow-button-size{width:20px;height:20px;margin:6px 8px 8px}.recording-container .arrow-icon{width:12px;height:24px}.recording-container .calender-arrow-icon{width:8px;height:16px}.recording-container .play-button{position:absolute;top:5px;left:12px;display:flex;justify-content:center;align-items:center;width:25px;height:25px;background-color:#0070c0;border-radius:50%}.recording-container .play-button:hover{background-color:#04246b}.recording-container .MuiOutlinedInput-notchedOutline{border-color:#cecece!important}.recording-container .camera-name{position:absolute;padding:5px 15px;background-color:#0070c0;color:#fff;opacity:.9;border-top-left-radius:20px;border-bottom-left-radius:20px}.recording-container .screen-control{position:absolute;padding:2px 6px;background-color:#0070c0;color:#fff;opacity:.5;border-radius:5px}.recording-container .img-grid{position:relative;display:flex;align-items:center;max-width:54rem;min-height:24vh;border-radius:20px;border:2px solid #0070c0}.recording-container .recording-img{display:block;max-height:60vh;border-radius:20px;object-fit:cover}.recording-container .recording-full-img{display:block;object-fit:contain}.fullscreen-dimmed:hover{opacity:1!important}.date-container-wrapper,.grid-cell{display:flex;justify-content:center}.grid-cell{width:100%;height:260px;align-items:center;border-radius:12px}.grid-cell img{max-width:100%;max-height:100%;height:auto;object-fit:contain}.MuiFormControl-root{width:14rem}.weekday-toggle-button-group .MuiToggleButtonGroup-groupedHorizontal:not(:first-child){border-left:1px solid}.weekday-toggle-button-group .MuiToggleButton-root.Mui-selected{color:#366eb8;background-color:#fff;border-color:#366eb8}.modal-dialog{font-family:Roboto!important}.row-container{border-bottom:1px solid #dfe0e4;padding-bottom:15px}.resolution-icon{width:16px;height:16px;margin-right:10px}.schedule-modal{width:70vw;max-width:90vw!important}.schedule-modal .schedule-datepicker .react-datepicker__input-container input{padding-left:10px;width:150px;height:30px}.schedule-modal .MuiOutlinedInput-notchedOutline{border-color:#cecece!important}.schedule-modal .MuiInputBase-root.Mui-disabled{background:#f5f5f5 0 0 no-repeat padding-box;border-radius:6px}.schedule-modal .MuiInputBase-root.Mui-disabled .MuiInputBase-input{color:#434343!important}.schedule-modal .MuiFormControlLabel-labelPlacementBottom{margin-left:0!important;margin-right:0!important}.schedule-modal .MuiTypography-body1{font-size:.7rem}.schedule-modal .MuiRadio-root{padding-top:0}.schedule-modal .MuiRadio-colorSecondary.Mui-checked{color:#0070c0}.schedule-modal .MuiInputBase-root{height:38px;border-radius:10px;text-align:left;font:normal normal normal 16px Roboto!important;letter-spacing:0}.schedule-modal .MuiListItem-gutters{padding-left:0;padding-right:0}.schedule-modal .modal-content{background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.1607843137);border:1px solid #dfe0e4;border-radius:12px}.schedule-modal .label-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.schedule-modal .label-container .label-icon{flex:1 1;max-width:23px;color:#366eb9;min-width:22px}.schedule-modal .label-container .label-name{text-align:left;letter-spacing:0;color:#000;font:normal normal 500 16px Roboto;white-space:normal;flex:2 1}.schedule-modal .label-container .label-name span{display:block}.schedule-modal .add-schedule-button{text-align:center;width:124px;height:32px;background:#366eb8 0 0 no-repeat padding-box;border-radius:6px}.schedule-modal .MuiInputBase-root.Mui-disabled{width:200px}.modal-loading-spinner{position:relative;margin:auto;vertical-align:middle;top:30%;left:50%;right:0;width:100%}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{box-sizing:border-box;height:100%;display:flex;flex-direction:column;align-items:stretch}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;flex:1 0;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}.rbc-day-slot .rbc-background-event,.rbc-event{border:none;box-sizing:border-box;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:rgb(37.7432432432,89.3513513514,133.2567567568)}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 rgba(51,51,51,.5)}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:rgba(0,0,0,.1)}.rbc-show-more{background-color:hsla(0,0%,100%,.3);z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal}.rbc-month-view{position:relative;border:1px solid #ddd;display:flex;flex-direction:column;flex:1 0;width:100%;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;position:relative;flex-direction:column;flex:1 0;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex-direction:row;flex:1 0;overflow:hidden}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;box-shadow:0 5px 15px rgba(0,0,0,.25);padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex-direction:column;flex:1 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:flex;flex-flow:column nowrap}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{border:1px solid rgb(37.7432432432,89.3513513514,133.2567567568);display:flex;max-height:100%;min-height:20px;flex-flow:column wrap;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;flex:1 1;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid rgb(246.5,246.5,246.5)}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:-webkit-sticky;position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;flex:1 0;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{width:140px;flex:1 1;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:rgba(0,0,0,.5);color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:flex;flex-direction:column;flex:1 1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{flex:1 1;display:flex;min-width:0;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{display:flex;flex:1 0;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.schedules-container{position:absolute;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;overflow:hidden}.fullsize-calendar-container{margin-top:92px;margin-bottom:30px}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#f8f8f8;color:#000}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{border:1px solid #fff}.rbc-day-slot .rbc-background-event .rbc-event-label,.rbc-day-slot .rbc-event .rbc-event-label{display:none}.rbc-month-row .rbc-row-content .rbc-date-cell{text-align:center;font-weight:500}.rbc-row-segment .calendar-container .time-range{display:none}.rbc-time-content .calendar-container .time-range{font:normal normal normal 16px Roboto!important;display:none!important}.rbc-row-segment{position:relative}.rbc-row-segment .rbc-show-more{position:absolute;top:12px;left:6px;color:#000;font-size:12px}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:inherit}.rbc-now a{background-color:#366eb9;border-radius:50%;padding:2px 7px;margin-bottom:4px!important;width:29px;height:29px;color:#f8f8f8!important;font-weight:400}.rbc-today{background-color:inherit}.rbc-month-row .rbc-row-content .rbc-date-cell{height:20px;padding:1px 0 2px}.rbc-month-view,.rbc-time-view{background-color:#f8f8f8}.rbc-day-slot .rbc-time-view .rbc-background-event,.rbc-time-view .rbc-day-slot .rbc-background-event,.rbc-time-view .rbc-event{border:1px solid #f8f8f8;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;height:3%!important;max-width:150px}.rbc-off-range-bg{background:inherit}.rbc-overlay{background-color:#fff;border-color:rgba(0,0,0,.1607843137)}.rbc-overlay .calendar-container .calendar-event .event-name{font:normal normal normal 16px Roboto!important}.rbc-overlay .calendar-container .calendar-event .camera-locations{font:normal normal normal 14px Roboto!important;color:#acaaaa!important}.rbc-overlay .calendar-container .time-range{font:normal normal normal 14px Roboto!important}.rbc-overlay .rbc-overlay-header{margin-top:3px;border-bottom:none;font:normal normal normal 18px/24px Roboto!important}.rbc-day-slot .rbc-overlay .rbc-background-event,.rbc-overlay .rbc-day-slot .rbc-background-event,.rbc-overlay .rbc-event{background-color:inherit}.rbc-header{font-family:Roboto;font-weight:500;border-bottom:0}.settings-page .all-buttons{display:flex;flex-direction:row;justify-content:flex-start}.settings-page .topHeader{background-color:#0070c0;border-radius:8px 8px 0 0;padding:10px 15px;margin-top:20px}.settings-page .topHeader h6{color:#fff;margin:6px 0;font-weight:500;font-family:"Roboto","Helvetica","Arial",sans-serif;letter-spacing:.02857em}.settings-page .input-form{margin-top:1px;border:1px solid #cecece;padding:20px 15px;border-radius:4px}.language-toggle{width:90px!important}.language-toggle .btn-outline{border-color:#fff;color:#fff}.language-toggle{width:17.5rem!important;margin-left:5px;border-radius:5px!important;border-color:#ced4da}.vessel-assignment.modal{width:75vw;max-width:90vw!important}.vessel-assignment.modal .modal-header .modal-title .modal-text{font-size:1em}.vessel-assignment.modal .modal-header .modal-title .select-company{padding-left:75px;padding-top:15px}.vessel-assignment.modal .modal-header .modal-title .select-company .form-control{background-color:#389bd9;width:200px;color:#fff}.vessel-assignment.modal .modal-header .modal-title .select-company .form-control .company-options{background-color:#fff;color:#000}.vessel-assignment.modal .modal-body .company-details-title{padding-bottom:10px}.vessel-assignment.modal .modal-footer{display:flex;justify-content:center}.vessel-assignment.modal .modal-loading-spinner{position:relative;margin:auto;vertical-align:middle;top:30%;left:50%;right:0;width:100%}.unassigned-vessel-page .all-buttons{display:flex;justify-content:space-between}.unassigned-vessel-page .all-buttons .top-left-buttons{display:flex;justify-content:flex-start}.unassigned-vessel-page .all-buttons .top-left-buttons .vessel-button{margin-left:5px}.unassigned-vessel-page .all-buttons .top-right-content{display:flex;justify-content:flex-end}.unassigned-vessel-page .all-buttons .top-right-content .select-country-text{margin-top:5px;margin-right:5px}.unassigned-vessel-page .all-buttons .top-right-content .select-country-dropdown{width:300px}.vessels-table thead tr th:first-child,.vessels-table thead tr th:nth-child(2),.vessels-table thead tr th:nth-child(3){text-align:left!important}.user-delete-confirmation-modal{width:50vw;max-width:90vw}.user-delete-confirmation-modal .modal-header{background-color:#be4941;color:#fff;padding:12px}.user-delete-confirmation-modal .modal-header .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:unset}.user-delete-confirmation-modal .delete-button{background-color:#be4941;border-color:#be4941}.company-multi-dropdown .MuiInputBase-input{color:#02102d!important;background-color:transparent;border-radius:.25rem!important;margin:0;border-top:1px solid #ced4da!important}.company-multi-dropdown .MuiSelect-icon{color:#02102d!important}.company-multi-dropdown{display:block;position:relative;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:300;line-height:1.5;background-clip:padding-box;border-radius:.25rem!important;border:1px solid #ced4da!important;border-top:none!important;background-color:#fff}.event-dropdown .MuiInputBase-input{color:#02102d!important;background-color:transparent;border-radius:.25rem!important;margin:0;border-top:1px solid #ced4da!important}.event-dropdown .MuiSelect-icon{color:#02102d!important}.event-dropdown{display:block;position:relative;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:300;line-height:1.5;background-clip:padding-box;border-radius:.25rem!important;border:1px solid #ced4da!important;border-top:none!important;background-color:#fff}.vessel-dropdown .MuiInputBase-input{color:#02102d!important;background-color:#fff;border-radius:2rem!important;margin:0}.vessel-dropdown .MuiSelect-icon{color:#02102d!important}.vessel-dropdown{display:block;position:relative;width:12.5rem;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:300;line-height:1.5;background-clip:padding-box;border-radius:2rem!important;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.vessel-dropdown2 .MuiInputBase-input{color:#02102d!important;background-color:transparent;border-radius:.25rem!important;margin:0;border-top:1px solid #ced4da!important}.vessel-dropdown2 .MuiSelect-icon{color:#02102d!important}.vessel-dropdown2{display:block;position:relative;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:300;line-height:1.5;background-clip:padding-box;border-radius:.25rem!important;border:1px solid #ced4da!important;border-top:none!important;background-color:#fff}.users-modal{width:75vw;max-width:90vw!important}.users-modal .MuiOutlinedInput-notchedOutline{border-color:#ced4da!important}.MuiInputBase-root.Mui-disabled{color:#495057;padding:0;cursor:default;background-color:#e9ecef;border:1px solid #ced4da;opacity:1;height:calc(1.5em + .75rem + 2px)}.MuiMenu-list{overflow-y:auto;max-height:350px!important}.MuiMenu-paper{margin-top:36px}.MuiTypography-body1{font-size:.96rem!important}@media screen and (max-width:1100px){.MuiMenu-paper{margin-top:0}.MuiMenu-list{overflow-y:auto;max-height:150px!important}}.MuiMenuItem-root{border-bottom:1px solid #d9d9d9!important}.MuiMenuItem-root:last-child{border-bottom-width:0!important}.preferences-dropdown .MuiInputBase-input{color:#02102d!important;background-color:transparent;border-radius:.25rem!important;margin:0;border-top:1px solid #ced4da!important}.preferences-dropdown .MuiSelect-icon{color:#02102d!important}.preferences-dropdown{display:block;position:relative;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:300;line-height:1.5;background-clip:padding-box;border-radius:.25rem!important;border:1px solid #ced4da!important;border-top:none!important;background-color:#fff}.check-img{width:13px;height:13px}.users-table thead tr th:nth-child(6){width:130px!important}.users-table thead tr th:nth-child(5){width:100px!important}.users-table thead tr th:nth-child(4){width:150px!important;text-align:left!important}.users-table thead tr th:nth-child(3){width:300px!important;text-align:left!important}.users-table thead tr th:nth-child(2){width:200px!important;text-align:left!important}.users-table thead tr th:first-child{text-align:left!important}.admins-table thead tr th:first-child{width:250px!important;text-align:left!important}.admins-table thead tr th:nth-child(2){width:350px!important;text-align:left!important}.admins-table thead tr th:nth-child(3){width:200px!important;text-align:left!important}.admins-table thead tr th:nth-child(4){width:100px!important}.admins-table thead tr th:nth-child(5){width:130px!important}.users-page .back-button i{margin-right:7px}.vessels-modal{width:75vw;max-width:90vw!important}.vessels-modal .datepicker-div{min-width:none!important;width:216px}.vessels-table thead tr th:nth-child(3){width:140px}.vessels-table thead tr th:nth-child(2){width:120px}.vessels-table thead tr th:nth-child(4){width:50px}.vessels-page .back-button i{margin-right:7px}.action-buttons{display:flex;justify-content:space-evenly}.tableHeader{background-color:#0070c0;border-radius:8px 8px 0 0;padding:10px 15px;margin-top:20px}.tableHeader h6{color:#fff;margin:6px 0;font-weight:500;font-family:"Roboto","Helvetica","Arial",sans-serif;letter-spacing:.02857em}.action-buttons .fa-play-circle{color:#0f9d58;font-size:20px;background-color:transparent!important}.action-buttons .fa-trash{font-size:20px}.history-table thead tr th:nth-child(4){width:125px;word-wrap:break-word!important}.history-table thead tr th:nth-child(3){width:190px;word-wrap:break-word!important}.history-table thead tr th:nth-child(2){width:100px;word-wrap:break-word!important}.history-table thead tr th:nth-child(5){width:110px;word-wrap:break-word!important}.history-table thead tr th:nth-child(7),.history-table thead tr th:nth-child(8){width:100px;word-wrap:break-word!important}.active-buttons{display:flex;justify-content:space-evenly}button.active-buttons{margin-right:10px}.tablepagination{padding:0 0 100px;margin-top:15px}.tablepagination .MuiButton-root{min-width:unset;padding:0}.tablepagination .schedule-button{padding:5px 15px}.next .MuiButton-label,.prev .MuiButton-label{padding:5px 8px}.styled-table{border-collapse:collapse;margin:25px 0;font-size:.9em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px rgba(0,0,0,.15)}table.styled-table{width:100%}.styled-table thead tr{background-color:#0070c0;color:#fff;text-align:left}.styled-table td,.styled-table th{padding:12px 20px;text-align:center}.styled-table tbody tr{border-bottom:1px solid #ddd}.styled-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr:last-of-type{border-bottom:2px solid #0070c0}.search-box{display:block;width:100%;border-color:#fff!important;background-color:transparent;border-radius:10px;color:#fff!important}.search-box .MuiOutlinedInput-root{height:30px}.MuiOutlinedInput-notchedOutline{border-color:#fff!important}.MuiInputBase-input,.MuiPaper-elevation10 .MuiInputBase-input{color:#000!important}.MuiOutlinedInput-input{padding:10.5px 14px!important}.table thead tr th{text-align:left!important;text-align:center!important;word-break:break-word}.table tbody tr td,.table thead tr th{padding:6px 10px;vertical-align:middle}.table tbody tr td{text-align:left!important}.search-box .MuiInputLabel-outlined{z-index:1;transform:translate(14px,13px) scale(1);pointer-events:none;background-color:transparent;z-index:999}.table thead tr th:nth-child(6),.table thead tr th:nth-child(9){width:100px;word-wrap:break-word!important}.table thead tr th:first-child{width:125px;word-wrap:break-word!important}.schedule-button{display:inline-flex;margin:auto 10px}.action-buttons button{border:none;background-color:transparent}.action-buttons .fa-edit{color:#0070c0;font-size:20px;background-color:transparent!important}.action-buttons .fa-copy{color:orange}.action-buttons .fa-copy,.action-buttons .fa-trash{font-size:20x;background-color:transparent!important}.action-buttons .fa-trash{color:#d73331}.loading-spinner{position:absolute;z-index:999;margin:auto;vertical-align:middle;top:30%;left:50%;right:0;width:100%}.schedule-table thead tr th:nth-child(3){width:125px;word-wrap:break-word!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.d93f37ef.chunk.css.map */