#map-canvas {
   /*width: 1115px;*/
   height: 768px;
    margin: 0px;
    padding: 0px;
}

.gm-style{
    font-size:12px !important;
}


/* Media Rules for Min height 850px*/
@media (max-height:850px) {

    #map-canvas,.rightarrowline{
       height: 590px !important;
    }
    #leftControlPanel, #leftControlPanel{
            height: 567px !important;
    }

    #map, #products, #markers, #overlays, #filters, #publishing{
        overflow-y:auto;
        max-height:490px !important;
    }
    #google, #shapes, #images{
        overflow-y:auto;
        padding-top: 15px;
    }
    .helptextdiv{
        position:relative !important;
        width: 95% !important;
        margin-top: 20%;
        bottom:0px !important;
    }
    div.fontSelector {
        margin-left: 7px !important;
    }
    #txtProdDesc
    {
        width: 143px !important;
    }
}

/*#txtCodeSnippet,#txtJsonSetting,#txtMapCss{
    width: 60% !important;
}*/
#show-map-canvas {
   /*width: 1115px;*/
   width:100%;
   height: 100%;
   margin: 0px;
   padding: 0px;
}
h3{
    vertical-align:top; 
    text-align:center;
    font-weight: bold;
}

div #filterspanel div label {
    width: 40% !important;
}

div #control div label {
    width: 40% !important;
}

div #filterspanel div select {
    width: 50%;
}

div #filterspanel div p {
    margin: 2px 0;
    font-weight:bold;
}

div #filterspanel #filtercontol {
    padding-top:2px;
}

.mapbtn {
    background-color: #fff;
    border: 1px solid #CCC !important;
    color: #353535 !important;
    cursor: pointer;
    text-decoration: none;
    /*width: 150px;*/
}

.mapbtn:hover {
    /*color:#FFF;*/
    background-color:#666;
    border:1px solid #666;
}

.mainDiv
{
    position:relative; top: 10px;
    border:1px solid #ccc;
 }


#leftControlPanel{
    position: absolute;
    padding:12px 0px;
    float:left;
    width: 400px;
    height: 744px;
    color: #555;
    background-color: #fff;
    z-index:199;
    font-size:13px !important;  
}
#leftControlPanel h5{ margin:10px 0; font-weight:bold; font-size:17px;}

#txtsearchPlace
{
    /*width: 225px;
    width: 280px;
    margin-left: 20px;
    margin-top: 10px;*/
}

/*.colorPicker .sp-replacer{
    float: right;
    width:150px;
}*/
.colorPicker .sp-preview
{
    width:130px;
}

#visibilityRadio{
    margin-left:140px;
}

#ProdApplyBtnDiv, #EditableProductTypeDiv{
    margin-right:12px;
}

#EditableProductTypeDiv input{
    width:142px;
}

#btnApply
{
    /*padding: 6px;
    width: 80px;
    margin-left: 5px;*/
}
.custMarkerDiv
{
    float:right;
}
.removeCustMarker
{
    margin-bottom:48px;
}

.custAttribute
{
    margin-left:-1px;
}
#deleteAllShapes
{
    padding:6px;
}
#markers {
    overflow-y:auto;
    max-height:645px;     
    overflow-x:visible;
}

#cpanelSmall {
    position: absolute;
    width: 22px;
    top: 0;
    left: 0;
    z-index:202;
}

#rightArrow {
    width: 40px; 
    border: 0px;
    z-index: 198; 
    cursor: pointer; 
    /*top: 45%;*/
    background:#fff; padding:20px 10px 10px 20px;
}

.rightarrowline
{
    width:10px;
    /*height:768px;*/
    height: 100% !important;
    background:#fff;
}
  
  
  .rightarrowline #rightArrow{ position: absolute; /*top:45%;*/ z-index:9999; right:-20px;} 
  .rightarrowline #rightArrow .fa-angle-right{font-size:40px !important;}
  

