/* 
    Created on : 18.12.2019, 14:54:57
    Author     : Nils Mathias
*/

.leaflet-marker-pane .leaflet-div-icon:not(.leaflet-editing-icon) {
    background-color: transparent;
    border: none;
}

.marker {
    font-size: 16px;
    width: 2em;
    transform: translate3d(-1em, -2em, 0);
}

.marker__body {
    z-index: 2;
    position: relative;
}

.marker__body {
    width: 100%;
    height: 2em;
    background-color: #556e7a;
    margin: 0 auto -2px auto;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.9);
}

.marker--cluster {
    font-size: 14px;
    letter-spacing: 0.03em;
    background-color: #0097A7;
    min-width: 2em;
    height: 2em;
    line-height: 2em;
    -webkit-transform: translate3d(0px, 6px, 0);
    -moz-transform: translate3d(0px, 6px, 0);
    -o-transform: translate3d(0px, 6px, 0);
    transform: translate3d(0px, 6px, 0);
}

.marker--cluster:after {
    content: '';
    position: absolute;
    top: -0.5em;
    left: -0.5em;
    bottom: -0.5em;
    right: -0.5em;
    border: 0.5em solid rgba(0,151,167,0.1);
    border-radius: 50%;
}

.marker__body,
.marker--cluster {
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'CircularPro-Medium',Arial, sans-serif;
}

.marker:hover .marker__body {
    background-color: #1a237e;
}

.marker--cluster:hover {
    background-color: #1a237e;
}

.marker:hover .marker__noise__arrow {
    border-top-color: #1a237e; 
}

.marker--active .marker__body {
    background-color: #00b0ff;
}

.marker .marker__icon {
    font-size: 1em;
}

.marker__noise {
    width: 32px;
    height: 12px;
    display: flex;
    z-index: 1;
    position: relative;
    margin-bottom: -4px;
}

.marker__noise__arrow {
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #556e7a;
    margin: 0 auto;
}

.marker--active .marker__noise__arrow {
    border-top-color: #00B0FF;
}

.marker__position {
    width: 32px;
    height: 12px;
    display: flex;
}

.marker__noise__spot {
    width: 0.5em;
    height: 0.5em;
    background-color: #00000080;
    border-radius: 50%;
    box-sizing: content-box;
    margin: 0 auto;
    z-index: 0;
    position: relative;
}


/** tooltips **/

.leaflet-popup-tip-container {
    display: none;
}

.draw-control-disabled {
    pointer-events:none;
    background-color: #f4f4f4 !important;
    color: #bbb !important;
}

/** Leaflet toolbar customizations*/
.leaflet-draw{
    display: flex;
    flex-direction: row;     /* make main axis horizontal (default setting) */
    justify-content: center; /* center items horizontally, in this case */
    align-items: center;     /* center items vertically, in this case */
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    flex-wrap: wrap;
}
.leaflet-draw-toolbar{
    margin-top: 0 !important;
    border: 0 !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 48px;
}
.leaflet-draw-toolbar a {
    border-right: 1px solid #ccc !important;
    border-bottom-width: 0px;
    border-radius: 0 !important;
}

.leaflet-draw-toolbar a:hover {
    border-bottom-width: 0px;
}

.leaflet-draw-toolbar a:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px;
}

.leaflet-draw-toolbar a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-right-width: 0px;
}
.leaflet-draw-actions{
    top: 35px !important;
    z-index: 2;
}

.leaflet-control-container {
    font-family: 'CircularPro-Book', sans-serif;
}
.leaflet-draw-actions li:last-child a{
    border-radius: 0 4px 4px 0 !important;
}

.leaflet-draw-toolbar .leaflet-draw-draw-colorpicker,
.leaflet-draw-toolbar .leaflet-draw-draw-colorpicker:hover,
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-colorpicker{
    background-image: url(images/palette-24px.svg.xhtml?ln=bornemann) !important;
    background-repeat: no-repeat;
    background-size: 18px 30px !important;
}

