/******************************************************************
    Create A Map
******************************************************************/
.leaflet-draw
{
	display:none;
}

.leaflet-draw-tooltip .leaflet-draw-tooltip-subtext{
    /*display: none;*/
		color : black;
}

.leaflet-draw-actions
{
	display:none;
}

.leaflet-edit-marker-selected{
	border : none !important;
	background: none !important;
}

.editor{
	height: 100%;
	background-color: #fff;
	height: inherit;
}

.editor input[type=radio], .editor input[type=checkbox]
{
	display:none;
}

.editor input[type=text]
{
	border: 1px solid transparent;
	margin: -1px -2px -1px 0px;
	padding: 0px 4px 0px 0px;
}

.editor input[type=text]:focus
{
	border: 1px solid #ddd;
}

/******		Body		*******/
.editor .display-body,
.editor .display-footer
{
	/* position:absolute; */
	overflow: hidden;
}

.editor .display-body
{
	/* top: 52px;
	bottom: 59px;
	left: 0px;
	right: 0px; */

	margin: 0px 0px 0px 0px;
	padding: 0;

	/* border: 1px solid #ddd;*/
	background-color: #fff;
}

.editor .display-body-header,
.editor .display-body-option,
.editor .display-body-button,
.editor .display-body-maplayers
{
	/* position: absolute; */
	left: 0px;
	right: 0px;
}

.editor .display-body-header,
.editor .display-body-option,
.editor .display-body-button
{
	width: 100%;
}

/******		Body Header		*******/
.editor .display-body-header
{
	width: 100%;
	/* height: 116px; */
	top: 0px;
	padding: 20px 0px 15px 0px;
	overflow: hidden;
}

.editor .display-body-header2
{
	width: 100%;
	/* height: 116px; */
	top: 0px;
	padding: 0px;
	overflow: hidden;
}

/* Commented by Alan, 6 Jul 2016 */
/*
.editor .display-body-header input[type=text]
{
	width: 100%;
	background: transparent;
	font-size: 14px;
	line-height: 34px;
	height: 40px;
	margin: 10px 0px 0px 0px ;
    padding: 0px 0px 0px 60px;
    border-bottom: 1px solid #ff5a00;
}
*/

.editor .display-body-header .create-header
{
    width: 100%;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    color: #58585b;
    background-color: #e6e6e6;
    text-align: left;
    padding: 0px 0px 0px 60px;
    font-weight: bold;
}

.editor .display-body-header2 .create-header2,
.editor .display-body-button #container #top .create-header2,
.editor .display-body-button .create-header2
{
    width: 100%;
    height: 25px;
    font-size: 16px;
    line-height: 30px;
    color: #58585b;
    text-align: left;
    padding: 0px 0px 0px 35px;
    font-weight: bold;
    margin: 10px 0px;
}

 .extraspace{
	margin: 40px 0px 0px 0px;
}

.editor .display-body-header .item-input
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 5px 0px;
}

.editor .display-body-header .item-input.status
{
	margin-top: 5px;
	/*
	margin-top: 10px;
	margin-left: 2px;
	*/
	font-size: 16px;
	color: gray;
}

.editor .display-body-header .descr {
	padding:10px 0px 10px 60px;
}

.editor .display-body-header .descr a {
		text-decoration: none;
		color: #58585b;
}

/******		Body Option		*******/
.editor .display-body-option
{
	width: 100%;
	height: 45px;
	top: 116px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}

.editor .display-body-option button
{
	width: 90%;
    height: 35px;
    position: absolute;
    font-size: 16px;
    margin: 0px 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);

	/* color: #fff;
	background-color: #26c6da;*/
}

.editor .display-body-option button:hover:not(.disabled)
{
	/* background-color: #ee424f;*/
	-webkit-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	-moz-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
}

.editor .display-body-option button:before
{
	margin-right: 5px;
	font-size: 22px;
}

.editor .display-body-option button:first-child
{
	left: 2%;
}

.editor .display-body-option button:last-child
{
	right: 1%;
}

.editor .display-body-button
{
	width: 100%;
	/*
	text-align: center;
	height: 54px;
	overflow: hidden; */
}

.editor .display-body-button #container
{
	width: 100%;
    height: 145px;
    text-align: center;
}

.editor .display-body-button #container #top
{
	display: inline-block;
    overflow: hidden;
    text-align: left;
    width: 100%;
    padding: 0px;
}

.editor .display-body-button #container #center{
	display: inline-block;
    overflow: hidden;
    text-align: left;
    margin: 5px 0px 10px 0px;
}

.editor .display-body-button #container #center .display-button
{
	float: left;
    margin: 4px 20px;
}