/*Top Pulldown menu related*/
#mapPDMenu { 
  display: block;
  padding: 6px 0px;
  width: 90%;
  z-index:200;
  margin: 0 15px;
  position: relative;
  cursor: pointer;
  text-align: center;
  background: url(../images/BDMaps/down-arrow-white.png) no-repeat 95% 54% #26508C;
  font-size: 1.2em;
  color: #fff;
  font-weight: normal;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#mapPDMenu:hover { }

#mapPDMenu.open{background: url(../images/BDMaps/up-arrow-white.png) no-repeat 95% 54% #26508C;}

#mapPDMenu ul { 
    position: absolute;
    width: 100%;
    margin-top:5px;
  display: none;
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
}
#mapPDMenu ul li { font-size: 0.9em; }

#mapPDMenu ul li a { 
  text-decoration: none;
  display: block;
  color: #555;
  padding: 7px 15px;
  border-bottom:#f1f1f1 solid 1px;
}
#mapPDMenu ul li a:hover {
  color: #fff;
  background: #666;
}
/*End Pulldown Menu*/

#filterspanel 
{
    position: absolute;
    height:auto;
    width:100%;
    padding: 5px;
    float:left;
}

#searchForm{
    padding : 2px;
}
/*
input {
    padding:2px;
    margin:2px;
}
*/
#panel { 
width: 200px; 
font-family: Arial, sans-serif; 
font-size: 13px; 
float: right; 
margin: 10px; 
} 
#color-palette { 
clear: both; 
} 
.color-button { 
width: 14px; 
height: 14px; 
font-size: 0; 
margin: 2px; 
float: left; 
cursor: pointer; 
} 
#delete-button { 
margin-top: 5px; 
} 
.contextmenu{
    visibility:hidden;
    background:#ffffff;
    border:1px solid #8888FF;
    z-index: 10;  
    position: relative;
    width: 140px;
}
.contextmenu div{
    padding-left: 5px
    }


/*Map Show Page CSS*/

#filtersdiv
{
    position:absolute;
    z-index:200; 
    background: rgba(0, 0, 0, 0.50);
    /*background: linear-gradient(to bottom, rgba(243, 243, 240, 0.93) 0px, rgba(243, 243, 240, 0.93) 95%, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); 
    */width:100%;
    top:0px;
}


#filtercontent
{
    display: flex;
    flex-flow: row wrap;
    text-rendering: optimizespeed;
}

.filtercols
{
    width:40%;
    float:none;
}

.showpagefilter
{
    padding-top:15px;
    width:60%;
}

.showpagefilter label
{
    width:110px;
}

/*Slider Related CSS*/

ul.sortable { list-style-type: none; margin: 0; padding: 0; /*width: 154px;*/ }
ul.sortable li { /*margin: 0 3px 3px 3px;*/ padding: 0.4em; padding-left: 1.5em; font-size: 13px; /*width: 125px !important;*/ min-width: 100px !important; }
ul.sortable li span { margin-bottom: -15px; margin-left: -1.3em; }


/*New BD Map css*/

.map-md-1{ width:6.6%; margin:0 1%; float:left;}
.map-md-2{ width:14.6%; margin:0 1%; float:left;}
.map-md-3{ width:23%; margin:0 1%; float:left;}
.map-md-6{ width:48%; margin:0 1%; float:left;}
.map-md-9{ width:73%; margin:0 1%; float:left;}
.map-md-12{ width:98%; margin:0 0%; float:left;}

.map-md-4{ width:31%; margin:0 1%; float:left;}
.map-md-5{ width:38%; margin:0 1%; float:left;}
.map-md-7{ width:56%; margin:0 1%; float:left;}
.map-md-8{ width:64%; margin:0 1%; float:left;}

.map-md-6 .DropDownSelectBox{ width: 150px;}