.leaflet-draw-toolbar .leaflet-draw-draw-undo,
.leaflet-draw-toolbar .leaflet-draw-draw-undo:hover,
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-undo{
    background-image: url(images/undo-24px.svg.xhtml?ln=bornemann) !important;
    background-repeat: no-repeat;
    background-size: 18px 30px !important;
}

.leaflet-draw-toolbar .leaflet-draw-draw-redo,
.leaflet-draw-toolbar .leaflet-draw-draw-redo:hover,
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-redo{
    background-image: url(images/redo-24px.svg.xhtml?ln=bornemann) !important;
    background-repeat: no-repeat;
    background-size: 18px 30px !important;
}

.color-picker{
    display: none;
    position: fixed;
    left: 53%;
    bottom: 0px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}
/* from Map/sidebar */
.marker--currentLocation {
    font-size: 12px;
    background-color: #4285F4;
    border: 1px solid #fff;
    width: 1em;
    min-width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-transform: translate3d(-0em, -0em, 0);
    -moz-transform: translate3d(-0em, -0em, 0);
    -o-transform: translate3d(-0em, -0em, 0);
    transform: translate3d(-0em, -0em, 0);
}

.marker--currentLocation:after {
    background-color: transparent;
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: -0.55em;
    left: -0.55em;
    border: 0.5em solid #4285F450;
    border-radius: 50%;
    box-sizing: content-box;
}

.marker--address .marker__body{
    background-color: #1a237e;
}
.marker--address .marker__noise__arrow {
    border-top-color: #1a237e;
}

svg.marker__background {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    -webkit-filter: drop-shadow(0 1px 8px rgba(0,0,0,0.2));      
    filter: drop-shadow(0 1px 8px rgba(0,0,0,0.2));  
}

svg.marker__background circle {
    cx: 20;
    cy: 20;
    r:  20px;
}

.marker--inactive.marker--selected svg.marker__background polygon,
.marker--inactive.marker--selected svg.marker__background circle {
    fill: #1a227c;
}
.marker--inactive svg.marker__background polygon,
.marker--inactive svg.marker__background circle {
    fill: #556e7a;
}

.marker--active.marker--selected svg.marker__background polygon,
.marker--active.marker--selected svg.marker__background circle {
    fill: #1a227c;
}
.marker--active svg.marker__background polygon,
.marker--active svg.marker__background circle {
    fill: #00b0ff;
}

.marker:hover svg.marker__background polygon,
.marker:hover svg.marker__background circle {
    fill: #1a237e;
}


svg.marker__background + .marker__icon {
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0.5em;
    top: 0.45em;
}

/** FIX **/
.leaflet-control-layers-selector[type="radio"] {
    position: relative;
    opacity: 1;
}

.leaflet-control-layers-base label:hover {
    cursor: pointer;
    background-color: #fbfbfb;
}

.leaflet-control-layers-base label span , .leaflet-control-layers-overlays span{
    color: #212121;
}

.floorplan{
    margin-top: 5px;
    border-top: 1px solid rgba(0,151,167,0.1);
}

.map-marker{
    text-align: center;
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    color: #00b0ff;                    
    width: 32px;
    height: 41px;
    border-radius: 50%;            
    line-height: 22pt;
    font-size: 22px;
    font-family: 'FontAwesome';    
    /*filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));*/
}

.map-marker.another-class:before{
    content: '\f1f8';
}

.map-marker:hover{
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}

/* Makes control round shape */
.leaflet-control-layers, .leaflet-bar{
    border: none !important;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
    background-clip: unset;
    box-shadow: unset;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
    border: none !important;
}

