@charset "UTF-8";
.main-map-layer {
    height: 94vh !important;
    margin: 0px !important;
    padding: 0px !important;

}

.map-search-bar-container {
    padding-bottom: 15px;
}

.ol-popup {
    position: absolute;
    background-color: white;
    color: black;

    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 1.0);
    bottom: 12px;
    left: -50px;
    min-width: 240px;
    z-index: 999 !important;
    /*overflow: hidden;*/

}

.popup-img {
    max-height: 10%;
    height: 10%!important;
    width: 100%;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;

    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
    font-size: 24px;
}

.ol-popup-closer:after {
    content: "✖";
    color: black;
}

video {
    /*height: 500px;*/
    /*min-height: 100%;*/
    width: 100%;
    min-width: 100%;
}

.video_holder {
    /*height: 500px;*/
    /*min-height: 100%;*/
    width: 100%;
    min-width: 100%;
}

#result-panel {
    background-color: #fff;
    resize: vertical;
}

/*
.result-handle {
    float: left;
    position: relative;
    left: -60px;
    background: rgb(63,81,181);
    color: #fff;
    width: 60px;
    height: 40px;
    padding-left: 15px;
    padding-top: 8px;
    cursor: pointer;
}
*/
.result-handle {
    float: left;
    text-align: left;
    font-size: 14px;
    /*position: relative;*/
    /*right: -10px;*/
    left: 0;
    position: absolute;
    background: white;
    color: black;
    width: 150px;
    height: 28px;
    /*cursor: pointer;*/
    top: -25px !important;
    bottom: 0px;

}

.bottom-controls {
    margin-left: 20px;
}

.result-container {
    margin: 0;
    top: 0;

    width: 100%;
    overflow: hidden;
    padding: 0;
}
/*#result-panel:hover{*/
/*    background-color: #0e90d2;*/
/*}*/
.total-container {
    padding-top: 0px;
}

.total-container span {
    margin-left: -40px;
}

.table-scroll thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-scroll tbody {
    max-height: 260px;
    overflow-y: auto;
    display: block;
    width: 100%;
    table-layout: fixed;
}

.table-scroll tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.table-scroll td {
    height: 47px;
}

.vis-item {
    border-color: black;
    background-color: red;
    border-width: 1px !important;

}

.vis-item-blue {
    border-color: blue !important;
    background-color: rgb(10,162,250) !important;
    width: 12px !important;
    height: 12px !important;
}

.vis-item-test {
    border-color: blue !important;
    background-color: #f9d806 !important;
    width: 12px !important;
    height: 12px !important;
}

.vis-item-bang {
    width: 12px !important;
    height: 12px !important;
    border-color: rgba(0, 0, 0, 1) !important;
    border-width: 4px !important;
    background-color: #e2ff00 !important;
    color: #e2ff00;

}

.vis-item-ruckus {
    width: 12px !important;
    height: 12px !important;
    border-color: #77ff18 !important;
    border-width: 4px !important;
    background-color: #FFFFFF !important;
    color: #77ff18;
}

.vis-item.vis-dot {
    width: 12px;
    height: 12px;
    left: 1px !important;
    border-radius: 8px;

}

.vis-item {
}

.vis-item-content {
    padding: 3px !important;
    font-size: 15px !important;
    color: #5bc0de;
    /*height: 20px;*/
    font-weight: normal;
    /*background-color:#FFD78F ;*/


}
.max-width-dropdown .multiselect-parent {
    width: 100%;
}

.max-width-dropdown .multiselect-parent button {
    width: 100%;
}

.max-width-dropdown .multiselect-parent ul {
    width: 100%;
}

.checkbox-container .survey-dropdown {
    float: right;
    margin-top: -6px;
    margin-left: 5px;
}

.checkbox-container label {
    margin-left: 15px;
    margin-top: 6px;
}

.modal {
    display: block !important;
    z-index: -1;
}

.modal.fade.in {
    z-index: 1050;
}