/********** Select **********/
.select-style {
    padding: 0px;
    margin: 5px;
    border: none;
    width: 97%;
    border-radius: 0px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("https://web-static.onemap.sg/images/main/createMyMap/icon_selectarrow.png") no-repeat 90% 50%;
    background-size: 20px;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}

.select-style select {
    padding: 8px 8px 8px 60px ;
    width: 100%;
		max-width: 270px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

/********** button **********/
.editor .display-body-button button
{
	width: 98%;
    height: 40px;
    /* position: absolute; */
    font-size: 16px;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    margin: 5px 8px 10px 3px;
    text-align: left;
    padding-left: 60px;

	/* color: #fff;
	background-color: #26c6da;*/
}

.editor .display-body-button button:hover
{
	-webkit-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	-moz-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
}

.editor .display-body-button .hr
{
	width: 98%;
	margin: 20px 8px 25px 3px;
	color: #ff5a00;
	background-color: #ff5a00;
	height: 1px;
}
.editor #share .display-body-button .hr {

	margin: 5px 8px 5px 3px;
}

.editor .display-body-button input[type=checkbox] + label
{
	display: inline-block;
    width: 100%;
    height: 100%;
    padding: 2px 5px 5px 55px;
    text-align: left;
    color: #58585b;
    background: none;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    background-position: 5px 10px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.editor .display-body-button #container #center .display-button input[type=checkbox] + label
{
	display: inline-block;
    width: 50px;
    height: 50px;
    text-align: left;
    background: none;
    border: none;
    overflow: hidden;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}

.editor .display-body-button input[type=checkbox] + label.drawline,
.editor .display-body-button #container #center .display-button input[type=checkbox] + label.drawline
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_drawLine.png");
}

.editor .display-body-button input[type=checkbox] + label.createpath,
.editor .display-body-button #container #center .display-button input[type=checkbox] + label.createpath
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_drawPath.png");
}

.editor .display-body-button input[type=checkbox] + label.mesurement,
.editor .display-body-button #container #center .display-button input[type=checkbox] + label.mesurement
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_measure.png");
}

.editor .display-body-button #container #center .display-button input[type=checkbox]:checked + label
{
	/* padding: 0px;*/
	background-position: center center;
	-webkit-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	-moz-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
}

.editor .display-body-button input[type=checkbox] + label .title
{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding-top:10px;
}

.editor .display-body-button input[type=checkbox] + label .desc
{
	font-size: 14px;
	line-height: 16px;
}

/******		Footer		*******/
.editor .display-footer
{
	height: 60px;
	bottom: 0px;
	left: 0px;
	right: 0px;

	margin: 0px 60px 0px 0px;
	padding: 0;

	border: 1px solid #ddd;
	background-color: #fff;
}

.editor .display-footer .display-footer-header
{
	height: 60px;
	padding: 15px;
}

.editor .display-body .display-body-header input[type=radio] + label
{
	display: inline-block;
	width: 100%;
	height: 100%;

	padding-left: 45px;
	font-size: 18px;
    font-weight: bold;
    text-align: left;
	color: #58585b;
	background: none;
	border: none;

	overflow: hidden;
	text-overflow:ellipsis;
}

.editor .display-body .display-body-header input[type=radio] + label div.dropdown
{
	width: 30px;
	height: 30px;
	float: right;

	background-image: url("https://web-static.onemap.sg/images/main/misc/up-red_64.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 28px 28px;

	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);

    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
}

.editor .display-body .display-body-header input[type=radio]:checked + label div.dropdown
{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


/******		radio box for basemap		*******/

.create_container
{
	height: auto;
	/* padding: 0px 0px 15px 0px;
	 position: absolute;
	top: 60px;
	bottom: 0px;
	left: 0px;
	right: 0px;*/
}

/* .create_container .row
{
	margin: 0px 0px;
}

.create_container.row > *
{
	margin-bottom: 10px;
}

.create_container .row .col-xs-4
{
	padding: 0px 5px;
} */
.create_container input[type=radio] + label
{
	position: relative;
	position: relative;
    width: 100px;
    height: 100px;
    margin: 0px 5px 20px 5px;
	/* padding: 8px;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px 100px;
}

.create_container input[type=radio]:checked + label
{
	/* padding: 0px;*/
	background-position: center center;
	-webkit-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	-moz-box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
	box-shadow: 0px 0px 8px rgba(252,90,60,0.4);
}
/*
.editor .display-footer .display-footer-content input[type=checkbox] + label.vibrant_city
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/Vibrant_City.jpg");
}

.editor .display-footer .display-footer-content input[type=checkbox] + label.nightlife_city
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/NightLife_City.jpg");
}

.editor .display-footer .display-footer-content input[type=checkbox] + label.buttermont
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/ButterMont.jpg");
}

.editor .display-footer .display-footer-content input[type=checkbox] + label.neon
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/Neon.jpg");
}

.editor .display-footer .display-footer-content input[type=checkbox] + label.grey_scale
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/Grey_Scale.jpg");
}
*/

.create_container input[type=radio] + label.default
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/Default.jpg");
}