#filterTabContent{width:88% !important; margin:0 auto; margin-top: 15px; }
ul.bdmaps-fieldset{ width:100% !important;}
ul.bdmaps-fieldset li{ width:100% ; margin-bottom:10px; display:table;}
ul.bdmaps-fieldset li input, ul.bdmaps-fieldset li select{ float:right !important;}
ul.bdmaps-fieldset li .lft input, ul.bdmaps-fieldset li .lft select{ float:left !important;}
.side-buttons input{ margin-left:0px; margin-right:0px; width:60px !important;}
.side-buttons .btn-rgt 
{
    border-left:0px !important; 
    border-top-left-radius: 0px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0px !important; 
}
.side-buttons .btn-lft 
{
    border-right:0px !important;  
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 2px !important;
}
.side-buttons .active 
{
    background:#26508C !important; 
    color:#fff!important; 
    border:#26508C solid 1px !important;
}
.locate-set-buttons input 
{
    width:80px !important;
    margin-top: 10px;
}

.bdmap-slider{/*padding: 10px 0px;*/width: 100%; height:10px ; /*margin-left: 20px;*/}

.prev-next-wizard{width:90%;margin:0px 15px;position:absolute;bottom:30px;}

.prev-next-wizard .btnprev{float:left; width:60px; cursor: pointer; font-weight: bold; font-size:larger;}
.prev-next-wizard .btnnext{float:right; width:60px; cursor: pointer; font-weight: bold;font-size:larger;}

.helptextdiv
{
    width:80%;position:absolute;bottom:70px;
}

/*HTML Control Overrides*/
.DropDownSelectBox{
    height: 26px !important;
}
.DropDownSelectBox td{
    padding:1px;
    width:20px;
}

/*.DialogPopup *,
.DialogPopup *:before,
.DialogPopup *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/

a:focus , a:hover
{
    text-decoration:none !important
}

/*Details Page CSS Override*/

#MoreInfoWindowLookup_TitleBar{
    /*padding: 10px 0px 15px 48px;*/
    height: 5%;
    margin: 1.5% 0 1% 2.5%;
    padding: 0;
}

#MoreInfoWindowLookupPopupDetails
{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 88%;  
}
#MoreInfoWindowLookupPopupContent
{
    /*overflow-y: auto;*/
    height: 90%;
}
#MoreInfoWindowLookupPopupInnerContent
{
    overflow-y: auto;
    height: 88%;
    padding: 0;
}

#MoreInfoWindowLookupPopupDetails .container-fluid
{
    height:100%;padding:0;margin:0;
}


#MoreInfoWindowLookup_Body
{
    height:100%;
}

#ProductdetailGalleryDiv
{
    height:60%;padding-left:0;
}

div#ProductdetailGalleryDiv.col-sm-12
{
    height:90% !important;
}

#productdetailsOnMap 
{
    padding-top: 10px;
    height: 100%;
    width: 100%;
}

#DetHeader {
    margin-top: -5px;
}
#DetDescription{
line-height:1.5em;
}
@media (max-width:767px)
{
    #MoreInfoWindowLookup_TitleBar{
        padding: 10px 0px 15px 18px;
    }

    #MoreInfoWindowLookup_TitleBar img
    {
        width:15px;
    }

    #MoreInfoWindowLookup_TitleBar .DialogPopup_Title, #MoreInfoWindowLookupPopupContent .h4{
        font-size:16px;
    }
    #MoreInfoWindowLookup .DialogPopup{
        left:0px !important;top:0 !important;
    }
    #MoreInfoWindowLookupPopupContent .h3{
        font-size:18px !important;
    }    
    .col-md-6.fltrdiv
    {
        height: 65px !important;
        margin: 10px 0px;
    }
    .col-md-12 .lbldiv
    {
        margin-bottom: 6px !important;
    }
    .col-md-12 .ctrldiv
    {
        margin-bottom: 6px !important;
    }


}

@media (max-width:1024px)
{
    #MoreInfoWindowLookup_TitleBar img
    {
        width:15px;
    }
    #MoreInfoWindowLookupPopupContent .h3{
        font-size:18px !important;
    }
    #MoreInfoWindowLookup_TitleBar .DialogPopup_Title, #MoreInfoWindowLookupPopupContent .h4{
        font-size:16px;
    }
    .col-md-6 .fltrdiv
    {
        height: 85px !important;
    }
    .col-md-12 .lbldiv
    {
        margin-bottom: 6px !important;
    }
    .col-md-12 .ctrldiv
    {
        margin-bottom: 5px !important;
    }

}

