/* /Components/Environment.razor.rz.scp.css */
.environment-status-container[b-tupmk7u985] {
    display: flex;
    flex-direction: row;
    width: 89%; /*420.69px*/
    justify-content: space-around;
    margin-left: 1.196vw; /*20px*/
}

body[b-tupmk7u985] {
}
/* /Components/EnvironmentStatus.razor.rz.scp.css */
.environment-status[b-svjd6wvmc0] {
    display: flex;
    flex-direction: column;
    margin-top: 2.125vh; /*20px*/
    margin-left: 1.196vw; /*20px*/
}

/*The environment title*/
.environment-status-title[b-svjd6wvmc0] {
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.169vh; /*11px*/
    color: #494949;
    margin: 0px;
}

/*The environment subtitle*/
.environment-status-subtitle[b-svjd6wvmc0] {
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 0.85vh; /*8px*/
    color: #777777;
    margin: 0px;
}

/*The environment image*/
.environment-status-image[b-svjd6wvmc0] {
    height: 12.248vh; /*115.25px*/
    margin-left: -1.196vw; /*-20px*/
    margin-bottom: -1.594vh; /*-15px*/
}

/*The environment value*/
.environment-status-value[b-svjd6wvmc0] {
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.433vh; /*22.89px*/
    color: #494949;
    margin: 0px;
}

/*The environment condition text*/
.environment-status-stat[b-svjd6wvmc0] {
    font-family: "Roboto Regular", sans-serif;
    font-size: 0.696vh; /*6.55px*/
    font-style: normal;
}

/*The placeholder for the environment condition graph*/
.environment-status-graph[b-svjd6wvmc0] {
    width: 4.922vw; /*82.29px*/
}

body[b-svjd6wvmc0] {
}
/* /Components/InfoPanel.razor.rz.scp.css */

/*The whole panel*/
.info-panel[b-g8dng4o2ez] {
    border-image-source: url('/images/svg/infoPanel.svg');
    border-image-slice: 0 fill;
    border-image-repeat: stretch;
    display: flex;
    position: relative;
    flex-direction: column;
    background-color: #ffffffab;
}

/*Contains the icon and the title text*/
.info-title[b-g8dng4o2ez] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1.316vw; /*22px*/
    margin-top: 1.966vh; /*18.5px*/
}

/*Icon on the left of the title*/
.info-title-icon[b-g8dng4o2ez] {
    width: fit-content; /*3.89px*/
    height: 0.862vh; /*8.11px*/
}

/*Title text*/
.info-title-text[b-g8dng4o2ez] {
    font-family: "bai-jamjuree", sans-serif;
    font-weight: 500;
    color: #494949;
    font-style: normal;
    font-size: clamp(0.875rem, 1.838vh, 1.7rem); /* 17.3px*/
    margin-left: 0.281vw; /*4.7px*/
    margin-top: 0px;
    margin-bottom: 0px;
}

/*Subtitle Text*/
.info-subtitle-text[b-g8dng4o2ez] {
    font-family: "Roboto Medium";
    color: #494949;
    font-size: 1.018vh; /*9.58px*/
    margin-left: 1.824vw; /*30.5px*/
    margin-top: -0.319vh;
    margin-bottom: 0px;
}

/*Dots on the top right of the panel*/
.info-dots[b-g8dng4o2ez] {
    position: absolute;
    width: fit-content; /*45.53px*/
    height: 0.213vh; /*2px*/
    align-self: end;
    margin-top: 1.626vh; /*15.3px*/
    margin-right: 1.041vw; /*17.4px*/
}

/*Lines on the bottom right of the panel*/
.info-lines[b-g8dng4o2ez] {
    position: absolute;
    width: 96%; /*452px*/
    height: auto;
    bottom: 0px;
    align-self: center;
    margin-bottom: 1.031vh; /*9.7px*/
}

/*Contains the status online*/
.status-container[b-g8dng4o2ez] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1.824vw; /*30.5px*/
}