/*.vis-group .vis-itemset .vis-background, .vis-itemset .vis-foreground{*/
/*height: 20%!important;*/
/*overflow: visible;*/
/*}*/
/*.vis-foreground { overflow-x: scroll;*/
/*height: 300px;}*/
/*.vis-group { overflow-x: scroll;*/
/*height: 300px;}*/
/*.vis-itemset {*/

/*height: 100px!important;}*/
/*.vis-group .vis-foreground{*/
/*!*overflow-y:scroll ;*!*/
/*!*overflow-x: hidden;*!*/
/*height: 100px!important;*/
/*overflow-y:scroll ;*/
/*!*overflow-y:scroll*!*/
/*}*/
.vis-vertical-scroll {
    scrollbar-base-color: #0e90d2;

}

.vis-vertical-scroll::-webkit-scrollbar {
    width: 1em;
}

.vis-vertical-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.vis-vertical-scroll::-webkit-scrollbar-thumb {
    background-color: #00a0f2;
    outline: 1px solid slategrey;
}


.zindex {
    z-index: 99999999999 !important;
}
.selector-dialog .modal-dialog {
    width: 80%;
}

.selector-dialog .modal-dialog .modal-content {
    display: inline-block;
}

.ol-floors {
    z-index: 1000;
    margin-right: 0px;
    top: 1em;
}

.selected-floor {
    text-decoration: none !important;
    background-color: rgb(28, 28, 28) !important;
}

.left-check .map-check {

    /*float: left!important;*/
    /*margin: 0px !important;*/
    /*!*display:flow;*!*/
    /*!*margin-left: 0px!important;*!*/

}
.map-check {
    color: #FFF5FC;
    /*font-size: 10px;*/
    /*width: 150px;*/
    z-index: 1000;
    display: inline-block;
    /*position: relative;*/
    /*float: right;*/
    margin-top: 0px !important;
    padding: 0px !important;
    right:0;
}

.map-check > checkbox {
    padding: 0px;
    margin: 0px;
    width: 10px;
    height: 10px;
    display: inline !important;
}

.map-check button {
    display: inline !important;
    color: #fff !important;
    /*background-color: white;*/
}

.map-checkbox {
    height: 30px;
    width: 30px;
}

.text-toolbox {
    color: #333333;
}

.floor-menu {
    /*position: relative;*/
    margin-top: 95px !important;
    min-width: 50px;
    right:0;

}
.survey-floor-menu {
    /*position: relative;*/
    margin-top: 170px !important;
    min-width: 50px;
    right:0;

}
.survey-floor-menu .ol-control button {
    width: 50px !important;

}

.full-screen {
    position: absolute;
    float: bottom !important;
    bottom: 50px !important;
    right: 0px !important;
    /*margin-top: 800px !important;*/


    z-index: 9999 !important;
    min-width: 40px;
    width: 21px !important;
    height: 21px !important;
}

/*.full-screen>button{*/
/*width: 30px!important;*/
/*height: 30px!important;*/
/*}*/
.floor-menu .ol-control button {
    width: 50px !important;

}

.ol-rotate-reset button {
    width: 50px !important;
}
.ol-rotate{
    width:40px;
    top: 12.5em;
    left: 0;
}
.ol-control{
    background: none;
    background-image: none;
    background-color: rgba(36, 44, 33, 0.77)!important;
}
.ol-controller {
    z-index: 1000;
    /*margin-left: 50px !important;*/
    margin-right: auto !important;
    /*margin-top: 0px;*/
    float: left;
    width: 70%;
}

.ol-control-btn button {
    min-width: 150px !important;
    /*z-index: 20000;*/
    /*padding: 5px;*/
    width: 30%;
}

.map-menu-btn {
    /*min-width: 150px!important;*/
    z-index: 1000;
    /*padding: 5px;*/

}

.map-menu-btn {
    color: #fff !important;
    background-color: #007bffBF !important;
    border-color: #007bff !important;
    margin-left: 0px !important;
    min-width: 50px !important;
}

.map-menu-btn:hover {
    color: #fff !important;
    background-color: #0069d9BF !important;
    border-color: #0062cc !important;
}