#MoreInfoWindowLookupPopupContent .h4
{
    
}

/*InfoBox css*/

.bdEditInfoWindowMainDiv
{
    /*position: absolute; z-index: 100; height:200px;left: -15px;top: -20px;width:360px;*/
    position: absolute; z-index: 100; height:170px;left: -50px;top: 20px;width:450px;box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);;
}

.EditContainerDiv
{
    cursor: default; clear: both; position: relative; 
	padding: 0px; /*border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; 
	border-bottom-left-radius: 4px; */width: 100%; height: 100%; background:rgba(255,255,255,1);
	/*box-shadow: 4px 2px 6px #333333;-webkit-box-shadow: 4px 2px 6px #333333;-moz-box-shadow: 4px 2px 6px #333333;*/
}

.EditImg
{
    /*margin:0; float: left; width: 174px; height: 200px;position: relative;*/
    margin:0; float: left; width: 216px; height: 170px;position: relative;
}

.EditContentDiv
{
    float:right; 
    /*width:160px;*/
    width:205px;
    /*margin: 5% 0;*/
    margin: 1% 1%;
    padding-right:0px;
}

.bdInfoWindowMainDiv
{
    /*position: absolute; z-index: 100; height:200px;left: -15px;top: -20px;width:360px;*/
    position: absolute; z-index: 100; height:170px;left: -50px;top: 20px;width:480px;box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
}

.containerDiv
{
    overflow: hidden; cursor: default; clear: both; position: relative; 
	padding: 0px; /*border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; 
	border-bottom-left-radius: 4px;*/ width: 100%; height: 100%; background:rgba(255,255,255,1);
	/*box-shadow: 4px 2px 6px #333333;-webkit-box-shadow: 4px 2px 6px #333333;-moz-box-shadow: 4px 2px 6px #333333*/;
}

.img
{
    /*margin:0; float: left; width: 174px; height: 200px;position: relative;*/
    margin:0; float: left; width: 216px; height: 170px;position: relative;
}

.infoBox > img {
    margin: -15px -340px !important;
}

.contentDiv
{
    float:right; 
    /*width:180px;*/
    width:225px;
    /*margin: 5% 0;*/
    margin: 1% 1%; 
    padding-right:0px;
	height: 170px;
    overflow: auto;
}

.contentDiv .content, .contentDiv div span{
    margin-left:5px;
}

.BDInfoBoxContKV
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bdShapesInfoWindowMainDiv
{
    position: absolute; z-index: 100; height:200px;left: -10px;top: 10px;width:360px;
}

.shapesContainerDiv
{
    overflow: auto; cursor: default; clear: both; position: relative; 
    padding: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; 
    border-bottom-left-radius: 4px; width: 100%; height: 100%; background:rgba(255, 255, 255, 1);
}

.map-md-12 #previewMap{
    padding:6px;
}

@media only screen and (max-width: 480px) {
    .bdInfoWindowMainDiv
    {
        position: absolute; z-index: 100; height:200px !important;left: 15px;top: -15px;width:350px;
    }
    .img
    {
        margin:0; float: left; width: 175px; height: 200px !important;position: relative;
    }

    .infoBox > img {
        margin: -12px -312px !important;
    }
    .contentDiv
    {
        float:right; width:165px;
    }
    
    .bdShapesInfoWindowMainDiv
    {
        position: absolute; z-index: 100; height:200px;left: 50px;top: 10px;width:300px;
    }
    .h3{
        margin-bottom:5px;
    }
    .h4{
        margin:0px !important;
    }
    .div_preview_gradient{
        margin-top:85% !important; 
    }
    .mapview-link{
        left:8% !important;
    }
    #ProductdetailGalleryDiv {
        padding: 5% 0;
    }
    #MoreInfoWindowLookupPopupContent {
        padding: 5% 0;height: initial;
    }
    #MoreInfoWindowLookupPopupInnerContent
    {
        height: initial;
    }
}

