/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.cd-primary-nav{
    z-index: 1001 !important
}
.cd-nav-trigger.close-nav{
    z-index: 1002 !important
}

.basemaps {
    padding: 4px;
}
.basemaps.closed .basemap {
    display: none;
}
.basemaps.closed .basemap.alt {
    display: inline-block;
}
.basemaps.closed .basemap.alt h4 {
    display: none;
}

.basemap {
    display: inline-block; /* todo: flexbox? */
    cursor: pointer;
}
.basemap.active img {
    border-color: orange;
    box-shadow: 2px 2px 4px #000;
}
.basemap img {
    width: 64px;
    border: 2px solid #FFF;
    margin: 0 2px;
    border-radius: 40px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65)
}

.leaflet-container {
        height: 400px;
        width: 600px;
        max-width: 100%;
        max-height: 100%;
}

.leaflet-container {
      background-color: #fff;
      height: 100vh;
  }
  table.lfpoptable tr td {
        padding: 3px 0;
  }
  table.lfpoptable tr td i.fa {
        width: 12px !important;
  }
  table.lfpoptable tr td a span{
        text-transform: uppercase;font-weight:bold
  }
  table.lfpoptable tr td a {
        color:blue !important;
       text-decoration: none !important
  }
  table.lfpoptable tr td a:hover {
        color:red  !important;
        text-decoration: underline !important
  }

/* #map { height: 400px; width: 100vw; } */
 #map { height: 400px; }
 #mapf { width: 100%; height: 500px; }

.infodiv{
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    background: white;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 32px !important;
    margin-left: 12px !important;
    width: 295px;
}

.infodiv textarea{
    resize: none;
    padding:0;
    border: none;
    height:45px;
}

.summary p{
    margin-bottom: 5px !important
}

a1{
    color:#555 !important
}

span.homepagelink a{
    font-weight: bold;
    font-size: 1.1rem;
}


.survey_footer{
    border-top: 2px solid #ededed;
    padding-top: 20px;
    margin-top: 30px;
    bottom: 0;
}

.survey_footer ul{
    text-align: center;
    margin-bottom: 0
}

.survey_footer ul li{
    display: inline-block;
    margin-right: 15px;
}

.survey_footer ul li a{
    font-size:0.7rem;
    color:gray !important
}

.survey_footer ul li:not(:last-child):after{
    content: "|";
    font-weight: 300;
    position: relative;
    left: 9px;
    color: #999;
}


body.p_howitworks div.row p,
body.p_mission div.row p,
body.p_blog div.row p{
    font-size: large;
    text-align: justify
}

body.p_howitworks div.row .team-item-detail-inner p{
    text-align: center
}

body.p_howitworks .team-item .team-item-info h4{
    font-size: 1.1rem;
}

ul.unstyled{
    list-style: disc !important;
    font-size:large !important;
    padding-left: 50px;
}

.blogs-list img{
    border-radius: 50%;
    float: left;
    border: solid 1px #b7b4b4;
    width:40px;
    height:40px;
}


.p_datastore .leaflet-tooltip.leaflet-tooltip-center,
.p_datastore-demo .leaflet-tooltip.leaflet-tooltip-center{
    background: none;
    border: none;
    box-shadow:none;
    font-weight: bold
}

div.errorbar{
    color:red;
    height: 18px;
    position: absolute;
    font-size: 0.8rem;
    font-weight: bold
    
}

#success-contact{
    display: none
}

#messagearea{
    height: 38px;
    color:red;
    font-size: 14px;
    font-weight: bold;
}

.icon-ok-circled2{
    color:green;
    font-size: 18px;
}

.inputtext{
    border: 1px solid #d2d8dd;
    border-radius: 3px;
    display: inline
}

.button{
    border: none;
    color: #fff;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-align: center;
    background: #434bdf;
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    padding: 12px 30px;
}

.marginauto{
    margin-left: auto;
    margin-right: auto
}

#success p.text2{
    text-align: center;
    font-size: 0.9rem !important;
    line-height: 28px
}

#success input[type='text']{
    font-size: 0.9rem;
    height: 40px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

#infoview-txt .modal-dialog{
    max-width: 600px
}

#acc_activation-txt .btn-close,
#infoview-txt .btn-close {display: none}

p.map_p_tile{
    font-size:0.85rem !important;
    line-height: 22px;
    text-align: justify;
}


.p_sign-rg #compname{
    font-size: 0.7rem;
    font-style: italic;
    color: orange
}


.datastore-leftmenu *{
    text-align: left
}

.datastore-leftmenu li{
    margin-bottom: 10px;
}

.datastore-leftmenu fieldset{
      border: solid 1px #0000002e;
    padding: 15px 10px 10px 30px;
    border-radius: 10px;
}

.datastore-leftmenu legend{
    float: none;
    font-size: 0.9rem;
    font-weight: bold;
    width: auto;
    padding: 0 10px 0 10px;
}

.btn_1_readonly,
.btn_1_readonly:hover{
  cursor: not-allowed;
  color: #666262 !important;
  background: #c3c3c3;
}

.dataTable span.new{
    color:green
}

.dataTable span.sent{
    color:darkgray
}

#terms-txt ol,
#companyterms-txt ol{
    list-style: auto !important;
    margin-left: 35px;
    margin-right: 25px;
    margin-bottom:0;
}

#terms-txt ol li,
#companyterms-txt ol li{
    text-align: justify;
    margin-bottom:10px
}

#companyterms-txt .modal-title p{
    margin-bottom: 0 !important
}

.p_sign-rg .container_check{
    line-height: 22px
}

@media (min-width: 576px){
    #passchange-txt .modal-dialog {
        max-width: 430px
    }
}

.reddemo{
    color:red
}

.p_sign-rq .container .col-lg-8{
    text-align:center
}
.g-recaptcha div{
    margin-left: auto;
    margin-right: auto;
}


.cc_container .cc_message{
    font-size: 0.7em !important;
    margin-top: 1em !important;
}

.leaflet-control-attribution.leaflet-control svg{
    display: none !important
}