.map-menu-btn:focus, .map-menu-btn.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

.map-menu-btn.disabled, .map-menu-btn:disabled {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.map-menu-btn:not(:disabled):not(.disabled):active, .map-menu-btn:not(:disabled):not(.disabled).active,
.show > .map-menu-btn.dropdown-toggle {
    color: #fff !important;
    background-color: #0062cc !important;
    border-color: #005cbf !important;
}

.map-menu-btn:not(:disabled):not(.disabled):active:focus, .map-menu-btn:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

.map-btn-warning {
    color: #FFFFFF !important;
    /*background-color: #ffc107 !important;*/
    background-color: #00a0f2 !important;
    border-color: #007bffBF !important;
    margin-left: 10px !important;
    margin-top: 5px !important;
    border-radius: 0 !important;
    opacity: 1;
}

.map-btn-warning:hover {
    color: #212529 !important;
    background-color: #007bffBF !important;
    border-color: #007bffBF !important;

}

.btn {
    border-radius: 0;
}

/*.map-btn-warning:focus, .map-btn-warning.focus {*/
/*box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;*/
/*}*/

.map-btn-warning.disabled, .map-btn-warning:disabled {
    color: #212529 !important;
    background-color: #007bffBF !important;
    border-color: #007bffBF !important;
}

.map-btn-warning:not(:disabled):not(.disabled):active, .map-btn-warning:not(:disabled):not(.disabled).active,
.show > .map-btn-warning.dropdown-toggle {
    color: #212529 !important;
    background-color: #007bffBF !important;
    border-color: #007bffBF !important;
}

.player {

    z-index: 9999;

}

.vis-timeline {
    margin: 0 !important;
    padding: 0px !important;
}

vis-timeline {
    margin: 0 !important;
    background-color: #0A0A0A;
    color: #FFFF;
}

.vis-tooltip {
    color: cornflowerblue;
    background-color: yellow;
    width: 100px;
    float: outside;
    font-weight: bolder;

    position: absolute;
    opacity: 1 !important;
    border: 0.5px solid black;
    border-radius: 8px;
    z-index: 100001 !important;
}

video::-webkit-media-controls-overlay-play-button {
    display: none !important;
}
.btn-group-toggle {
    left: 20px !important;
}
#sign-on-form{
    width: 185px;
    margin-left: auto;
    margin-right: auto;

}

.sign-on-form{


    width: 185px;
    margin-left: auto;
    margin-right: auto;

}
#sign-on-form .form-group{
    display:inline;
    text-align: center;
}
#sign-on-form > .form-control{
    display:inline;
    text-align: center;
}
.flex{
    display: flex;
    padding: 0;
}

/*.map-btn-warning:not(:disabled):not(.disabled):active:focus, .map-btn-warning:not(:disabled):not(.disabled).active:focus,*/
/*.show > .map-btn-warning.dropdown-toggle:focus {*/
/*box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;*/
/*}*/
.vis-item .vis-onUpdateTime-tooltip {
    position: absolute;
    background: #4f81bd;
    color: white;
    width: 200px;
    height: 20px;

    text-align: center;
    white-space: nowrap;
    padding: 5px;
    border-radius: 1px;

    /*transition: 0.1s;*/
    /*!*-o-transition: 0.5s;*!*/
    /*-o-transition: 0.1s;*/
    /*-moz-transition: 0.1s;*/
    /*-webkit-transition: 0.1s;  */

    transition: 0.4s;
    /*-o-transition: 0.5s;*/
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}


/*.container {*/
/*    display: flex;*/
/*    flex-flow: row nowrap;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*}*/

/*aside {*/
/*    width: 300px;*/
/*    height: 100%;*/
/*    transition: width 0.2s ease;*/
/*}*/

/*aside.collapsed {*/
/*    width: 0px;*/
/*}*/

/*.map {*/
/*    flex: 1 1 auto;*/
/*}*/


.mapboxgl-canvas-container{
    width: 100%!important;
    height: 100%!important;
}