.leaflet-control-zoom.leaflet-bar a:first-child{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.leaflet-control-zoom.leaflet-bar a:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.leaflet-control-layers.leaflet-control{
    border: none;
    border-radius: 25px;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded{
    border-radius: 5px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-loc {
    background-image: url(images/mylocation-24px.svg.xhtml?ln=bornemann) !important;
    background-repeat: no-repeat;
    background-size: 24px 30px;
}

.leaflet-control-loc.leaflet-bar a{
    border-radius: 25px !important;
    width: 44px;
    height: 44px;
}

.leaflet-verticalcenter {
    /********************************************/
    /* Same as .leaflet-top and .leaflet-bottom */
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    /********************************************/
    top: 50%;
    transform: translateY(-50%);
    padding-top: 10px;
}

.leaflet-verticalcenter .leaflet-control {
    margin-bottom: 10px;
}

/*
  ##Devices with touch
*/
.leaflet-control-layers-toggle{
    width: 44px;
    height: 44px;
}
.leaflet-control-zoom-display,
.leaflet-touch .leaflet-control-zoom-display {
    width: 44px;
    height: 44px;
    font-size: 18px;
    line-height: 30px;
}

.leaflet-bar a, .leaflet-bar a:hover,
.leaflet-touch .leaflet-bar a, .leaflet-touch .leaflet-toolbar-0 > li > a {
    width: 44px;
    height: 44px;
    font-size: 20px;
    line-height: 45px;
    background-size: 314px 30px !important;
}
.leaflet-draw-toolbar.leaflet-bar a, .leaflet-draw-toolbar.leaflet-bar a.leaflet-disabled,
.leaflet-touch .leaflet-draw-toolbar.leaflet-bar a, .leaflet-touch .leaflet-draw-toolbar.leaflet-bar a.leaflet-disabled{
    background-position-y: 6px;
}
.leaflet-draw-actions a, .leaflet-control-toolbar .leaflet-toolbar-1 > li > .leaflet-toolbar-icon,
.leaflet-touch .leaflet-draw-actions a, .leaflet-touch .leaflet-control-toolbar .leaflet-toolbar-1 > li > .leaflet-toolbar-icon {
    font-size: 20px;
    line-height: 44px;
    height: 44px;
}
.leaflet-touch .leaflet-draw-actions, .leaflet-touch .leaflet-toolbar-1 {
    left: 45px;
}
.leaflet-right .leaflet-toolbar-1 {
    left: auto !important;
    right: 30px;
}
.leaflet-right .leaflet-toolbar-1 li:first-child > .leaflet-toolbar-icon {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.leaflet-right .leaflet-toolbar-1 li:last-child > .leaflet-toolbar-icon {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

.moveIcon, .rotateIcon, .resizeIcon{
    border: none !important;
    padding: 0 !important;
}
.ui-wizard-content .leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive.leaflet-marker-draggable{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
}
/**** added tooltip for Floor plan *****/
.leaflet-control-layers-overlays label:hover input:hover{
    cursor: pointer !important;
    background-color: #fbfbfb;
}
.layer-overlay-tooltip {
    border: none;
    font-size: 16px;
    line-height: 2.16rem;
    color: #212121;
    font-family: unset;
    width: 100px;
}
.map-marker .marker_icon_place {
    font-size: 0.8em;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0.4em;
    top: 0.6em;
}
/*map provider dialoge box*/
/* Modal Content */
.map_provider_label{
    text-align: center;
    padding-left: 8px;
    cursor: pointer;
    white-space: nowrap;
    float: left;
    line-height: 2.16rem;
}
.modal-content {
    position: absolute;
    /* top: 64%; */
    bottom: 4%;
    right: 0.5%;
    width: 344px;
    height: auto;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px -24px 38px #00000024;
    border-radius: 8px;
    opacity: 1;
    padding-bottom: 30px;
}

/* The Close Button */
.modal-content .close_dlg {
    color: #aaaaaa;
    float: right;
    font-size: 24px;
    font-weight: bold;
    right: 10px;
    position: relative;
}

.modal-content .close_dlg:hover,
.modal-content .close_dlg:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-content .map_provider_select_menu {
    width: 100%;
    display: inline-block;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.modal-content .dialog_header {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0px 30px;
    height: auto;
}
.dialog_header h2 {
    font-family: 'CircularPro-Medium';
    font-size: 20px;
    float: left;
    padding-left: 20px;
    color:#212121;
}

.map_provider_select_menu .map_provider_option {
    top: 208px;
    left: 8px;
    width: 100%;
    height: 72px;
    background: #ffffff 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.map_provider_select_menu .map_provider_option .radio_btn {
    width: 112px;
    height: 56px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.map_provider_select_menu .map_provider_option:nth-child(1) .radio_btn{
    background: transparent url(images/google.png) 0% 0% no-repeat padding-box;
    object-fit: cover;
}
.map_provider_select_menu .map_provider_option:nth-child(2) .radio_btn{
    background: transparent url(images/bing.png) 0% 0% no-repeat padding-box;
    object-fit: cover;
}
.map_provider_select_menu .map_provider_option:nth-child(3) .radio_btn{
    background: transparent url(images/here.png) 0% 0% no-repeat padding-box;
    object-fit: cover;
}
.map_provider_select_menu .map_provider_option:nth-child(4) .radio_btn{
    background: transparent url(images/openstreet.png) 0% 0% no-repeat padding-box;
    object-fit: cover;
}

.modal-content .map_provider_option input[type='radio'] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    pointer-events: auto;
    bottom: 6px;
    right: 5px;
}

.modal-content .map_provider_option input[type='radio']:after {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    content: '';
}

.modal-content .map_provider_option input[type='radio']:checked:after {
    background-color: #00B0FF;
    border: 1px solid  #00B0FF;
}

.provider_detail{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items:  flex-start;
    height: 100%;
    width: 100%;
    margin-left: 10px;
    border-bottom: 1px solid #b3aaaa;
}

.provider_detail span:nth-child(1){
    font-family: 'CircularPro-Medium';
    font-size:14px;
    letter-spacing: 0px;
    color: #212121;
    opacity: 1;
    white-space: nowrap;
}

.provider_detail span:nth-child(2){
    font-family: 'CircularPro-Medium';
    font-size:12px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #757575;
    opacity: 1;
    white-space: nowrap;
    width:252px;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.material-icons.live_map_change {
    position: relative;
    padding-left: 3px;
    top: 3px;
    font-size: 18px;
    color: grey;
    float: left;
    line-height: 2.10rem;
}
.map_provider_option{
    cursor: pointer;
}
.disabled_map_provider {
    pointer-events: none;
}
.disabled_map_provider .provider_detail span{
    color :#9e9e9e !important;
}
.disabled_map_provider .radio_btn input[type="radio"]{
    cursor: auto !important;
    opacity: 0.4 !important;
}
/*media query for map dialog box*/
/*@media only screen and (max-width:540px){
    .modal-content {
        top: 50%;
        left: 35%;
    }
    .setting_dialog_box{
        top: 65% !important;
    }
}
@media only screen and (max-width:667px) and (max-height:375px){
    .modal-content {
        top: 13%;
        left: 48%;
        z-index: 1;
    }
    .setting_dialog_box{

        top: 22% !important;

        left: 38% !important;

    }
}
@media only screen and (max-width:450px){
    .modal-content {
        top: 51%;
        left: 15%;
         bottom: 5%; 
    }
    .setting_dialog_box{
        top: 66% !important;
        left: 15% !important;
    }
}
@media only screen and (max-width: 411px) {
    .modal-content {
        top: 56%;
        left: 3%;
        width: 95%;
    }
    .setting_dialog_box{
        top: 69% !important;
        left: 3% !important;
    }
}
@media only screen and (max-width:360px){
    .modal-content {
        top: 32%;
        left: 16%;
    }
    .setting_dialog_box{

    }
}
@media only screen and (max-width:375px){
    .modal-content {
        top: 46%;
        left: 3%;
        width: 95%;
    }
    .setting_dialog_box{
        top: 61% !important;
    }
}
@media only screen and (max-width:375px) and (min-height: 812px){
    .modal-content {
        top: 55%;
        left: 3%;
         margin: 0 6px 0; 
        width: 95%;
    }
    .setting_dialog_box{
        top: 69% !important;
        left: 3% !important;
    }
}

@media only screen and (max-width:320px){
    .modal-content {
        top: 36%;
        left: 3%;
        width: 300px;
    }
    .provider_detail span:nth-child(2){ 
        width: 210px;
    }
    .setting_dialog_box{
        top: 56% !important;
        left: 4% !important;
    }
}
@media only screen and (max-width: 280px){
    .modal-content {
        top: 45%;
        left: 3%;
        width: 95%;
    }
    .provider_detail span:nth-child(2){
        width: 180px;
        margin: 2px;
    }
    .setting_dialog_box{

    }
}

@media only screen and (min-width:720px) and (max-width:1024px){
    .modal-content {
        top: 67%;
        left: 55%;
    }
    .setting_dialog_box{
        top: 77% !important;
        left: 54% !important;
    }
}
@media only screen and (min-width:720px) and (max-height:540px){
    .modal-content {
        top: 16%;
        left: 57%;
        z-index: 1;
    }
    .setting_dialog_box{
        top: 77% !important;
        left: 54% !important;
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px){
    .modal-content {
        top: 57%;
        left: 66%;
    }
    .setting_dialog_box{
        top: 70% !important;
        left: 66% !important;
    }
}
@media only screen and (min-width:1366px) and (max-height:1024px) {
    .modal-content{
        top: 67%;
        left: 74%;
    }
    .setting_dialog_box{
        top: 77% !important;
        left: 75% !important;
    }
}
@media only screen and (min-width: 1024px) and (min-height: 1366px) {
    .modal-content{
        top: 75%;
        left: 66%;
    }
    .setting_dialog_box{
        top: 82% !important;
        left: 66% !important;
    }
}*/
/*end*/

/*setting dialog box*/

.setting_dialog_box{
    bottom : 3.5%;
    right: 0.5%;;
}
.setting_dlg_label {
    position: relative;
    padding-left: 15px;
}
.setting_dlg_label span {
    padding-left: 10px;
    color: black;
    cursor: pointer;
}
.setting_dlg_label input {
    cursor: pointer;
}
.setting_dlg_content {
    margin-bottom: 30px;
    padding: 0 0 0 50px;
}
.leaflet-control-layers label {
    display: flex;
}
.setting_feature_disabled{
    color: #9e9e9e !important;
    pointer-events: none;
}
/*end*/


.leaflet-tooltip {
    padding: 0 4px;
    border: none !important; 
    font-size: 14px;
    font-family: 'CircularPro-Book';
    opacity: 1 !important;
    background-color: transparent !  important;
    box-shadow: none !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    color: #546E7A;
    text-shadow: 0px 0px 5px #FFFFFF;
}
.inactive--asset-tooltip{
    text-shadow: -3px -2px 0px #fff,
        -3px -1px 0px #fff,
        -3px 0px 0px #fff,
        -3px 1px 0px #fff,
        -3px 2px 0px #fff,
        -3px 3px 0px #fff,
        -2px -3px 0px #fff,
        -2px -1px 0px #fff,
        -2px 0px 0px #fff,
        -2px 1px 0px #fff,
        -2px 2px 0px #fff,
        -2px 3px 0px #fff,
        -1px -3px 0px #fff,
        -1px -2px 0px #fff,
        -1px 0px 0px #fff,
        -1px 1px 0px #fff,
        -1px 2px 0px #fff,
        -1px 3px 0px #fff,
        0px -3px 0px #fff,
        0px -2px 0px #fff,
        0px -1px 0px #fff,
        0px 1px 0px #fff,
        0px 2px 0px #fff,
        0px 3px 0px #fff,
        1px -3px 0px #fff,
        1px -2px 0px #fff,
        1px -1px 0px #fff,
        1px 0px 0px #fff,
        1px 2px 0px #fff,
        1px 3px 0px #fff,
        2px -3px 0px #fff,
        2px -2px 0px #fff,
        2px -1px 0px #fff,
        2px 0px 0px #fff,
        2px 1px 0px #fff,
        2px 3px 0px #fff,
        3px -3px 0px #fff,
        3px -2px 0px #fff,
        3px -1px 0px #fff,
        3px 0px 0px #fff,
        3px 1px 0px #fff,
        3px 2px 0px #fff;
}
.active--asset-tooltip{
    color: #00b0ff !important;  
    text-shadow: -3px -2px 0px #fff,
        -3px -1px 0px #fff,
        -3px 0px 0px #fff,
        -3px 1px 0px #fff,
        -3px 2px 0px #fff,
        -3px 3px 0px #fff,
        -2px -3px 0px #fff,
        -2px -1px 0px #fff,
        -2px 0px 0px #fff,
        -2px 1px 0px #fff,
        -2px 2px 0px #fff,
        -2px 3px 0px #fff,
        -1px -3px 0px #fff,
        -1px -2px 0px #fff,
        -1px 0px 0px #fff,
        -1px 1px 0px #fff,
        -1px 2px 0px #fff,
        -1px 3px 0px #fff,
        0px -3px 0px #fff,
        0px -2px 0px #fff,
        0px -1px 0px #fff,
        0px 1px 0px #fff,
        0px 2px 0px #fff,
        0px 3px 0px #fff,
        1px -3px 0px #fff,
        1px -2px 0px #fff,
        1px -1px 0px #fff,
        1px 0px 0px #fff,
        1px 2px 0px #fff,
        1px 3px 0px #fff,
        2px -3px 0px #fff,
        2px -2px 0px #fff,
        2px -1px 0px #fff,
        2px 0px 0px #fff,
        2px 1px 0px #fff,
        2px 3px 0px #fff,
        3px -3px 0px #fff,
        3px -2px 0px #fff,
        3px -1px 0px #fff,
        3px 0px 0px #fff,
        3px 1px 0px #fff,
        3px 2px 0px #fff;
}
.non_asset_marker_tooltip{
    z-index: -1;
}

.map-marker-icon {
    left: 12px !important;
    top: 12px !important;
}


#floorPlanPanel{
    background: transparent;
    position: fixed;
    z-index: 700;
    bottom: 120px;
    right: 10px;
}

#floorSelectionPanel{
    width: 44px;
    height: auto;
    margin-left: calc(100vw - 50px);
    padding: 5px 0px;
    bottom: 30px;
    border-radius: 20px;
    box-sizing: border-box;
    min-height: 70px;
    overflow: hidden;
    justify-content: center;
}

.floorPlanItem{
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden;
    width: 40px;
    padding: 5px !important;
    height: auto !important;
    text-align: center;
    margin: 0 auto;
    color: #757575 !important;
}

.floorPlanItem .flooPlanItemTooltip{
    visibility: hidden;
    background-color: #fff;
    color: #757575 !important;
    text-align: center;
    border-radius: 10px;
    padding: 0px 8px;
    right: 60px;
    position: absolute;
    z-index: 1;
    font-family: 'CircularPro-Book',sans-serif;
    font-size: 12px;
    box-shadow: 0px 2px 5px #757575;
}

.floorPlanItem:hover{
    cursor: pointer;
    background-color: #f5f5f5;
}

.floorPlanItem:hover  .flooPlanItemTooltip{
    visibility: visible !important;
}

.place-topbar-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    padding: 12px 24px;
    box-sizing: content-box;
}

.selected-item{
    width: 100%;
    background-color: #f5f5f5 !important;
}

/* Style the tab */
.tab-div {
    /*width: 330px;*/
    margin-left: 24px;
}

/* Style the buttons inside the tab */
.tab-div button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  width: 148px;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 14px;
  font-family: 'CircularPro-Book';
  border-bottom: 1px solid #ccc;
  color: #757575;
}

/* Change background color of buttons on hover */
.tab-div button:hover {
  border-bottom: 2px solid #00B0FF;
}

/* Create an active/current tablink class */
.tab-div button.active-tab {
  border-bottom: 2px solid #00B0FF;
  color: #00B0FF;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}


.content-div{
    display: inline-flex;
    flex-direction: row;
    padding: inherit;
    width: 100%;
}

.marker-settings-label{
  font-size: 14px;
  font-family: 'CircularPro-Book';
  width: 148px;
}

.dropdown-select{
    width: 148px;
    border-radius: 5px;
}

.toggle-switch {
  --inactive-bg: #9E9E9E;
  --active-bg: #00B0FF;
  --size: 1rem;
  appearance: none;
  width: calc(var(--size) * 2.2);
  height: var(--size);
  display: inline-block;
  border-radius: calc(var(--size) / 2);
  cursor: pointer;
  background-color: var(--inactive-bg);
  background-image: radial-gradient(
      circle calc(var(--size) / 2.1),
      #fff 100%,
      #0000 0
    ),
    radial-gradient(circle calc(var(--size) / 1.5), #0003 0%, #0000 100%);
  background-repeat: no-repeat;
  background-position: calc(var(--size) / -1.75) 0;
  transition: background 0.2s ease-out;
  margin-left: auto;
}
.toggle-switch:checked {
  background-color: var(--active-bg);
  background-position: calc(var(--size) / 1.75) 0;
}

.content-div-for-switch{
    display: inline-flex;
    flex-direction: row;
    padding: inherit;
    width: 100%;
}

.marker-settings-label-for-switch{
    font-size: 14px;
  font-family: 'CircularPro-Book';
  width: 163px;
}

div#marker_settings_dlg {
    border-radius: 4px;
}
div#marker_settings_dlg .dialog_header{
    margin:20px 0 !important;
}
div#marker_settings_dlg .dialog_header h2{
    font-family: 'CircularPro-Medium' !important;
    text-align: left;
    letter-spacing: 0px;
    font-weight: 500;
    color: #212121;
    font-size:20px !important
        line-height:18px;
}

div#marker_settings_dlg button.tablinks {
    font-family: 'CircularPro-Medium' !important;
    font-weight:500 !important;
    font-size:14px !important;
    text-align: center;
    letter-spacing: 0px;
    padding:9px !important;
    line-height:18px;
}

div#marker_settings_dlg label.marker-settings-label {
    font-family: 'CircularPro-Book' !important;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-313131);
    text-align: left;
    font-size:14px;
    letter-spacing: 0px;
    color: #313131;
    opacity: 1;
    padding: 12px 0;
}