.create_container input[type=radio] + label.night
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/Night.jpg");
}

.create_container input[type=radio] + label.original
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/Original.jpg");
}

.create_container input[type=radio] + label.grey
{
	background-image: url("https://web-static.onemap.sg/images/main/basemaps/Grey.jpg");
}

.create_container input[type=radio] + label .title
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;

	text-align: center;
}

.create_container input[type=radio]:checked + label .title
{
	bottom: 0px;
}
.leaflet-vertex-icon{
	z-index: 998 !important;
}

/************  Icon - Edit by JH ************/
/* .editor .display-body-header2 .row
{
	margin: 0px;
}

.editor .display-body-header2 .row .col-xs-2, .editor .display-body-header2 .row .col-xs-12
{
	padding: 0px 5px;
} */

.create_container input[type=button]
{
	position: relative;
	width: 40px;
	height:40px;
	/* padding: 8px;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
}

.create_container input[type=button].loc1
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc1.png");
}

.create_container input[type=button].loc1.highlight
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc1HiLit.png");
}

.create_container input[type=button].loc2
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc2.png");
}

.create_container input[type=button].loc2.highlight
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc2HiLit.png");
}

.create_container input[type=button].loc3
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc3.png");
}

.create_container input[type=button].loc3.highlight
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc3HiLit.png");
}
.create_container input[type=button].loc4
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc4.png");
}

.create_container input[type=button].loc4.highlight
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc4HiLit.png");
}
.create_container input[type=button].loc5
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc5.png");
}

.create_container input[type=button].loc5.highlight
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc5HiLit.png");
}
.create_container input[type=button].loc6
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc6.png");
}

.create_container input[type=button].loc6.highlight
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc6HiLit.png");
}

.create_container input[type=button] + label.imgs
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_moreIcons.png");
	background-size: 340px 340px;
	width: 360px;
    height: 220px;
    background-position: top center;
}


/******		Toolbar		*******/
.editor .display-toolbar
{
	width: 56px;
	height: 336px;

	margin-top: 51px;
	float: right;

	background-color: #fff;
}

.editor .display-toolbar > label
{
	width: 56px;
	height: 56px;
	display: block;
}

.editor .display-toolbar button,
.editor .display-toolbar input[type=checkbox] + label
{
	width: inherit;
	max-width: inherit;

	height: 56px;
	max-height: 56px;

	margin: 0px;
	padding: 0px;

	border: 1px solid #ddd;
}

.editor .display-toolbar input[type=checkbox] + label.addmarker
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/addmarker-active_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar input[type=checkbox]:checked + label.addmarker
{
	background-color: #bbbdbf;
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/addmarker-selected_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar input[type=checkbox] + label.addpolygon
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/polygon-active_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar input[type=checkbox]:checked + label.addpolygon
{
	background-color: #bbbdbf;
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/polygon-selected_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar input[type=checkbox] + label.drawtool
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/drawtool-active_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar input[type=checkbox]:checked + label.drawtool
{
	background-color: #bbbdbf;
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/drawtool-selected_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar button.exportmap
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/export-active_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar button.exportmap:hover:not([disabled])
{
	background-color: #1875d1;
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/export-selected_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar button.share
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/share-active_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar button.share:hover:not([disabled])
{
	background-color: #f99f1b;
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/share-selected_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar button.trash
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/trash-active_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar button.trash:hover:not([disabled])
{
	background-color: #ef4323;
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/trash-selected_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
}

.editor .display-toolbar button[disabled]
{
	opacity: 0.4;
}

.editor .display-text
{
	position:fixed;
	top:15px;
	right:15px;
	background-color:#fff;
	padding:5px;
	width:300px;
	text-align:center;
}

.editor .display-body-maplayers
{
	/* top: 170px;
	bottom: 0px;
	overflow: auto;
	min-height: 95px;
    height: 95px;
    margin: 3px;
    padding: 5px 0px 25px 0px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);*/
}

.editor .display-body-maplayers #cam-maplayers{

	  /* height: 85px;
	  overflow-x: hidden; */
}
/*
::-webkit-scrollbar {
    width: 5px;
		border-radius : 100px;
}
.editor .display-body-maplayers #cam-maplayers ::-webkit-scrollbar-track {
    background-color: none;
		border-radius : 100px;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
		border-radius : 100px;
}
/*
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}*/
.editor .display-body-maplayers .scroll-content
{
	position: relative;
}

/* Edit By Jin Hong */
.editor .map-layer
{
	width: 100%;
	min-height: 45px;
	overflow: visible;
	border-bottom: 1px solid #ee424f;
}

.editor .map-layer.border-active-red
{
	/* border: 7px solid #ee424f;*/
	border:none;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
}

.editor .map-layer.border-inactive-gray
{
	/* border: 7px solid #bbbdbf; */
	border:none;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
}

/* edit by Jin Hong */
.editor .map-layer-header
{
	height: 40px;
}

.editor .feature-container
{
	padding-top:5px;padding-left:50px
}

.editor .feature-container li
{
	padding-bottom: 8px;
}

.editor .feature-container li a
{
	text-decoration: none;
	color: #58585b;
}

.editor .feature-container li .delete
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/trash-active_64.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 13px;
}


.editor .map-layer
{
	padding: 0px 10px;
}

.editor .map-layer-header > *
{
	float: left;
}

.editor .map-layer-header label.item-input.middle
{
	height: 39px;
	position: absolute;
	left: 55px;
	right: 55px;
}

.editor .map-layer-header label.item-input.right
{
	float: right;
}

.editor .map-layer .dropdown .btn
{
	border: none;
}

.editor .map-layer .dropdown .btn-default,
.editor .map-layer .dropdown .btn:hover,
.editor .map-layer .dropdown .btn:active,
.editor .map-layer .open > .dropdown-toggle.btn-default
{
	outline: none;
	background: none;
	border: none;
	box-shadow: none;
}

.editor .map-layer .dropdown .btn:hover span,
.editor .map-layer .dropdown .btn:active span,
.editor .map-layer .open > .dropdown-toggle.btn-default span
{
	color: #ee424f;
}

.editor .map-layer .dropdown-menu > li > a
{
	padding: 3px 15px;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
}

.editor .map-layer .dropdown-menu > li > a.heat.checked
{
	color: #fff;
	background-color: #f0ad4e;
}
.editor .map-layer-header .dropdown-menu-right{
	position: relative;
	left : 20%;
}
.editor .map-layer-header label.item-input input
{
	font-size: 18px;
	font-weight: bold;

}

.editor .map-layer-header input[type=checkbox] + label
{
	display: inline-block;
}

.editor .map-layer-header input[type=checkbox] + label .header-icon
{
	width: 45px;
	height: 34px;
	padding: 6px 0px;
}

.editor .map-layer-header .icon-red
{
	width: 24px;
	height: 24px;
	margin: auto;
}

.editor .map-layer-header input[type=checkbox] + label .icon-red
{
	background: transparent;
	border: 2px solid #ee424f;
	border-radius: 12px;
	opacity: 0.5;
}

.editor .map-layer-header input[type=checkbox]:checked + label .icon-red
{
	background: #ee424f;
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/visibility-checked_64.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;

	border: 2px solid #ee424f;
	border-radius: 12px;
	opacity: 1.0;
}

.editor .map-layer-header .header-icon .icon-blue
{
	border: 2px solid #1b87c9;
}

/* Edit by Jin Hong */
.editor .map-layer-content
{
	/* height: 40px;
	 margin-top: 15px; */
	margin:5px 15px 15px 15px;
}

.editor .map-layer-content > *
{
	vertical-align: middle;
}

.editor .map-layer-content .import-frame
{
	width: 100%;
	margin-bottom: 10px;
    /* padding: 5px;
    background-color: #051e3c; */
}

.editor .map-layer-content .import-frame button.import
{
	width: 100%;
    /* height: 36px; */
    padding: 15px 10px 15px 55px;
    /* padding-left: 34px; */
    /* padding-right: 0px; */
    font-size: 16px;
    text-align: left;
    border: none;
    background-color: #051e3c;
    background-image: url(https://web-static.onemap.sg/images/main/createMyMap/import-active_64.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: 24px 24px;
    color: #fff;
}

.editor .map-layer-content .deletelayer, 
.editor .map-layer-content .heatmap
 {
	width: 100%;
    /* height: 36px; */
    /* padding-left: 34px; */
    /* padding-right: 0px; */
    
    text-align: left;
    border: none;
    background-color: #051e3c;
    /* background-image: url(https://web-static.onemap.sg/images/main/createMyMap/import-active_64.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: 24px 24px; */
    color: #fff;
    text-decoration: none;
}

.editor .map-layer-content .deletelayer a, 
.editor .map-layer-content .heatmap a
 {
 	text-decoration: none;
 	font-size: 16px;
 	color: #fff;
 	display: block;
 	padding: 15px 10px 15px 55px;
 }

.editor .map-layer-content .delete {
	background-image:url("https://web-static.onemap.sg/images/main/createMyMap/icon_trash_512.png");
	height: 35px;
    border: none;
    background-color: transparent !important;
    float: left;
    margin: 0px 8px 0px 0px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 35px 35px;
    cursor: pointer;
    margin-bottom: 15px;
}


.editor .map-layer-content .heatmap a:hover
 {
 	background-color: transparent;
 }


.editor .modal-import .file-dragging-over{
	border : black;
}

.editor .map-layer-content button.import:active,
.editor .map-layer-content button.import:hover
{
	/* color: #f99f1b; */
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/import-selected_64.png");
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 24px 24px;
}

.editor .map-layer-content .tooltip.right .tooltip-arrow
{
    border-right-color: #fde2bb; /*rgba(249, 159, 27, 0.3);*/
}

.editor .map-layer-content .tooltip.right .tooltip-inner
{
	color: #58585b;
	background-color: #fde2bb;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 19px;
	white-space: normal;
}

.editor .map-layer.layer-1
{
	z-index: 4;
}

.editor .map-layer.layer-2
{
	z-index: 3;
}

.editor .map-layer.layer-3
{
	z-index: 2;
}

.editor .map-layer .layer-selector
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;

	width: 100%;
	height: 130px;
	max-height: 130px;

	background: none;
	border: none;

	padding: 0px;
	margin: 0px;
}

.editor .map-layer .layer-selector-hidden
{
	float: left;
	visibility: hidden;

	padding: 0px;
	margin: 0px;

	width: 0px;
	height: 0px;
}


.cam-popup-custom > *
{
	width: 100%;
}
/* FOURSQUARE*/
.cam-popup-custom {
	position: relative;
	/* min-height:330px;*/
	width: 448px;
	overflow: hidden;
	/* background-color: #ccc;*/
}

.cam-popup-top {
	width: 448px;
}

/* Edit by Jin Hong */
.cam-popup-custom .item-input
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	/* position: absolute; border: 1px solid #ddd;*/
	overflow: hidden;
	padding: 6px 2px;
	border: none;
	margin: 0px 15px 15px 15px;
	height: 45px;
	border-bottom: 1px solid #fde2bb;
}

.cam-popup-custom .item-input-textarea
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	padding: 6px 2px;
	/* border: 1px solid #ddd; */
	border: none;
	margin: 0px 15px 15px 15px;
	height: 145px;
}

.item-display.col-md-3{
	padding: 0;
}

.cam-popup-custom .item-input input.title
{
	font-size: 17px;
	font-weight: bold;
}
/* FOURSQUARE*/
.cam-popup-custom .cam-popup-first .item-display-image{
	width: 105px;
    height: 105px;
    border: 1px solid #58585b;
    padding: 3px;
    margin-left: 20px;
}

/* FOURSQUARE*/
.cam-popup-custom .cam-popup-second .item-display-attach-image img{
	width : 100px;
	padding: 5px;
	height : 100px;
}
/* FOURSQUARE*/
.cam-popup-custom .cam-popup-second{
	/* position : absolute;
	top : 0;
	left: 0; */
	z-index:997;
	display: none;
	width: 440px;
    height: 310px;
    overflow: hidden;
}
/* FOURSQUARE*/
.cam-popup-custom .cam-popup-second .item-display-attach-image{
	height : 310px;
	width : 100%;
	overflow: scroll;
}
/* FOURSQUARE*/
.cam-popup-custom .cam-popup-second .cam-popup-second-top{
	padding-top : 4px;
	padding-left: 5px;
}
.cam-popup-custom .item-input input,
.cam-popup-custom .item-input textarea,
.cam-popup-custom .item-input-textarea textarea
{
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1 220px;
	-moz-box-flex: 1;
	-moz-flex: 1 220px;
	-ms-flex: 1 220px;
	flex: 1 220px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0px 8px;
	background-color: transparent;
}

.cam-popup-custom .item-input textarea,
.cam-popup-custom .item-input-textarea textarea
{
	min-height: 120px;
	font-size: 15px;
	resize: none;
	border: none;
}

.cam-popup-custom .item-input textarea::-webkit-scrollbar,
.cam-popup-custom .item-input-textarea textarea::-webkit-scrollbar
{
    width: 5px;
    opacity: 0.5;
}

.cam-popup-custom .item-input textarea::-webkit-scrollbar-track,
.cam-popup-custom .item-input-textarea textarea::-webkit-scrollbar-track
{
    border:none;
    background: transparent;
}

.cam-popup-custom .item-input textarea::-webkit-scrollbar-thumb,
.cam-popup-custom .item-input-textarea textarea::-webkit-scrollbar-thumb
{
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 0, 0, 0.34);
    opacity: 0.5;
}

.cam-popup-custom .item
{
	padding: 5px 0px;
	border: none;
}

/* .cam-popup-custom .item ul.actions li
{
	float: left;
} */

.cam-popup-custom .item ul li button
{
	width: 35px;
	height: 35px;
	border: none;
	background-color: transparent !important ;
}

.delete, .edit, .color, .imgs {
	width: 35px;
	height: 35px;
	border: none;
	background-color: transparent !important ;
	float: left;
	margin: 0px 8px 0px 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px 35px;
}
.exportBookmarks {
	width: 30px;
	height: 35px;
	border: none;
	background-color: transparent !important ;
	float: left;
	margin: 0px 8px 0px 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28px 28px;
}
.cam-popup-custom .item ul li button.imgs, .imgs
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_image_512.png");
}
.cam-popup-custom .item ul li button.color, .color
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_color_512.png");
}
.cam-popup-custom .item ul li button.edit, .edit
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_edit_popup_512.png");
}
.cam-popup-custom .item ul li button.delete, .delete
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_trash_512.png");
}
.cam-popup-custom .item ul li button.exportBookmarks, .exportBookmarks
{
    background-image: url("https://web-static.onemap.sg/images/main/misc/exportBookmarks.png");
}
.popup_overlay_color
{
	position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 300px;
    background-color: #fff;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
}