@media only screen and (max-width: 350px) {
    .bdInfoWindowMainDiv {
        width:300px;
    }
    .img
    {
        width: 144px;
    }
    .contentDiv
    {
        width:150px;
    }
    .div_preview_gradient{
        margin-top:103% !important; 
    }
    #ProductdetailGalleryDiv {
        padding: 5% 0;
    }
    #MoreInfoWindowLookupPopupContent {
        padding: 5% 0;height: initial;
    }
    #MoreInfoWindowLookupPopupInnerContent
    {
        height: initial;
    }

}

/*In Landscape mode other CSS defs are influencing the below so need to over rider them */
@media only screen and (max-width: 767px) {
    html, body {
        margin-top: 0 !important;
        min-width: 100%; 
    }
}

/*END*/

/*
b, strong {
    font-size: 13px !important;
    font-weight: bold !important;
}

*,
*:before,
*:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.mainDiv *,
.mainDiv *:before,
.mainDiv *:after 
{
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
*/
/*end Overrides*/

div.bdmaps-section-header div.highlight{
	background-color:#FFF;
	border: 1px solid #EEE;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding: 5px;	
	font-weight:normal;
	font-size:13px;
	color: white;
}
div.bdmaps-section-header div.highlight{
	/*font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 8px 12px 8px 10px;
	white-space: nowrap;*/
	font-size: 15px;
    font-weight: normal;
    margin: 0px 0px 8px 0px;
    padding: 10px 0px 10px 10px;
    white-space: nowrap;
    color: #444;
}

ul.bdmaps-fieldset
{
    float: none !important;
    margin: 0 auto;
    padding: 0;
    width: 97%;
}
/*ul.bdmaps-fieldset li {   width: 45% !important;   }
ul.bdmaps-fieldset li label, ul.bdmaps-fieldset li input, ul.bdmaps-fieldset li select { float: left !important; }
ul.bdmaps-fieldset li label { width: 26% !important;}*/

ul.bdmaps-listtemplates 
{
    margin: 0;
    padding: 0;    
}
ul.bdmaps-listtemplates li
{
    /*float: left;*/
}

ul.bdmaps-listtemplates li a
{
    float: left;
    border: #CCCCCC solid 2px;
    border-radius: 5px;    
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;    
    background: #FFFFFF;
    display: block;    
    height: 180px;
    margin: 0 0.7% 40px;
    position: relative;
    width: 249px;    
}

ul.bdmaps-listtemplates li a img     
{
    height: 100%;/*98%*/
    /*margin: 2px 3px;*/
    text-align: center;
    width: 100%; /*97%*/
}

ul.bdmaps-listtemplates li a:hover
{
    border: #881A1C solid 2px;    
}
div.landingpage-templates-title 
{
    color: #333;    
    padding: 5px 10px ;
    width: 80%;
    margin: 0 auto;
    text-align: center;    
    position: absolute;
    bottom: -28px;
    left: 4%; 
    border-radius:0 0 5px 5px; 
    -moz-border-radius:0 0 5px 5px; 
    -webkit-border-radius:0 0 5px 5px;   
}