/*status online box*/
.status-box[b-g8dng4o2ez] {
    width: fit-content; /*4.71px*/
    height: 0.515vh; /*4.85*/
}

/*status online text*/
.status-text[b-g8dng4o2ez] {
    font-family: "Roboto Regular";
    font-size: 0.509vh; /*4.79px*/
    color: #494949;
    margin-left: 0.197vw; /*3.3px*/
}
/* /Components/Map/Map.razor.rz.scp.css */
.map-container[b-vnt2vv0cz3] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*remove this later, only for dev/testing*/
    height: calc(100% - 85px);
    z-index: 0;
}

.map-container-child[b-vnt2vv0cz3] {
    width: 100%;
    height: 100%;
}

.map-fullscreen[b-vnt2vv0cz3] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/* /Components/Security.razor.rz.scp.css */

.security-container[b-stglqq337h] {
    display: flex;
    flex-direction: column;
    align-items: end;
}

/*Threats detected container*/
.threats-container[b-stglqq337h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 1.585vw; /*26.5px*/
}

/*Threats detected text*/
.threats-text[b-stglqq337h] {
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 0.929vh;
}

/*Contains the red hexagon and the text with the number of threats*/
.hexagon-container[b-stglqq337h] {
    display: flex;
    align-items: center;
    margin-left: 0.215vw; /*3.6px*/
    justify-content: center;
}

/*The hexagon behind the number of threats*/
.threats-hexagon[b-stglqq337h] {
    height: 1.558vh; /*14.66px*/
    
}

/*the number of threats*/
.threats-value[b-stglqq337h] {
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 0.857vh; /*8.06px*/
    color: white;
    position: absolute;
}

/*Placeholder for the security component*/
.security-placeholder[b-stglqq337h] {
    width: 76%; /*359.2px*/
    margin-left: 2.087vw; /*34.9px*/
    align-self: start;
}

.code-placeholder[b-stglqq337h] {
    width: 9.729vw;
    height: 2.658vh;
    bottom: 2vh;
    right: -0.5vw;
    width: 9.729vw; /*162.67px*/
    height: 2.658vh; /*25.01px*/
    margin-top: 19.687vh;
    position: absolute;
}
/* /Components/VehicleOverview.razor.rz.scp.css */
/*Contains the Tuga and the elements around the Tuga*/
.main-overview-container[b-tn5jo6tv7o] {
    display: flex;
    flex-direction: row;
    margin-left: 1.699vw; /*28.4px*/
    position: relative;
}

/*Container for the overview values on the left of the Tuga*/
.overview-values-container[b-tn5jo6tv7o] {
    display: flex;
    flex-direction: column;
    height: 14.283vh; /*134.4px*/
    justify-content: space-evenly;
    margin-top: 10.096vh; /*95px*/
    position: absolute;
    z-index: 2;
}

/*the lines that separate each overview values on the left*/
.overview-lines[b-tn5jo6tv7o] {
    width: 2.263vw; /*37.84px*/
}

/*overview title*/
.overview-title[b-tn5jo6tv7o] {
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 600;
    font-size: 5.63px;
    color: #C6C7C8;
    margin:0px;
}

/*overview subtitle*/
.overview-subtitle[b-tn5jo6tv7o] {
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 700;
    font-size: 7.49px;
    color: #515256;
    margin: 0px;
}

/*Wrapper for circle overview SVG and its aligned overlays*/
.circle-overview-wrapper[b-tn5jo6tv7o] {
    position: relative;
    height: 33.675vh; /*316.883px*/
    width: calc(33.675vh * 431.34 / 316.886); /*45.837vh*/
    flex-shrink: 0;
}

/*The lines around the Tuga*/
.circle-overview[b-tn5jo6tv7o] {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 10;
    pointer-events: none;
}