.popup_overlay_color.expanded
{
	height: 220px;
	padding: 0px 20px;
}
.popup_overlay_color.hidden
{
	height: 0px;
}

.popup_overlay_color .colorcode
{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin : 5px;
}

.popup_overlay_color .color1{ background-color: #ffee58; }
.popup_overlay_color .color2{ background-color: #ffca28; }
.popup_overlay_color .color3{ background-color: #ffa726; }
.popup_overlay_color .color4{ background-color: #ef5350; }
.popup_overlay_color .color5{ background-color: #ab47bc; }
.popup_overlay_color .color6{ background-color: #7e57c2; }
.popup_overlay_color .color7{ background-color: #5c6bc0; }
.popup_overlay_color .color8{ background-color: #42a5f5; }
.popup_overlay_color .color9{ background-color: #26c6da; }
.popup_overlay_color .color10{ background-color: #26a69a; }
.popup_overlay_color .color11{ background-color: #9ccc65; }

.popup_overlay_imgs
{
	position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 300px;
    background-color: #fff;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
}

.popup_overlay_imgs.expanded
{
	height: 220px;
	padding: 10px 20px;
}
.popup_overlay_imgs.hidden
{
	height: 0px;
}

.popup_overlay_imgs .btn
{
	font-size: 14px;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    text-align: center;
    padding: 8px 20px;
    border: 0;
    background: #fff;
    width: 100%;
    border-radius: 0px;
}

.popup_overlay_imgs .rowcenter
{
	text-align: center;
	margin: 5px 0px;
}

.popup_overlay_imgs .rowright
{
	text-align: right;
}

.popup_overlay_imgs .drop-box
{
	font-size: 13px;
	color: #444;
	text-align: right;
	padding: 10px 0px;
}

.popup_overlay_imgs .text
{
	font-size: 18px;
	color: #444;
}

.popup_overlay_imgs .preview
{
	width: 110px;
	height: 110px;
	border: 1px solid #ccc;
	text-align:center;
	background-size: 110px 110px;
	background-position: center;
	background-repeat: no-repeat;
}

.popup_overlay_imgs .rowcenter
{
	text-align: center;
	margin: 5px 0px;
}

.popup_overlay_imgs .rowright
{
	text-align: right;
}

.popup_overlay_imgs .drop-box
{
	font-size: 13px;
	color: #444;
	text-align: right;
	padding: 10px 0px;
}

.popup_overlay_imgs .text
{
	font-size: 18px;
	color: #444;
}

.popup_overlay_imgs .preview
{
	width: 110px; 
	height: 110px; 
	border: 1px solid #ccc; 
	text-align:center;
}

.popup_overlay_imgs input[type=text] {
    width: 100%;
    padding: 12px;
    margin: 0;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #b2b2b2;
}

.popup_overlay_imgs .btnDefault 
{
	border: 1px solid #b2b2b2;
    background-color: #f8f8f8;
    color: #444;
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    min-width: 52px;
    min-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    text-align: center;
    line-height: 30px;
}


.feature-field{
	display: block;
}

.leaflet-marker-shadow{
	height : 40px !important;
	width : 40px !important;
}
.leaflet-marker-icon:not(.leaflet-interactive):not(.lq-marker):not(.themes-marker):not(.leaflet-marker-draggable):not(.custom-editing-icon):not(.leaflet-vertex-icon):not(.leaflet-middle-icon):not(.leaflet-editing-icon):not(.search-icon){
	height : 40px !important;
	width : 40px !important;
	/*
	content : url("https://web-static.onemap.sg/images/main/createMyMap/cmm_loc1.svg") !important;
	*/
	content : url("https://web-static.onemap.sg/images/main/createMyMap/marker-map.png") !important;
}
.leaflet-div-icon.cmm-svg{
	border : none;
	background: none;

}
.cmm-svg path,
.cmm-svg polyline,
.cmm-svg line,
.cmm-svg polygon{
	fill : white;
}
.leaflet-marker-pane{
	z-index: 998;
}
/* popup pane */
.leaflet-popup-pane, .leaflet-popup{
	z-index:999;
	width: 300px;
}
.leaflet-marker-editing{
	height : 40px !important;
	width : 40px !important;
	content : url("https://web-static.onemap.sg/images/main/createMyMap/marker-editing.png") !important;
}

.editor .item-input.btn-group
{
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ff5a00;
}

.editor .item-input.btn-group .btn.btn-default
{
	height: 40px;
	border: none;
	border-radius: 0px;
}

/* Commented by Alan, 6 Jul 2016 */
/*
.editor .item-input.btn-group .btn.btn-default:hover
{
	background-color: transparent;
	border: 1px solid #ff5a00;
}
*/

.editor #cam-name
{
	/* Commented by Alan, 6 Jul 2016 */
	/*
	width:100%;
	display: block;
	*/
	width: 85%;
	text-align: left;
	font-size: 14px;
}

.editor #cam-name > i.fa
{
	margin-left: 12px;
	margin-right: 4px;
}

.editor #cam-del-map
{
	width: 15%;
}


.icon-title {
	float: left;
    position: absolute;
    top: 25px;
    left: 30px;
    cursor: pointer;
}
.icon-title-right {
	float: right;
    position: absolute;
    top: 25px;
    right: 10px;
    cursor: pointer;
}

/* edit by Jin Hong */
.leaflet-container a.leaflet-popup-done-button
{
	width: 24px;
    height: 24px;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    top: 0px;
    right: 70px;
    z-index: 20;
}


.leaflet-container a
{
	text-decoration: none;
}

.row_nomargin{
	margin: 0;
	padding: 0;
}

.btn-popup
{
	font-size: 14px;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    margin-right: 3px;
    text-align: left;
    padding: 8px 20px;
    border: 0;
    background: transparent;
    float: right;

	/* padding: 8px 15px;
    background-color: #26c6da;
    line-height: 33px;
    margin-right: 35px;
    color: #fff; */
}

.leaflet-container a.leaflet-popup-close2-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma,Verdana,sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: 0 0;
}

/* POPUP */
/*.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 0px;
	}

.custom-popup-container {
	width: 299px;
	background-color: #fff;

}

.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	display: none !important;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}
*/

/******************************************************************
    Tabs for menu for Create My Map / Loading bar
******************************************************************/
.create_container {
	margin: 55px 0px 0px 0px;
	/* position: absolute;
	z-index: 10;*/
	height: 0px;
	width: 100%;
	display: none;

}

.showed {
	height: 80%;
    position: absolute;
    top: 0;
    display: block;
}

.hidden {
	height: 0;
}

.create_container .text-align-left {
	text-align: left; padding:15px 0px 15px 40px; font-size: 16px; font-weight: bold; cursor: pointer;
}

.create_container .text-align-right {
	 text-align: right; padding: 15px 40px 15px 0px; font-size: 16px; font-weight: bold; cursor: pointer;
}

.create_container .text-align-middle {
	 text-align: center; padding: 15px 0px; font-size: 16px; font-weight: bold; cursor: pointer;
}

.create_container .menu-button {
	background-color: #fff;
	padding: 20px 0px 20px 30px;
	text-align: left; 
	color: #051e3c;
	font-size: 14px;
	width: 100%;
	border: none;
    margin: 0px 0px 15px 0px;
    cursor: pointer;
}

.create_container .menu-button:hover {
	background-color: #fff;
	color:#051e3c;
}

.create_container textarea {
	width: 100%;
	height: 200px;
	padding: 15px;
	font-size: 14px; 
	line-height: 18px;
	margin-bottom: 20px;
}

.create_container .label_header
{
	padding:10px 45px;
	background-color:rgba(5, 30, 60, 0.5);
	color:#fff;
	font-size: 14px;
	line-height: 16px;
}

.create_container .label_header_btn
{
	padding:20px 0px 0px 45px;
	color:#333;
	font-size: 16px;
	line-height: 18px;
}

.create_container .label_text
{
	padding:20px 35px;
	color:#333;
	font-size: 14px;
	line-height: 30px;
}

.create_container .bg
{
	background-color: #fff;
    padding: 20px 12px;
}

.create_container .photo_container {
	width: 100%;
	height: 300px;
	background-color: #fff;
}

.create_container .photo_container label {
	font-size: 16px;
	color: #051e3c;
	padding: 5px 0px 5px 45px;
}

.create_container .photo_container .image {
	/* width: 24.5%; */
    padding: 1px;
    height: 100px;
    color: #fff;
    border:1px solid #ccc;
    cursor: pointer;
}

.create_container .photo_container .image:hover {
    border:1px solid red;
}

.create_overlay {
	position: absolute;
    z-index: 999;
}


.nav-tabs-container {
	position: fixed;
    margin: 152px 0px 0px 0px;
    padding: 0px 15px;
    width: 360px;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 14px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
}

.nav-tabs {
  border-bottom: none;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 0px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #e93a00;
  /*border-bottom-color: transparent;*/
}
.nav-tabs > li > a .position.disabled{
	opacity: 0.4;
}
.nav-tabs > li > a .position
{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
}

.nav-tabs > li > a .layers
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_layers.png");
}

.nav-tabs > li > a .basemap
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_baseMap.png");
}

.nav-tabs > li > a .loc
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_loc.png");
}

.nav-tabs > li > a .drawtool
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_drawTool.png");
}

.nav-tabs > li > a .share
{
	background-image: url("https://web-static.onemap.sg/images/main/createMyMap/icon_CMM_share.png");
}

/*************** Panel ***************/
.panel {
  margin-bottom: 0px;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #ee424f;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 8px 10px 1px 10px;
}
.panel-body {
  padding: 0px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.panel-heading .item-input {
	width: 100%;
}

.panel-default>.panel-heading {
    color: #333;
    border-color: transparent;

}

/*************** CMM Panel ***************/
.create_container .panel {
  margin-bottom: 0px;
  background-color: #fff;
  border: none;
  /* border-bottom: 1px solid #ee424f; */
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 8px 10px 1px 10px;
}
.create_container .panel-body {
  padding: 0px;
}
.create_container .panel-heading {
  padding: 10px 15px;
  border-bottom: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.create_container .panel-heading .item-input {
	width: 75%;
}

.create_container .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: transparent;

}

.option_buttons {
	position: absolute;
	z-index: 10;
	right: 10px;
	top:5px
}

.dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu-right {
    right: 10px;
    left: auto;
}

.login-form{
	background-color: white;
}


.editor .upload{
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 0px 10px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	background-color: white;
	z-index: 9999;
}

/*body {
	font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
	font-size: 13px;
	/*zoom: 92%;*/

}
*/
/* Switch */
.create_container .switch_position {
	position:absolute; top:5px; right:15px;
}

/* File Upload */
.create_container div.custom_file_upload {
	width: 100%;
	height: 40px;
	margin: 20px auto;
}

.create_container input.file {
	width: 80%;
	height: 40px;
	background-color: #fff;
	border: 1px solid #BBB;
	border-right: 0;
	color: #888;
	padding: 5px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	outline: none;
}

.create_container div.file_upload {
	width: 85px;
	height: 38px;
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );

	display: inline;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
}
.create_container div.file_upload:before {
	content: 'UPLOAD';
    position: absolute;
    margin-top: 4px;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.create_container div.file_upload input {
	position: relative;
    top: 0;
    height: 30px;
    width: 80px;
    display: inline;
    cursor: pointer;
    opacity: 0;
}

/**** menu ****/
.map_menu {
	height: 100%;
	/*background-color: #fff;*/
	height: inherit;
}

.map_menu .display-header {
	width: 100%;
    height: 56px;
    padding: 0px;
}

.map_menu .display-header .icon {
	width: 56px;
    height: 56px;
    float: left;
    /*background-color: #ccc;*/
    border: 1px solid grey;
}

.map_menu .display-header .icon img
{
	width: 53px;
    height: 53px;
	
}

#loadingOverlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.18);
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#loadingGif {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.spinner {
  display:inline-block;
  border-radius: 50px;
  border-style: solid;
  border-bottom-color: #3b5641;
  border-top-color: #67b3a9;
  border-left-color: #df7950;
  border-right-color: #decb3f;
  text-align: center;
  vertical-align: middle;
  position: relative;
  animation: rotate360 1s linear infinite;
  -webkit-animation: rotate360 1s linear infinite;

  border-width: 4px;
  width: 24px;
  height: 24px;
}

@keyframes rotate360 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@-webkit-keyframes rotate360 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}