div.bdmaps-templates-title:hover{ background:#881A1C; color:#fff;}

.selected .bdmaps-templates-title {
    background: none repeat scroll 0 0 #881A1C;
    color: #FFFFFF;
}
		
ul.bdmaps-listtemplates li a.selected {
    border: 2px solid #881A1C;
}

ul.bdmaps-media-container 
{
    margin: 0px;
    padding: 0px;
    
}

ul.bdmaps-media-container li
{
    list-style: none;
    float: left;
    margin: 10px;
    width: 100px;
    text-align: center;        
}
ul.bdmaps-media-container li span{
    display: block;
    font-size: 11px;
    margin: 5px 0 0;
    text-align: center;
    width: 100px;
}

div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li {   width: 99% !important;   }
div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li label, div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li input, div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li select { float: left !important; }
div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li label { width: 30% !important;}

div#bdmapsDesignTab ul.bdmaps-fieldset li {   width: 99% !important;   }
div#bdmapsDesignTab ul.bdmaps-fieldset li label, div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li input, div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li select { float: left !important; }
div#bdmapsDesignTab ul.bdmaps-fieldset li label { width: 30% !important;}
div#bdmapsDesignTab #bdmapsDesignRight ul.bdmaps-fieldset li label { width: 26% !important;}

div#lpSearchTab ul.bdmaps-fieldset li {   width: 99% !important;   }
div#lpSearchTab ul.bdmaps-fieldset li label, div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li input, div#lpRegistrationGlobalFieldsTab ul.bdmaps-fieldset li select { float: left !important; }
div#lpSearchTab ul.bdmaps-fieldset li label { width: 30% !important;}

.lp-watermark {
    color: #C0C0C0;
    font-style: italic;
}

#map-location {
   height: 500px;
   margin: 0px;
   padding: 0px;
}

li.bdmaps-tab a
{   
    width: 80px;
    display: inline-block;
    text-align: center;
}

div.bdmapsTab ul.bdmaps-fieldset li div.left { float:left; width: 30%;}
div.bdmapsTab ul.bdmaps-fieldset li div.right {float:right; margin-right:25%;}

div.bdmapsTab ul.bdmaps-fieldset li div.product-left { float:left; width: 20%;}
div.bdmapsTab ul.bdmaps-fieldset li div.product-right {float:right; margin-right:35%;}

div.bdmapsTab ul.bdmaps-fieldset li div.product-center {float: left;width: 30%;}
#EditableProductTypeNames li div.product-right {margin-right: 20%;}

#mapDesignMenu { 
  display: block;
  padding: 6px 0px;
  width: 90%;
  z-index:200;
  margin: 0 15px;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 1.2em;
  color: #fff;
  font-weight: normal;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.mapdesignbtn {
    background-color: #fff;
    border: 1px solid #999 !important;
    color: #666;
    cursor: pointer;
    text-decoration: none;
    width: 100px;
}

.mapdesignbtn:hover {
    color:#FFF;
    background-color:#666;
    border:1px solid #666;
}

#mapDesignMenu .btn-rgt 
{
    border-left:0px !important; 
    border-top-left-radius: 0px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0px !important; 
}
#mapDesignMenu .btn-lft 
{
    border-right:0px !important;  
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 2px !important;
}
#mapDesignMenu .btn-center 
{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important; 
    margin-right: -4px;
    margin-left: -4px;
}
#mapDesignMenu .active 
{
    background:#26508C !important; 
    color:#fff!important; 
    border:#26508C solid 1px !important;
}

ul.bdmapsdesign-fieldset
{
    float: none !important;
    margin: 0 auto;
    padding: 0;
    width: 97%;
}
ul.bdmapsdesign-fieldset{ width:100% !important;}
ul.bdmapsdesign-fieldset li{ width:100% ; margin-bottom:20px; display:table;}

.mapstylebtn {
    background-color: #fff;
    border: 1px solid #999 !important;
    color: #666;
    cursor: pointer;
    text-decoration: none;
}

.mapstylebtn:hover {
    color:#FFF;
    background-color:#666;
    border:1px solid #666;
}

#imageOverlayNames
{
    margin-top:5px;
    /*max-height: 230px !important;*/
    overflow-y: auto;
    position: relative;
}

#imageOverlayNames li > div
{
    margin-top:5px;
}

ul#shapeNames li > div
{
    margin-top: 6px;
}

#shapeNames .map-md-12
{
    width:100% !important;
}

#shapeNames .map-md-5 input
{
    width: 90%;
}

/*#shapeNames .map-md-2 input
{
    width: 25%;
}*/

#shapeNames .map-md-2 img
{
    margin-top:5px;
}

#shapeNames .map-md-2 .sp-replacer
{
    width: 87%;
}

#shapeNames .map-md-2 .sp-preview
{
    width: 62%;
}

.shapeColor {
    display: none !important;
}