/*Placeholder for the 3D Tuga model Component*/
.tuga-placeholder[b-tn5jo6tv7o] {
    height: 77.3%; /*26.034vh out of 33.675vh*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/*Contains the weather icons above the tuga*/
.weather-icon-container[b-tn5jo6tv7o] {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 0;
    height: 0;
    pointer-events: none;
}

.weather-icon[b-tn5jo6tv7o] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.66vh;
    height: 1.66vh;
    min-width: 10px;
    min-height: 10px;
    transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-13.64vh) rotate(calc(-1 * var(--angle)));
    transform-origin: center center;
    pointer-events: auto;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.weather-icon:hover[b-tn5jo6tv7o] {
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.8));
    transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-13.64vh) rotate(calc(-1 * var(--angle))) scale(1.2);
}

/*Contains the elements below the Tuga*/
.bottom-overview-container[b-tn5jo6tv7o] {
    position: absolute;
    bottom: 1.5vh;
    width: 90%; /*429.79px*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self:center;
}

/*Placeholder image for the bars on the bottom left*/
.overview-stats[b-tn5jo6tv7o] {
    width: 7.224vw; /*120.79px*/
}

/*Coordinates on the bottom right*/
.coordinates-container[b-tn5jo6tv7o] {
    display:flex;
    flex-direction:column;   
}

.coordinates-text[b-tn5jo6tv7o] {
    font-size: 9.38px;
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 700;
    color: #CCCCCC;
    margin:0px;
}
/* /Components/VehicleStatus.razor.rz.scp.css */
/*Contains the table of values for each status and the velocimeter*/
.info-stats[b-9elj37ggh3] {
    display: flex;
    flex-direction: row;
    margin-top: 2.976vh; /*67.1px*/
    margin-left: 1.83vw; /*30.6px*/
    align-items: center;
}

/*The text inside the status table*/
td[b-9elj37ggh3] {
    white-space: break-spaces;
    font-family: "TitlingGothicFB";
    font-size: 1.169vh; /*11px*/
    color: #494949;
}

/*The icons inside the status table*/
.status-icon[b-9elj37ggh3] {
    height: 1.817vh; /*17.1px*/
    width:fit-content;
}

/*Speed Velocimeter*/
.velocimeter-container[b-9elj37ggh3] {
    display: flex;
    margin-left: 5.114vw; /*85.5px*/
    align-items: center;
    justify-content: center;
}

/*Speed shown in the velocimeter*/
.speed-value-text[b-9elj37ggh3] {
    position: absolute;
    font-family: 'bai-jamjuree', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #494949;
    font-size: 5.252vh; /*49.42px*/
    margin-top: 7.5vh;
}

/*Metric shown in the velocimeter*/
.speed-metric-text[b-9elj37ggh3] {
    position: absolute;
    font-family: "bai-jamjuree", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.366vh; /*12.85px*/
    color: #494949;
    margin-top: 10.627vh;
}

/*Placeholder for the Motor Graph Component*/
.motor-container[b-9elj37ggh3] {
    position:absolute;
    width: 86%; /*404.03px*/
    align-self: center;
    bottom: 2.8vh; 
    display:flex;
}

.motor-back[b-9elj37ggh3] {
    width:100%;
    height:100%;
}

.motor-front-container[b-9elj37ggh3] {
    height:100%;
    position:absolute;
    display:flex;
    align-items:center;
    margin-left:0.47vw;
    
}

.motor-front-image[b-9elj37ggh3] {
    height: 73%;
    width: fit-content;
}

.motor-front-value[b-9elj37ggh3] {
    position: absolute;
    font-family: "bai-jamjuree", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 8px;
    top: 2vh;
    left: 0.2vw;
}
/* /Components/VideoFeed.razor.rz.scp.css */
/*Contains all the elements in a column*/
.video-feed-container[b-clya9jl4td] {
    width: 29.57vw; /* 494.41px*/
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
}

/*Placeholder for the video camera component*/
.video-camera[b-clya9jl4td] {
    max-height: 25.115vh; /*236.33px*/
    width:100%;
    margin-top: 0.638vh; /*6px*/
}

/*container for the video slider*/
.video-slider-container[b-clya9jl4td] {
    position: relative;
    width: 100%;
    display: flex;
    margin-top: 0.638vh; /*6px*/
}

/*the bar showing the current time in the video slider*/
.video-slider-back[b-clya9jl4td] {
    width:100%;
}

/*the bar showing the current time in the video slider*/
.video-slider-forward[b-clya9jl4td] {
    position: absolute;
    left: 7.775vw; /*130px*/
}

/*The container for the camera selection*/
.camera-selection-container[b-clya9jl4td] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.796vh; /*16.9px*/
    width: 100%;
    position:relative;
}

