select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}
/* For IE10 */
select::-ms-expand {
  display: none;
}        
.number-icon{
    background-size: 30px 40px;
    background-repeat: no-repeat;
    text-align:center;
    color:white;
    padding-top:3px;
    font-weight: bold;
    width: 30px !important;
    height: 40px !important;
    margin-top: -40px !important;
    margin-left: -15px !important;
}
.purple-square-marker{
    background-image: url("/assets/img/purple_square_marker.png");
}
.green-marker{
    background-image: url("/assets/img/green_marker.png");
}
.blue-marker{
    background-image: url("/assets/img/blue_marker.png");
}
.red-marker{
    background-image: url("/assets/img/red_marker.png");
}
.green-marker-flat{
    background-image: url("/assets/img/green_marker_flat.png");
}
.blue-marker-flat{
    background-image: url("/assets/img/blue_marker_flat.png");
}
.red-marker-flat{
    background-image: url("/assets/img/red_marker_flat.png");
}
.green-marker-star{
    background-image: url("/assets/img/green_marker_star.png");
}
.blue-marker-star{
    background-image: url("/assets/img/blue_marker_star.png");
}
.red-marker-star{
    background-image: url("/assets/img/red_marker_star.png");
}
.brown-marker{
    background-image: url("/assets/img/brown_marker_compressed.png");
}
.orange-marker{
    background-image: url("/assets/img/orange_marker_compressed.png");
}
.violet-marker{
    background-image: url("/assets/img/violet_marker_compressed.png");
}
.pink-marker{
    background-image: url("/assets/img/pink_marker.png");
}
.gray-marker{
    background-image: url("/assets/img/grey.png");
}
.black-marker{
    background-image: url("/assets/img/black.png");
}
.ui-datepicker, .date-selector-wrapper{
    z-index: 2000 !important;
    font-size: 14px;
}
        .n2mNoBorder{
            border: 0px !important;
        }
        .n2mOneLine{
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;    
        }
        .n2mL2ToggleX, .n2mL3ToggleX,
        .n2mToggleX, .n2mToggleReminder{
            display: none;
            font-weight: bold;
            color: rgba(69, 161, 255, 0.6);
            font-size: 24px;
            top: 5px;
            position: absolute;
            right: 12px;
        }
        .n2mToggleReminder{
           color: RGB(252,132,40);
        }
        .n2mLGI, .n2mLGI3L{
          position: relative;  
        }
        .n2mPopup, .n2mProtectPopup{
            position: absolute;
            display:none;
            top: 0px;
            z-index: 2000;
            width: 100%;
            opacity: 0.96;
            background: gray;
            height: 100%;  
            padding: 32px;
        }
        .leaflet-top.leaflet-right .leaflet-control a, .leaflet-top.leaflet-left .leaflet-control a{
            width: 56px !important;
            height: 56px !important;
            font-size: 32px;
        }
        .n2mGray, .leaflet-control-locate a{
            color: gray !important;
        }
        .leaflet-control-locate.active a{color:#2074b6 !important}
        .leaflet-control-locate.active.following a{color:#fc8428 !important}
        .n2mToggleDiv{
            display: none;
            padding: 12px 20px;
            max-height: 450px;
            overflow-y: auto;
        }  
        .n2mActive{
            display: block;
            padding: 10px 0;
        }
        .n2mToggle div.n2mTitle{
            padding:12px 20px;
            background: #f3f3f3;
            font-size: 14px;
        }
        .n2mToggle div.n2mTitle:hover{
            cursor: pointer;
            opacity: 0.8;
        }
        .n2mToggle li{
            padding: 0;
        }
        .n2mToggle .card-header{
            background: rgba(69, 161, 255, 0.6);
            color: white;
            font-size: 20px;
            font-weight: normal;
            text-align: left;
        }
        .leaflet-top.leaflet-right .leaflet-control a, .leaflet-top.leaflet-left .leaflet-control a{
            width: 44px;
            height: 44px;
        }
        span.fas.fa-crosshairs, i.n2mFas{
            padding: 10px;
            font-size: 24px;
            color: grey;
        }
        .n2mOrange{
            color: RGB(252,132,40) !important;
        }
        .n2mBlue{
            color: #2074b6 !important;
        }
        .n2mRed{
            color: RGB(210,83,73) !important;
        }
        .n2mGreen{
            color: RGB(124,187,187) !important;
        }        
        .leaflet-control-locate.active span.fas.fa-crosshairs{
            color: orange;
        }
        .n2mLink:hover{
            cursor: pointer;
        }
        .n2mHide{
            display: none;
        }
        button.btn{
            background-color: RGB(143,198,255);
            color: #fff;
        }
        button.btn:hover{
            background-color: RGB(143,198,255);
            color: #fff;
            opacity: 0.9;
        }
        
        .arrow-icon {
            width: 14px;
            height: 14px;
        }
        .arrow-icon > div {
            margin-left: -1px;
            margin-top: -3px;
            transform-origin: center center;
            font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
        } 
        .leaflet-control-layers{
            max-height: 1000px !important;
        }
        .leaflet-control-layers-list {
            min-width: 250px;
            overflow-x: hidden;
        }
        .leaflet-control-layers-list label{
            width: 220px;
            line-height: 40px;
        }
        .leaflet-control-layers-list label input{
            margin-top: 12px;
        }
        .leaflet-control-layers-overlays label{
            display: none;
            width: 100%;
        }
        input.n2mInput{
            width: 160px;
            font-family: Arial;
            font-size: 14px;
            border-radius: 4px;
            border: 1px solid lightgray;
        }
        .n2mInnerArea li:last-child,
        #n2mSessionArea ul li:last-child, 
        #n2mTrackArea ul li:last-child, 
        #n2mTransportArea ul li:last-child, 
        #n2mCovidArea ul li:last-child{
            border: 0px;
        }
        .n2mCITDiv,
        .n2mCITDiv3L,
        #n2mSessionDiv1, 
        #n2mSessionDiv2, 
        #n2mSessionDiv3, 
        #n2mSessionDiv4, 
        #n2mSessionDiv5, 
        #n2mSessionDiv7, 
        #n2mSessionDiv12,
        #n2mCovidDiv13,
        #n2mCovidDiv2{
            max-height: 354px;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0px;
        }
        .n2mTableSetting table,
        .n2mCITDiv table,
        #n2mSessionArea table, #n2mTrackArea table, #n2mCovidArea table{
            width: 100%;
            padding: 5px;
            border: 0px;
        }
        .n2mTableSetting table td,
        .n2mCITDiv table td,
        #n2mSessionArea table td, #n2mTrackArea table td, #n2mCovidArea table td{
            border: 0px;
        }
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}  

.leaflet-top.leaflet-left{
    z-index: 2000 !important;
}
.list-group-item.n2mHiddenItem{
    display: none !important;
}
.leaflet-control-scale.leaflet-control:hover{
   cursor: pointer;
   opacity: 0.9;
}
.n2mPopup .header{
    font-size: 20px;
    background: rgba(69, 161, 255, 0.6) !important;
    color: white;
    min-width: 240px;
    font-weight: normal;
    padding: 12px 10px;
}
.n2mPopupBorder{
    border: 1px solid red;
}
li table tr:nth-child(2n) {
    background-color: white;
}
#verifyIDTd table td{
    border: 0px;
    padding: 8px;
}
#idVSection li, #idLSection li{
    background: #f3f3f3;
}