#images li
{
    height: 35px;
    width: 100%;
}
#images div.row
{
    min-height: 100px;
}
ul#imageOverlayNames li
{
    height: 35px;
    width: 100%;
}

div.overlayeditmode li
{
    height: 40px !important;
}

.overlayeditmode
{
    margin-top:5px;
}

div.overlayeditmode #overlaySliderVal label
{
    display: block;
    margin-top: 7px;
}

ul#imageOverlayNames div > div.map-md-12 {
    margin-top: 6px;
}

.ui-rotatable-handle {
    height: 24px;
    width: 24px;
    cursor: pointer;
    background-image: url(../images/BDMaps/rotate.png);
    background-size: 100%;
	/*left: -10px;
	bottom: -10px;*/
	right: 0px;
    top: 0px;
	position:absolute;
	background-color:#444;
}

#shapeNames .shape_radio
{
    margin-top:5px;
}

#shapeNames .shape_checkbox
{
    margin-left:10px;
    margin-top:5px;
}

#shapes li
{
    height: 35px;
    width: 100%;
}

#shapes div.row
{
    min-height: 100px;
}

#shapeNames
{
    margin-top:10px;
    /*max-height: 350px !important;*/
    /*overflow-y: auto;*/
    position: relative;
}

#imageOverlayNames .map-md-1 img
{
    margin-top: 2px;
}

#imageOverlayNames .map-md-2 .overlay_checkbox
{
    margin-left: 10px;
    margin-top: 5px;
}

#imageOverlayNames .map-md-7 input
{
    width:90% !important;
}

.bdmap-overlay-slider
{
    margin-left: 23px;
    margin-top: 19px;
    width: 84%;
}

#slider label {
    position: absolute;
    width: 20px;
    margin-left: -10px;
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    font-family: Helvetica,Arial,sans-serif,Verdana;
}

.col-md-6 {
    /*height: 80px !important;*/
}


ul.bdmapsdesign-fieldset li input, ul.bdmapsdesign-fieldset li select
{
    float: right !important;
}

.side-buttons .active {
    background: #26508C none repeat scroll 0 0 !important;
    border: 1px solid #26508C !important;
    color: #fff !important;
}
.side-buttons .btn-mapview-rgt {
    border-left: 0 none !important;
    border-radius: 0 2px 2px 0 !important;
}

.side-buttons .btn-mapview-lft {
    border-radius: 2px 0 0 2px !important;
    border-right: 0 none !important;
}

#bdmaps-viewer
{
    padding-bottom: 0px;
    margin-bottom: -1px;
}

.div_preview_gradient
{
    position: absolute; 
    width: 100%; 
    height: 25%; 
    margin-top: 126px;
    background: -moz-linear-gradient(top,  rgba(84,84,84,0) 0%, rgba(84,84,84,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,84,84,0)), color-stop(100%,rgba(84,84,84,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(84,84,84,0) 0%,rgba(84,84,84,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(84,84,84,0) 0%,rgba(84,84,84,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(84,84,84,0) 0%,rgba(84,84,84,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(84,84,84,0) 0%,rgba(84,84,84,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


@media all and (width: 1366px) and (max-height: 638px)
{
    #ProductdetailGalleryDiv {
        height: 75% !important;
    }
}
#loaderscreen
{
   /*background: #000 url("../images/loading_icon.gif") no-repeat center center;*/
   height: 100%;
   width: 100%;
   opacity:0.8;
   position: fixed;
   z-index: 1000;
   display: none;
   top: 0;
   left: 0;
}

.ug-slider-wrapper .ug-item-wrapper, .ug-gallery-wrapper .ug-textpanel-bg, 
.ug-default-button-hidepanel .ug-default-button-hidepanel-bg, .ug-gallery-wrapper .ug-strip-panel
{
    background-color:#ccc !important;
}



/*BDC UI Map designer related Start*/
#btnSearchPlace,
.MapPrimaryBtn 
{background-color:#555 !important; color: #FFF !important;}
.MapRestBtn{background-color:#000 !important; color: #FFF !important;border: none !important;}
/*BDC UI Map Designer End */