/*The back and forward arrows*/
.selection-arrow[b-clya9jl4td] {
    width: 0.626vw; /*10.46px*/
}

/*Contains all the camera options*/
.options-container[b-clya9jl4td] {
    display: flex;
    flex-direction: row;
    width: 16.582vw; /*277.25px*/
    justify-content: space-evenly;
    align-items: center;
    height: 1.528vh; /*14.38px*/
}

/*brackets of the current camera selected*/
.brackets[b-clya9jl4td] {
    position: absolute;
    left: 6.5vw;
    top: 0.05vh;
}

/*The camera option text*/
.option-text[b-clya9jl4td] {
    font-family: "Roboto Medium", sans-serif;
    font-size: 0.981vh; /*9.23px*/
    color: #494949;
}

/*The vertical breaks that separate the camera options*/
.vertical-break[b-clya9jl4td] {
    width: 1px;
    height: 1.177vh; /*11.08px*/
}

/*Placeholder for the signal Graph Component*/
.signal-graph[b-clya9jl4td] {
    margin-top: 1.275vh; /*12px*/
    width: 29.63vw; /*495.41px*/
    height: 5.279vh; /*49.68px*/
}
/* /Pages/Dashboard.razor.rz.scp.css */
/*.ai canvas resolution 1672x941 */

.page-container[b-mudcokmtzb] {
    display: flex;
   flex-direction:column;
    min-height: 100vh; 
    width: 100%;
}

/*The border around the page*/ 
.outer-border[b-mudcokmtzb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    border-image-source: url('/images/svg/outerBoarder.svg');
    border-image-slice: 0 fill;
    border-image-repeat: stretch;
    pointer-events: none;
}

/*Nexus text on the top center of the screen*/
.dashboard-title-text[b-mudcokmtzb] {
    position: absolute;
    font-family: Manrope;
    font-size: 12.3px;
    color: #505354;
    margin-top: 2.8vh; /*26.5px*/
    align-self: center;
    letter-spacing: 3px;
    pointer-events: none;
}

/*Tuga Inovations Logo on top left corner*/
.tuga-logo[b-mudcokmtzb] {
    width: fit-content; /*185.89px*/
    height: 5.30vh; /*49.9px*/
    margin-left: 2.584vw; /*43.2px*/
    margin-top: 5.027vh; /*47.3px*/
    pointer-events: none;
}


/*Placeholder image for the GPS Component at the bottom of the screen*/
.gps-placeholder[b-mudcokmtzb] {
    position: absolute;
    width: 63.09vw; /*1054.87px*/
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    z-index: 2;
    pointer-events: none;
}

/*Contains all the panel rows*/
.main-panel-container[b-mudcokmtzb] {
    display: flex;
    margin-left: 2.584vw; /*49.3px*/
    margin-top: 3.369vh; /*31.7px*/
    position: relative;
    z-index: 2;
    pointer-events: none;
}

/*Panel row*/
.panel-container[b-mudcokmtzb] {
    display: flex;
    flex-direction:column;
    pointer-events: auto;
}


.map-container[b-mudcokmtzb] {
    position: absolute;
    width: 40vw;
    height: 40vh;
    left: 49%;
    transform: translateX(-50%);
    bottom: 0px;
    z-index: 1;
    pointer-events: auto;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%),
                        linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%),
                linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
    mask-composite: intersect;
}