div#marker_settings_dlg .dropdown-select{
    border-radius:4px !important;
    height:48px;
    padding:14px 16px ;
    line-height:28px !important;
    font-family: 'CircularPro-Medium' !important;
    font-weight:500 !important;
    font-size:14px !important;
}
div#marker_settings_dlg .tabcontent > div{
    padding-top:12px;
    padding-bottom:0;
}



div#marker_settings_dlg .content-div-for-switch {
    display: inline-block;
    position: relative;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 24px;
}
div#marker_settings_dlg .content-div-for-switch .toggle-switch {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 36px;
    height: 20px;
    opacity: 0;
    z-index: 4;
}
div#marker_settings_dlg .content-div-for-switch label{
    display: block;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    color:#313131 !important;
}
div#marker_settings_dlg .content-div-for-switch label:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 14px;
    z-index: 1;
    transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
div#marker_settings_dlg .content-div-for-switch label:after {
    content: "";
    position: absolute;
    top: 17px;
    right: 36px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    z-index: 2;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left, background-color;
}
div#marker_settings_dlg .toggle-switch:checked + label:before {
    background-color: rgba(0, 176, 255, 0.5);
}
div#marker_settings_dlg .toggle-switch:checked + label:after {
    right: 20px;
    background-color: #00B0FF;
}
div#marker_settings_dlg .disabled-switch + label:after{
    background-color: #f5f5f5 !important;
}
div#marker_settings_dlg .disabled-switch + label:before{
    opacity: 0.32;
}

.marker--cluster-place {
    background-color: #546E7A;
}


.ui-toggleswitch .ui-toggleswitch-slider {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 30px;
    background-color: #72707080;
}
.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: green;
}
.ui-toggleswitch .ui-toggleswitch-slider::before {
    background-color: #ffffff;
    height: 1.250em;
    width: 1.250em;
    left: .25em;
    bottom: .25em;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}