@import url("https://use.typekit.net/coi7oup.css");
@import url(base-forms.css);

html
{
	height:100%;
	overflow:hidden;
}
body
{
	margin:0;
	height:100%;
	color:#404040;
	font-family:aktiv-grotesk,arial,sans-serif;
}
body *
{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body a 
{
	text-decoration:none;
}
body strong
{
	font-weight:500;
}
body .clear:after
{
	content:'';
	display:table;
	clear:both;
}
.hidden
{
	display:none !important;
}
.noselect
{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
                              
}
/* 
input[type=text],
input[type=password],
input[type=file],
input[type=submit],
textarea,
select,
div.check,
div.Tokenize ul.TokensContainer,
div.drop,
div.map,
div.slider
{
	margin-bottom:0;
}
 */

/* flex columns layout */

.columns
{
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
}
.columns > *
{
	display:inline-block;
}
.columns.one > *
{
	width:100%;
}
.columns.two > *
{
	width:48.958333%;
}
.columns.three > *
{
	width:31.25%;
}
.columns.four > *
{
	width:23.4375%;
	max-width:23.4375%;
}


/* main layout */

#page
{
	width:100%;
	height:100%;
}
#page-header
{
	position:relative;
	height:50px;
	background-color:white;
}
#page-map,
#page-dash
{
	display:none;
	position:relative;
	height:calc(100% - 50px);
	overflow:hidden;
}
#page.view-map #page-map,
#page.view-list #page-map,
#page.view-dash #page-dash
{
	display:block;	
}
#map,
#list
{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	background-color:#efefef;
}
#page.view-map #map,
#page.view-list #list
{
	display:block;
}
#page.view-list #map-branding
{
	display:none;
}	


/* header & menu */

#page-header
{
	border-bottom:1px solid #ccc;
	text-align:center;
}
#page-logo
{
	position:absolute;
	display:block;
	left:55px;
	top:8px;
	height:34px;
	background:transparent none no-repeat 50% 50%;
}
ul.tabs-menu
{
	margin:0;
	padding:0;
	list-style:none;
}
ul.tabs-menu li
{
	display:inline-block;
	float:left;
}
ul.tabs-menu li a
{
	display:block;
	padding:2px 14px 3px 14px;
	height:28px;
	
	/* border:1px solid black; */
	border:1px solid #888;
	border-right-width:0 !important;

	color:#888;
	line-height:21px;
}
ul.tabs-menu li.disabled a
{
	color:rgba(0,0,0,.2);
}
ul.tabs-menu li.disabled:hover a
{
	color:#888;
}
ul.tabs-menu li a svg
{
	float:left;
	margin:3px 3px 0 0;
}
ul.tabs-menu li a svg.list
{
	margin-top:5px;
}
ul.tabs-menu li a svg.dash
{
	margin-top:4px;
}
ul.tabs-menu li a svg path,
ul.tabs-menu li.disabled:hover a svg path
{
	fill:#888;
}
ul.tabs-menu li.disabled a svg path
{
	fill:rgba(0,0,0,.2);
}
ul.tabs-menu li .count
{
	display:inline-block;
	margin:-1px -8px 0 0;
	vertical-align:top;
	
	border-radius: 5px;
	min-width: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	font-weight: 500;
	padding:1px 3px;
	color:white;
	background-color: #cc0000;
}
ul.tabs-menu li.disabled .count
{
	display:none;
}
ul.tabs-menu li:not(.disabled):hover a,
ul.tabs-menu li.active a
{
	background-color:rgba(0,0,0,.1);
	color:#404040;
}
ul.tabs-menu li:not(.disabled):hover a svg path,
ul.tabs-menu li.active a svg path
{
	fill:#404040;
}
ul.tabs-menu li.disabled:hover a
{
	color:rgba(0,0,0,.3);
}
/* 
ul.tabs-menu li.disabled:hover a svg path
{
	fill:rgba(0,0,0,.3);
}
 */
ul.tabs-menu li:last-child a,
ul.tabs-menu li.last a
{
	border-right-width:1px !important;
}


#page-menu
{
	display:inline-block;
	position:relative;
	margin:11px auto 0 auto;
}

#filters
{
	display:none; /* not used in HD view */
}
#page-actions
{
	position:absolute;
	right:20px;
	top:10px;
	font-size:.96875rem;
}
#page-actions a
{
	display:block;
	float:right;
	margin-left:10px;
	padding-left:10px;
	padding-bottom:1px;
	border-left:1px solid #ddd;
	line-height:28px;
	outline:none;
	color:#888;
}
#page-actions a:hover,
#page-login a:not(.button):hover
{
	color:#404040;
}
#page-actions a:last-child
{
	border-left:none;	
}
#page-actions.loading a
{
	display:none;
}
#page-actions .spinner
{
	float:right;
	margin-top:2px;
}
#page-actions .avatar
{
	float:left;
	vertical-align:middle;

	width:24px;
	height:24px;
	margin:3px 6px 0 0;
		
	border-radius:50%;
	background:rgba(244,244,244,.9) url(../media/avatar-default.svg) no-repeat 50% 50%;
	background-size:cover;

	/* border:1px solid rgba(0,0,0,.2); */
	box-shadow:0 0 1px rgba(0,0,0,.5);
}
#page-actions .ui-autocomplete
{
	z-index:2002;
}
.drop-in.header
{
	position:absolute;
	right:0;
	top:50px;
	min-width:260px;
	background-color:white;
	border-top:none;
	border-right:none;
	box-shadow:-2px 2px 2px -2px rgba(0,0,0,.2);

	font-size:14px;
	z-index:2000;
}
#action-join
{
	min-width:300px;
}
#page-login .tab:not(.active)
{
	display:none;
}
#page-login .linkedin
{
	position:relative;
	border-top:1px solid #999;
	padding:20px 0;
	text-align:center;
}
#page-login .linkedin .or
{
	position:absolute;
	left:50%;
	top:-11px;
	padding:0 5px;
	transform:translateX(-50%);
	background-color:white;
}
#page-login .linkedin .IN-widget
{
/* 
	vertical-align:middle !important;
	margin-left:15px;
 */
}
#page-login div.signup
{
	text-align:center;
}	
#page-login a:not(.button):not(.menu-item)
{
	color:#888;
}
#forgot
{
	position:absolute;
	right:6px;
	top:30px;
	color:#333 !important; /* we use important so it doesn't have to be defined in each theme.css */
	font-size:13px;
}
#forgot:hover
{
	color:black !important;
}	


/* drop-in panels */

.drop-in
{
	font-size:14px;
	text-align:left;
}	
.drop-in .tab
{
	padding:0 19px 12px 19px;
}
.drop-in .tab .header
{
	margin:6px 0 20px 0;
}
.drop-in .tab .header + .guide
{
	font-weight:200;
	margin:-15px 0 15px 0;
}
.drop-in form
{
	margin-top:6px;
	position:relative;
}
.drop-in textarea
{
	min-height:96px;
}	
.drop-in div.submit
{
	margin:19px 0;
	text-align:right;
}
.drop-in.header
{
	height:auto;
	max-height:0;
	transition:max-height .25s ease 0s;
	overflow:hidden;
}
.drop-in.header.expanded
{
	max-height:350px;
	z-index:2001 !important;
}
.drop-in.header.expanded:not(.transition)
{	
	overflow:visible;
}
.drop-in.footer
{
	position:absolute;
	background-color:white;
	border-top:1px solid #ccc;
	left:0;
	top:35px;
	width:100%;

	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;

	transition:transform .2s ease 0s;

	box-shadow:0px -2px 2px -2px rgba(0,0,0,.2);	
	z-index:0;
}
.drop-in.footer.expanded
{
	transform:translateY(-100%);
}
.drop-in.footer .tab
{
	padding:0 19px;
}
.drop-in.footer form
{
	margin:19px 0 54px 0;
}
.drop-in .divider
{
	margin-left:-5px;
	width:calc(100% + 10px);
	border-top:1px solid #bbb;
}
.drop-in .user-profile
{
	padding:10px 0;
}
.drop-in .user-profile .subscription
{
	font-size:12px;
}
.drop-in .avatar
{
	float:left;
	margin-right:10px;
	width:54px;
	height:54px;
	background:#bbb url(../media/avatar-default.svg) no-repeat center;
	background-size:contain;
}
.drop-in .menu
{
	margin:0;
	padding:10px 0;
	list-style:none;
	
	font-size: 16px;
	line-height: 40px;
	font-weight: 500;
	
	width:calc(100% + 38px);
	margin-left:-19px;
}
.drop-in .menu li
{
	display:block;
	padding:0 20px;
}
.drop-in .menu li:hover
{
	background-color:rgba(0,0,0,.1);
}
.drop-in .menu li svg
{
	float:left;
	margin:13px 8px 0 0;
}
#page-login .profile .submit
{
	margin-bottom:10px;
}


/* forms */

label:not(.line):not(.row)
{
	margin:0 0 14px 0;
	color:#999;
}

.guide > a
{
	color:#888;
}
.guide > a:hover
{
	color:#404040;
}

 
#page-signin .signup.dialog
{
	width:80%;
	/* width:500px; */
}
#page-signin .signup.dialog .message,
#page-profile .message
{
	margin-top:20px;
	text-align: center;
	color:#e4002d;
}
#page-profile .message.empty
{
	margin:0;
}
#page-signin .signup.dialog .footer
{
	border-top:none;
	padding-top:5px;
}
#page-signin .signup.dialog .footer .guide
{
	font-size:14px;
	margin-bottom:10px;
}
#page-signin .signup.dialog .footer .cancel
{
	margin-right:15px;
}
 
/* 
#signup-form,
#page-signin .signup.dialog .header
#page-signin .signup.dialog .footer
 */
#page-signin .signup.dialog
{
	padding:0;
	width:470px;
	max-width:95%;
	margin:auto;
	
/* 
	margin:0 -20px;
	padding:0 20px;
 */
/* 
	background-color:white;
	border:1px solid #ddd;
	box-shadow:0 1px 5px rgba(0,0,0,.1);
 */
}
#signup-form
{
	/* padding:12px 40px 20px 40px; */
}
#signup-form .section
{
	margin-bottom:20px;
}
/* 
#signup-form .header
{
	margin:25px 0;
}
 */



/* 
#page-signin form label:nth-child(3) input,
#user-profile-form label:nth-child(3)
{
	
}

 */
/* 
#signup-form .header > .title
{
	margin-bottom:12px;
}
 */
/* 
#signup-form .header > .guide
{
	margin-top:4px;
	font-size:14px;
	color:#999;
}
 */
#signup-form .linkedin
{
	margin:30px 0 20px 0;
	border-top:1px solid rgba(0,0,0,.3);
	text-align:center;
}
#signup-form .linkedin > div
{
	padding:20px 0 5px 0;
}
/*
#page-signin form .submit
{
	margin:19px 0;
	text-align:right;
}
 */

#page-signin,
#page-subscribe,
#page-profile
{
	opacity:0;
	
	position:absolute;
	width:100%;
	height:calc(100% - 50px);
	top:50px;
	background-color:rgba(255,255,255,.9);
	z-index:1900;
	
	pointer-events:none;
	
	transition:opacity .25s ease 0s;
}
#page.signin #page-signin,
#page.subscribe #page-subscribe,
#page.profile #page-profile
{
	opacity:1;
	pointer-events:auto;
}
#page.signin #page-signin div.signup,
#page.signup #page-signin div.signin
{
	display:none;
}
#page.signup #page-signin div.signup
{
	display:inline-block;
}



#page-profile .dialog
{
	width:80%;
}



div.modal label:not(.row):not(.guide)
{
	margin:20px 0 0 0;
}
div.modal form:not(.forgot):not(.reset)
{
	position:relative;
	padding:12px 45px 20px 45px;
	background-color:white;
	border:1px solid #ddd;
	box-shadow:0 1px 5px rgba(0,0,0,.1);
}
div.modal form a.close,
#map-info .module.edit form a.close
{
	position:absolute;
	right:6px;
	top:6px;
}
div.modal .body .title
{
	margin-bottom:12px;
	text-align:center;
}
div.modal .body .section
{
	margin-bottom:70px;
}
div.modal .body form.forgot,
div.modal .body form.reset
{
	position:relative;
	margin:auto;
	width:calc(100% - 30px);
}
div.modal .body form.forgot .section,
div.modal .body form.reset .section
{
	margin-bottom:20px;
}

div.modal .body .section > .header:not(:empty)
{
	margin:0 -15px;
	padding:15px 0 10px 0;

	font-size:17px;
	font-weight:500;
}
div.modal .body .section:not(:first-child) > .header
{
	border-top:1px solid rgba(0,0,0,.3);
	/* border-top:1px solid #e5e5e5; */
}
div.modal .body .section > .guide
{
	/* font-weight:300; */
	font-size:15px;
	margin:0 -15px;
	/* padding-bottom:10px; */

	/* font-size:14px; */
}



#page-subscribe .center
{
	position:relative;
	margin:50px auto;
	width:740px;
	max-width:90%;
}
#page-subscribe .header
{
	color:#54a585;
	color:#0065b7;
	font-size:20px;
	font-weight:500;
	text-align:center;
}
#page-subscribe .menu
{
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}
#page-subscribe .menu li
{
	display:inline-block;
	border:1px solid #0065b7;
	border-left-width:0;
	padding:2px 12px 3px 12px;
	font-size:16px;
	line-height:21px;
	font-weight:normal;
}
#page-subscribe .menu li:first-child
{
	border-left-width:1px;
}
#page-subscribe .menu li a
{
	color:#0065b7;
}
#page-subscribe .menu li:not(.selected):hover
{
	background-color:rgba(0,101,183,.2);
}
#page-subscribe .menu li.selected
{
	background-color:rgba(0,101,183,.9);
}
#page-subscribe .menu li.selected a
/* #page-subscribe .menu li:not(.selected):hover a */
{
	color:white;
}
#page-subscribe .plans
{
	margin-top:40px;
}
#page-subscribe .plan
{
	position:relative;
	width:220px;
	height:350px;
	border:1px solid rgba(84,165,133,.5);
	border-radius:5px;
	text-align:center;
	/* overflow:hidden; */
	box-shadow:0 1px 5px rgba(0,0,0,.1);
}
#page-subscribe .plan.selected
{
	margin-top:-6px;
	height:362px;
	box-shadow:0 1px 15px rgba(0,0,0,.3);
}
#page-subscribe .plan .head
{
	background-color:#54a585;
	margin:-1px -1px 0 -1px;
	height:50px;
	line-height:50px;
	border-radius:5px 5px 0 0;
	
	
	color:white;
	font-size:24px;
	font-weight:500;
}
#page-subscribe .plan .price
{
	background:#f2f2f2;
	height:40px;
	line-height:40px;
	font-size:18px;
	font-weight:500;
}
#page-subscribe .plans .year,
#page-subscribe .plans.year .month
{
	display:none;
}
#page-subscribe .plans.year .year
{
	display:inline-block;
}
#page-subscribe .plan .features
{
	margin:15px 0;
	padding:0;
	font-size:15px;
	line-height:22px;
	list-style:none;
}
#page-subscribe .plan .features li::before
{
	content:url(../media/checkmark-black.svg);
	margin-right:3px;
}
#page-subscribe .plan .features li.extra
{
	color:#0065b7;
}
#page-subscribe .plan .features li.extra::before
{
	content:url(../media/checkmark-blue.svg);
	margin-right:3px;
}
#page-subscribe .plan .submit
{
	position:absolute;
	left:0;
	width:100%;
	bottom:15px;
}
#page-subscribe .plan .submit a.more
{
	display:block;
	margin-top:5px;
	font-size:13px;
}

/*	user dashboard */

#page-dash
{
	overflow-y:auto;
	padding-bottom:40px;
}
#page-dash .body > .right > .column-shadow
{
	position:relative !important;
}
#page-dash .head
{
	position:relative;
	width:100%;
	height:420px;
	background-color:#f2f2f2;
	box-shadow: inset 0 -4px 5px -3px rgba(0,0,0,.15);
	text-align:center;
}
#page-dash .sidebar .module .header
{
	text-transform:uppercase;
}
#page-dash .sidebar > div > div
{
	padding:20px 30px;
}
#dash-menu
{
	display:inline-block;
	position:relative;
	margin:20px auto 0 auto;
	z-index:1;
}
#page-dash .head .tab
{
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	padding:70px 30px 20px 30px;
}
#page-dash .head .tab.active
{
	display:block;
}

.swiper-pagination-bullet
{
	width:6px;
	height:6px;
}

#dc-cards
{
	width:1140px;
	padding:10px;
}


.dc-card
{
	/* margin-right:40px; */
	margin-bottom:30px;
	position:relative;
	width:250px;
	height:300px;
	background-color:white;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:0 1px 5px rgba(0,0,0,.1);
	
	color:#404040;
	font-size:14px;
	text-align:left;
	overflow:hidden;
	
	cursor:pointer;
	
}
.dc-card:hover
{
	box-shadow:0 1px 10px rgba(0,0,0,.25);
}
.dc-card .title
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:36px;
	line-height:36px;
	padding:0 16px;
	background-color:rgba(255,255,255,.86);
	
	font-size:16px;
	font-weight:500;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dc-card .image
{
	width:100%;
	height:170px;
	background:url(../media/bg-datacenter-default-small.jpg) no-repeat 50% 50%;
	background-size:cover;
}
.dc-card .info
{
	position:absolute;
	left:0;
	top:134px;
	width:100%;
	height:36px;
	padding:0 16px;

	display:flex;
	justify-content:space-around;
	
	font-size:26px;
	font-weight:500;
	line-height:36px;
	text-shadow:0 1px 1px rgba(0,0,0,.21);
	color:white;
}
.dc-card .info .unit
{
	margin-left:3px;
	font-size:12px;
	font-weight:500;
}
.dc-card .contact
{
	padding:8px 16px;
}


.dc-stats
{
	padding:20px;
	height:100%;
	/* max-width:1100px; */
	align-items:center;
	justify-content:space-around;
}
.dc-stats > .left
{
	/* width:auto !important; */
	/* width:60% !important; */
	/* flex-grow:2 */
	height:100%;
}
.dc-stats > .right
{
	max-width:420px;
	width:auto !important;
}
#dc-owner-stats
{
	padding:10px 0;
	flex-wrap:wrap-reverse;
}
#dc-owner-stats > *
{
	width:100% !important;
	max-width:100%;
}	
#dc-dashboard-graphs
{
	height:290px;
}
.dc-stats .legend > div
{
	float:left;
	margin-right:14px;
	padding-right:8px;
	/* width:50%; */
	text-align:right;
	width:190px;
	height:90px;
}
.dc-stats .legend > div.period
{
	padding:0;
	height:auto;
}
#dc-owner-stats .legend > div
{
	float:right;
	margin-right:20px;
	width:auto;
	min-width:120px;
}
.dc-stats .legend > div.period select
{
	margin-top:-6px;
}	
.dc-stats .combined > div
{
	padding-right:2px;
}
.dc-stats .legend .total
{
	font-size:48px;
	line-height:1.1;
}
.dc-stats .legend label svg.expand
{
	top:6px;
	pointer-events:none;
}
.dc-stats .compare
{
	border:1px solid rgba(0,0,0,.5);
	border-radius:5px;
}
.dc-stats .compare label
{
	margin:0;
}
.dc-stats .compare label svg.expand
{
	top:2px;
	right:2px;
}
.dc-stats .compare select
{
	margin:6px 0 0 0;
	height:20px;
	padding:0 20px 0 6px;
	background-color:transparent;
	border:none;

	font-size:13px;
	/* text-align:right; */
}

.dc-stats .compare.dc1
{
	clear:left;
	border-color:rgba(80,155,125,.5);
	color:rgb(80,155,125);
}
.dc-stats .compare.dc1 select
{
	color:rgb(80,155,125);
}
.dc-stats .compare.dc1 svg.icon polygon
{
	fill:rgb(80,155,125);
}
.dc-stats .compare svg.icon path
{
	fill:transparent;
}

.dc-stats .compare.dc2
{
	border-color:rgba(144,19,254,.5);
	color:rgb(144,19,254);
}
.dc-stats .compare.dc2 select
{
	color:rgb(144,19,254);
}
.dc-stats .compare.dc2 svg.icon polygon
{
	fill:rgb(144,19,254);
}

#user-dc .section,
#user-dc .add
{
	margin-bottom:15px;
}
#user-dc .add .button
{
	color:white;
	float:right;
}

.module ul.manage li
{
	display:flex;
	justify-content:space-between;
}
.module ul.manage li a
{
	flex-grow:2;
}
.module ul.manage li span
{
	font-size:13px;
	cursor:pointer;
}
.module ul.manage li span svg
{
	margin:0 4px -1px 0;
}
div.bg-shade-dark .module ul.manage li span
{

}
.module ul.manage li .del:hover
{
	opacity:.7;
}
.module ul.manage.notifications li:not(:last-child)
{
	border-bottom:1px solid rgba(255,255,255,.3);
}
.module ul.manage.notifications li a.detail
{
	padding-top:5px;
	line-height:22px;
}	
.module ul.manage.notifications li .read
{
	margin:13px 6px 0 0;

	min-width:6px;
	width:6px;
	height:6px;
	background-color:#888;
	border-radius:50%;
}
.module ul.manage.notifications li span
{
	text-align:right;
	white-space:nowrap;
}





/* modals */

div.modal
{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;

	background-color:rgba(255,255,255,.9);
	z-index:10000;
	
	transition:opacity .25s ease 0s;
	
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	
	text-align: center;
}
.pac-container
{
	z-index:10001;	/* make sure google autocomplete menu is visible within modals */
}
div.modal.remove
{
	opacity:0;
}
div.modal.hidden
{
	opacity:0;
	pointer-events:none;
}
div.modal:before
{
	/*	vertically centers dialogue within modal */
	content:'';
	display:inline-block;
	height:100%;
	max-height:100vh;
	vertical-align:middle;

}
div.modal .dialog
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	
	margin:0;
	padding:10px;

	width:400px;
	max-width:96%;

	text-align:left;
}
div.modal .dialog .head,
#signup-form .title
{
	padding-bottom:12px;
	border-bottom:1px solid rgba(0,0,0,.3);

	font-size:18px;
	font-weight:500;
	line-height:normal;
}
div.modal .dialog .body
{
	padding:15px 0 20px 0;
	font-size:16px;
	line-height:20px;
}
div.modal .dialog .body > .spinner
{
	display:block;
	margin:-80px auto 0 auto;
}
div.modal .dialog .footer
{
	margin-bottom:40px;
	padding-top:15px;
	border-top:1px solid rgba(0,0,0,.3);

	text-align:right;
}
div.modal .dialog.notification
{
	width:600px;	
}
div.modal .dialog.notification .head
{
	text-align:right;
}
div.modal .dialog.notification .date
{
	font-size:14px;
	font-weight:normal;
	line-height:22px;
	color:#ababab;
}
div.modal .dialog.notification ul
{
	margin:-20px 0 0 0;
	list-style:none;
	padding:0;
}


/* map */

.leaflet-control-layers label:not(.row):not(.guide)
{
	margin:0;
	color:#404040;
}
.cluster-marker
{
	background:transparent url(../media/cluster-marker.svg) no-repeat 0 0;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	padding-top:5px;
}
.cluster-marker._100
{
	font-size:13px;
}
.cluster-marker._1000
{
	font-size:12px;
}
.fit-to-bounds a
{
	background:transparent url(../media/fit-to-bounds.svg) no-repeat 50% 50%;
}
#map .leaflet-draw-hide-first .leaflet-draw-section:first-child
{
	display:none;
}
#map .leaflet-draw-hide-first .leaflet-draw-section:nth-child(2) .leaflet-draw-toolbar
{
	margin-top:0;
}
#map .leaflet-draw-actions
{
	z-index:-1;
	left:25px;
	box-shadow:0 1px 3px rgba(0,0,0,.3);
}
#map .leaflet-draw-actions-bottom
{
	margin-top:1px;
}
#map .leaflet-draw-actions a
{
	background-color:rgba(255,255,255,.85);
	color:#404040;
	height:26px;
}
#map .leaflet-draw-actions a:hover
{
	color:black;
}

#map-branding
{
	position:absolute;
	left:9px;
	bottom:5px;
}
#map-branding > a
{
	display:block;
	width:110px;
	height:15px;
	background:transparent url(../media/coloresearch.svg) no-repeat 0 0;
}
#map-branding > a:hover
{
	background-position:0 100%;
}


/* filters */

#map-filters,
#map-info
{
	position:absolute;
	top:0;
	z-index:1000;
}
#map-filters
{
	left:0;
	margin:0 -5px;
	width:calc(100% + 10px);
	height:6px;
	white-space: nowrap;

	padding:0 10px 0 50px;
	box-shadow:inset 0 2px 2px -2px rgba(0,0,0,.2);
}

.filter
{
	/* float:left; */
	display:inline-block;
	vertical-align:top;
	
	margin-left:10px;
	
	position:relative;
	width:205px;
	min-height:60px;
	
	white-space: normal;

	box-shadow:0 1px 3px rgba(0,0,0,.3);
	border-radius:0 0 6px 6px;
}
.filter,
#map-info
{
	background-color:rgba(255,255,255,.85);
}

.filter > div
{
	width:100%;
}
.filter .head
{
	min-height:60px;
	font-weight:500;
	cursor:pointer;
}
.filter .head .expand,
.filter .head .reset
{
	position:relative;
	float:right;
	margin:7px 5px 0 0;
}
.filter .head .reset
{
	display:none;
}
/* 
.filter.reset .reset
{
	display:block;
}
.filter.reset .expand
{
	margin-right:0;
}
*/
.filter .head .checkbox
{
	display:none;
	position:absolute;
	left:9px;
	top:10px;
}
.filter.reset .checkbox
{
	display:block;
}
.filter .head:hover .title
{
	color:#404040;
}
.filter .head > .title
{
	position:absolute;
	top:5px;
	left:0;
	width:100%;
	text-align:center;
}
.filter .head > .selected
{
	padding:35px 11px 3px 11px;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
}
.filter .head > .selected div
{
	display:none;
	margin-bottom:4px;
}
.filter .head > .selected.empty div
{
	display:block;
}
.filter .head > .selected span
{
	display:inline-block;
	margin:0 4px 4px 0;
	
	color:white;
	background-color:#999;
	padding:0 4px;
	font-weight:500;
}
.filter .head > .selected span em
{
	font-style:normal;
}
.filter .body
{
	height:auto;

	max-height:0;

	transition:max-height .2s ease 0s;
	-webkit-transition:max-height .2s ease 0s;
	
	overflow:hidden;
}
.filter.expanded .body
{
	max-height:400px;
}

.filter ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.filter ul li
{
	position:relative;
	padding:0 30px 1px 9px;

	line-height:29px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	
	cursor:pointer;	
}
.filter ul li:not(.ui-menu-item):nth-child(odd)
{
	background-color:rgba(0,0,0,.05);
}
.filter ul li:not(.ui-menu-item):hover
{
	background-color:rgba(0,0,0,.1);
}
.filter ul li .checkbox
{
	float:left;
	margin:8px 8px 0 0;
}
.filter ul li .reset
{
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
}

div.input
{	
	margin:12px auto 30px auto;
	background-color:#e1e1e1;
	width:80%;
	height:30px;
}
div.input.has-guide
{
	margin-bottom:6px;
}
div.input input
{	
	float:left;
	margin:0;
	width:calc(100% - 30px);

	border:none;
	background-color:transparent;
	padding:0 5px;
	
	font-size:16px;
	line-height:30px;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:none;
}
div.input input::-webkit-input-placeholder
{
	color:#a5a5a5;
}
div.input input::-moz-placeholder
{
	color:#777;
}
div.input input:-ms-input-placeholder
{  
	color:#666;
}

.filter .guide
{
	width:80%;
	margin:5px auto 25px auto;
	color:#999;
	font-size:13px;
}

/* filter autocomplete */

.filter .ui-autocomplete
{
	min-width:80%; /* limit to input size */
	max-width:80%;
}
.filter .ui-menu .ui-menu-item,
#page-actions .ui-menu .ui-menu-item
{
	padding:0 9px;
	padding:0;
	list-style-image:none;
}
.filter .ui-widget-content .ui-state-focus,
#page-actions .ui-widget-content .ui-state-focus
{
	border-color:transparent;
}
.filter .ui-autocomplete-type
{
	margin-bottom:1px;
	padding:6px 9px 0 9px;
	border-bottom:1px solid #999;
	background-color:transparent !important;

	color:#999;
	font-size:13px;
	line-height:22px;
}

/* filter slider */

.filter ul li.slider .reset
{
	display:none;
}
.filter ul li.slider
{
	padding-right:15px;
}
.filter div.slider
{
	margin:0;
}
li.slider .display
{
	position:absolute;
	right:9px;
	top:0;
	text-align:right;
}
li.slider .slider-container
{
	position:relative;
	margin-left:20px;
	height:30px;
	padding:7px 5px 11px 5px;
}
li.slider .line
{
	position:absolute;
	left:0;
	background-color:#cccccc;
}
li.slider .line.left,
li.slider .line.right
{
	top:9px;
	height:8px;
	width:2px;
}
li.slider .line.right
{
	left:auto;
	right:0;
}
li.slider .line.center
{
	top:12px;
	width:100%;
	height:2px;
}
li.slider:nth-child(odd) .line,
li.slider:hover .line
{
	background-color:white;
}

.filter .ui-slider-horizontal
{
	height:12px;
	border:none;
	border-radius:0;
	background-color:transparent;
	/* background-color:rgba(250,0,0,.1); */
}
/* 
.filter li:nth-child(odd) .ui-slider-horizontal,
.filter li:hover .ui-slider-horizontal
{
	background-color:white;
}
 */
.filter .ui-slider .ui-slider-handle
{
	top:0;
	margin-left:-6px;
	
	height:12px;
	width:12px;
	border-radius:50%;
	border-color:transparent;
	background-color:#999999;
	outline:none;
	cursor:pointer;
}

svg.icon path,
svg.icon polygon,
svg.icon.checkbox rect
{
	fill:#999999;
}
.filter.expanded svg.icon.expand polygon,
.filter .head svg.icon.checkbox rect,
.filter:not(.active) svg.icon.checkbox path.check,
li:not(.active) svg.icon.checkbox rect,
li:not(.active):not(.cert) svg.icon.checkbox path.check,
form svg.icon.checkbox:not(.checked) rect,
form svg.icon.checkbox:not(.checked) path.check
{
	fill:transparent;
}
.head svg.icon.checkbox:not(:hover) path:not(.check),
li:not(.active):not(:hover) svg.icon.checkbox path:not(.check)
{
	fill:#cccccc;
}
.head svg.icon.checkbox.checked path.check,
li.active svg.icon.checkbox path.check,
/* svg.icon.reset:hover path, */
#map-info .title svg.icon path,
form svg.icon.checkbox.checked path.check
{
	fill:white;
}


svg.icon.reset.all:hover path
{
	fill:#404040;
}


/*	map stats */

#map-stats
{
	display:none;
	position:absolute;
	left:0;
	bottom:0;
	height:54px;

	font-size:13px;
}
.view-map #map-stats
{
	display:flex;
}
#map-stats .expand
{
	padding:8px 6px 0 12px;
	text-align:center;
	
	cursor:pointer;
	user-select: none;
	-moz-user-select: none;
}
#map-stats .expand .icon
{
	float:left;
}
#map-stats .expand .icon svg
{
	margin-bottom:-4px;
}
#map-stats:not(.expanded) .stats
{
	display:none;
}
#map-stats svg.arrow
{
	margin:10px 0 0 8px;
	float:right;
}
#map-stats svg path
{
	stroke:white;
}
#map-stats:not(.expanded) svg.arrow path
{
	fill:white;
}
#map-stats .stats .stat
{
	float:left;
	margin:2px 20px;
}
#map-stats .stats .head
{
	font-size:14px;
	margin-bottom:-3px;
}
#map-stats .stats .avail
{
	padding-left:10px;
	font-size:12px;
}
#map-stats .stats .value
{
	font-size:26px;
}


/* item list */

#list
{
	padding:70px 50px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	background-color:white;
}
#list .head
{
	margin:20px 0;
	text-align:center;
	font-weight:500;
}
#list .head a.more
{
	margin-left:5px;
	font-size:14px;
	font-weight:normal;
}
#list table
{
	width:100%;
	
	font-size:15px;
	/* line-height:22px; */
	line-height:30px;
	/* border-collapse: collapse; */
}
#list table thead
{
	color:#a0a0a0;
	font-size:12px;
	line-height:26px;
	white-space:nowrap;
}
#list table thead th:not(.select):not(.manage)
{
	cursor:pointer;
}
#list table thead th:not(.action):hover
{
	color:#404040;
}
#list table th.sort.up:after
{
	content:url(../media/arrow-sort-up.svg);
	margin-left:5px;
}
#list table th.sort.down:after
{
	content:url(../media/arrow-sort-down.svg);
	margin-left:5px;
}
#list table tr.hidden
{
	display:none;
}
#list table th,
#list table td
{
	padding:0 5px;
	border-bottom:1px solid #e5e5e5;
	
	font-weight:400;
	text-align:left;
	
	min-height:30px;
	vertical-align: top;
}
#list table th.center,
#list table td.center
{
	width:50px;
	text-align:center;
}
#list table th.right,
#list table td.right
{
	padding-right:15px;
	text-align:right;
}
#list table td.check
{
	position:relative;
	width:33px;
}
#list table td.check input
{
	display:none;
}
#list table td.check label
{
	margin:0;
	height:30px;
}
/* 
#list table td.check div
{
	position:relative;
	background-color:rgba(250,0,0,.1);
	width:100%;
	height:100%;
}
 */
#list table td.check svg
{
	position:absolute;
	left:5px;
	top:9px;
}
/* #list table td svg.checkmark, */
#list table td .unread-bullet
{
	/* margin-left:10px; */
	display:inline-block;
}
#list table td .unread-bullet
{
	margin-top:11px;
}
#list table td a.button.small
{
	/* margin-bottom:2px; */
	vertical-align:text-bottom;
}
#list table tbody tr:nth-child(odd) 
{
	background-color:#fcfcfc;
}
#list table tr.select
{
	cursor:pointer;
}
#list table tbody tr.issue
{
	background-color:#fff2d9;
}
#list table tr.issue .warning
{
	position:absolute;
	top:7px;
}
#list table tr.issue .warning path
{
	fill:#ffa500;
}
#list table tr.issue a:hover .warning path
{
	fill:#333;
}
#list table tr.issue td:last-child
{
	position:relative;
	width:28px;
}

#list table tr.select:hover td
{
	background-color:#f3f3f3;
}
#list table tr.selected
{
	background-color:#ebebeb !important;
}
#list .unread-bullet
{
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:#0065b7;
}

#list > .footer
{
	/* height:80px; */
	text-align:center;
}
#list > .footer a
{
	visibility:hidden;
	margin:25px 0 40px 0;
}


/* dc sidebar / dc profile */

#map-info
{
	right:0;

	width:100%;
	max-width:100%;
	min-height:100%;
	max-height:100%;
	
	box-shadow:-1px 0 3px rgba(0,0,0,.3);
	
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;

	transform:translateX(101%);
	-webkit-transform:translateX(101%);

	/* transition:transform .2s ease 0s; */
	transition:
		background-color .5s ease 0s,
		/* transform .2s ease 0s; */
		transform .2s ease 0s;
		
	/* -webkit-transition:-webkit-transform .2s ease 0s; */
}
#map-info.sidebar.expanded
{
	transform:translateX(calc(100% - 350px));
	-webkit-transform:translateX(calc(100% - 350px));
}
#map-info.full.expanded
{
	transform:none;
	-webkit-transform:none;
	background-color:white;
}
#map-info.full
{
	transition:
		background-color .2s linear .45s,
		transform .45s ease 0s;
}
#map-info.full > div
{
	transition:
		background-color .4s ease 0s,
		max-width .4s ease 0s,
		height .4s ease 0s,
		transform .4s ease 0s;
}
#map-info > div
{
	max-width:100%;
	transition:
		max-width .2s ease 0s,
		height .2s ease 0s,
		transform .2s ease 0s;
}
#map-info:not(.full) > div
{
	max-width:350px;
}
#map-info > .title,
#map-info .tabs
{
	height:35px;
	line-height:35px;
}
#map-info > .title
{
	width:100%;
	text-align:center;
	font-weight:500;
	background-color:rgba(0,0,0,.3);
}
#map-info > .title > span
{
	display:inline-block;
	max-width:100%;
	padding:0 30px;

	color:white;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#map-info > .title .close
{
	position:absolute;
	left:6px;
	top:8px;
	cursor:pointer;
}
#map-info > .title .close:hover
{
	opacity:.8;
}
#map-info.has-image > .title,
#map-info.full > .title
{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#map-info .head 
{
	position:relative;
	overflow:hidden;
	width:100%;
	float:left;
}
#map-info.has-image .head:not(.location)
{
	height:300px;
}
#map-info.has-image .head.image
{
	height:300px;
	background:rgba(0,0,0,.8) none no-repeat 50% 50%;
	background-size:cover;

	/* transition:height .2s ease 0s; */
}


/* sidebar / general body styling */

#map-info .tabs
{
	display:flex;
	display:-ms-flexbox;
	
	width:100%;
	background-color:rgba(0,0,0,.05);
}
#map-info .tabs .tab
{
	flex-grow:1;
	-ms-flex:1 auto;

	display:inline-block;	
	padding:0 10px;
	cursor:pointer;
	
	max-width:80%; /* cut off long company names */	
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
#map-info .tabs .tab.active
{
	background-color:rgba(0,0,0,.1);
	cursor:auto;	
}
#map-info .tabs .tab:not(.active):not(:hover)
{
	color:#0065b7;
	color:#888;
}
#map-info:not(.full) > .profile,
#map-info.full > .summary
{
	display:none;
}
#map-info .summary .body
{
	padding:19px 19px 54px 19px;
}

#map-info .body strong
{
	font-weight:500;
}
.body a,
#list .head a
{
	color:#888;
	text-decoration:none;
}
.body a:not(.disabled):not(.submit):not(.del):hover,
.body div.bg-shade-dark a:not(.disabled):not(.submit):hover,
.body div.bg-shade-dark a.edit:not(.arrow):not(.button):hover,
.body div.bg-shade-dark .module ul li:hover a,
.body .module ul li:hover a:not(.del),
#list .head a:hover
{
	color:#404040;
}
#map-info .body > .tab:not(.active)
{
	display:none;
}
#map-info .body > .tab.render,
#map-info .summary.render
{
	max-width:350px;
	display:block;
	visibility:hidden;
}
#map-info .body .tab.loading
{
	text-align:center;
}
/* 
#map-info .body .header,
.sidebar .module .header
 */
.module .header,
.summary .header
{
	padding-bottom:4px;
	border-bottom:1px solid #999;
	
	font-size:14px;
	color:#999;
}
#map-info .body .section,
.module .section
{
	margin:5px 0 30px 0;	
}
.body .section em:not(.guide),
#list td em
{
	font-size:14px;
	font-style:normal;
	/* color:#666; */
	color:#999999;
	/* font-weight:200; */
}
#map-info .body .section .property
{
	/* display:inline-block; */
	min-width:60px;

	font-size:14px;
	/* font-weight:500; */
	/* color:#666; */
}
#map-info .body ul:not(.TokensContainer),
.module ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#map-info .body ul.collapsed,
.module ul.collapsed
{	
	max-height:135px;
	overflow:hidden;
}
/* #map-info .body li:not(.Token):not(.TokenSearch), */
#map-info .body ul:not(.TokensContainer):not(.actions):not(.ui-menu) > li,
#map-info div.li
{
	padding:0 8px;
	line-height:27px;
}
/* #map-info .body ul:not(.TokensContainer):not(.Dropdown) > li:nth-child(even), */
#map-info .body li.dark,
.module ul:not(.TokensContainer):not(.Dropdown):not(.ui-menu) li:nth-child(even),
.module ul li.dark
{
	background-color:rgba(0,0,0,.05);
}
#map-info .body li a,
.module ul li a
{
	display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#map-info .body ul.dcs svg.icon,
.module ul.dcs svg.icon
{
	vertical-align:middle;
	margin:0 7px 2px 4px;
}
#map-info .body ul.dcs li:hover svg.icon path,
.module ul.dcs li:hover svg.icon path
{
	fill:#404040;
}
#map-info .body li.cert svg.icon.checkbox,
.module ul li.cert svg.icon.checkbox
{
	margin-right:5px;
}
#map-info .body ul.table
{
	display:table;
	width:100%;
}
#map-info .body ul.table li
{
	padding:0 3px;
	display:table-row;
}
#map-info .body ul.table span
{
	display:table-cell;
	/* white-space:nowrap; */
}
#map-info .body ul.table span:last-child
{
	padding:0 10px;
	min-width:125px;
}
#map-info .summary ul.table span:last-child
{
	white-space:nowrap;
}
#map-info .text.collapsed
{
	max-height:103px;
	overflow:hidden;
}
/* #map-info .more, */
.section .more
{	
	margin-top:1px;
	border-top:1px solid #999;
	padding-top:2px;
	font-size:14px;
	text-align:center;	
}
.section .more a.submit
{
	margin-top:10px;
}
#map-info a.expand,
.module .more a.expand
{
	font-size:14px;
}
#map-info .more.collapsed span,
.module .more.collapsed span
{
	display:none;
}
#map-info .banner
{
/* 
	border-top:1px solid #999;
 */
 	margin-bottom:30px;
 	border-bottom:1px solid #999;
 	padding-bottom:10px;
}
#map-info .banner .header
{
	position:relative;
	text-align:center;
	border:none;
}
#map-info .banner .header > span
{
	/* display:inline-block; */
	font-size:12px;
	color:#999;
}
#map-info .banner .header > span:before,
#map-info .banner .header > span:after
{
	display:block;
	position:absolute;
	top:9px;
	content:'';
	border-top:1px solid #999;
	width:120px;
}
#map-info .banner .header > span:after
{
	right:0;
}
#map-info .banner .display
{
	background-color:#f2f2f2;
	margin:auto;
	width:300px;
	min-height:266px;
}
#map-info .banner .placeholder
{
	display:block;
	padding-top:120px;

	font-weight:300;
	text-align:center;
	color:rgba(0,0,0,.25);
}


#map-actions
{
	position:fixed;
	bottom:0;
	right:0;
	width:350px;
	max-width:100%;
	height:35px;

	border-top:1px solid #ccc;
	z-index:1001;
	
	transform:translateY(35px);
}
#map-actions.expanded
{
	transform:none;
	transition:transform .2s ease .2s;
}
#map-actions .bar
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	display:flex;
	justify-content:space-around;

	background-color:rgba(0,0,0,.3);

	line-height:32px;	
	z-index:1;
}
#map-actions .bar a
{
	padding:0 10px;
	font-weight:500;
	color:white;
}
#map-actions .bar a:hover
{
	opacity:.8;
}
#map-actions .bar > a svg
{
	position:absolute;
	left:12px;
	top:10px;
}


/* dc profile header */

#map-info.full .head
{
	box-shadow: inset 0 -4px 5px -3px rgba(0,0,0,.15);
}
#map-info.full .head.image,
#map-info.full .head.location
{
	height:360px;
	background-color:#cad2d3;
}
#map-info.full .head.image
{
	/* background:#cad2d3 url(../media/image-not-available.svg) no-repeat 50% 50%; */
	background:#cad2d3 url(../media/bg-datacenter-default.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#map-info.full.has-image .head.image
{
	background-size:cover;
}
#map-info.full .head:not(.title)
{
	max-width:50%;
}
#map-info .head > .detail
{
	position:absolute;
	right:0;
	top:0;
	transform:translateX(100%);
	transition:transform .2s ease .4s;
	
	width:40%;
	min-width:180px;
	height:100%;
	
	background-color:rgba(33,36,38,.55);
	
	color:white;
	text-shadow:0 1px 1px rgba(0,0,0,.2);
	cursor:auto;
}
#map-info .head.location > .detail
{
	background-color:rgba(33,36,38,.45);
}
#map-info.full .head > .detail
{
	transform:none;
}
#map-info.full .head > .detail > .align-bottom
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 20px;
}
#map-info .head.image .detail
{
	text-align:right;
}
#map-info .head.image .detail > .align-bottom
{
	padding-left:10px;
}
#map-info .head.image .detail div.size
{
	margin-bottom:20px;
}
#map-info .head.image .detail span.large
{
	display:block;
	font-size:54px;
	margin-top:-10px;
}
#map-info .head.image .detail span.large em
{
	display:inline-block;
	width:100px;

	color:#404040;
	color:rgba(255,255,255,.8);
	font-size:14px;
	font-style:italic;
	text-shadow:none;
	text-align:right;
}
#map-info .head.location
{
	float:left;
	background-color:#cecece;
	background-size:auto;
	background-position:calc(50% - 120px) 50%;
	background-repeat:no-repeat;
	cursor:pointer;
}
#map-info .head.location:hover
{
	
}
#map-info .head.location a
{
	/* color:#0065b7; */
	color:white;
	/* text-shadow:none; */
}
#map-info .head.location a:hover,
#map-info .title a.edit:hover
{
	color:#404040;
	
}


/* dc profile columns */

#map-info .profile,
#page-dash .body
{
	width:100%;
	padding:40px;
	display:flex;
}
#map-info .profile > .left,
#page-dash .columns > .left
{
	/* width:55%; */
	width:53%;
}
#map-info .profile > .right,
#page-dash .columns > .right
{
	position:relative;
	/* width:41.666667%; */
	width:43%;
}
#map-info .profile > .right > .column-shadow,
#page-dash .body > .right > .column-shadow
{
	position:absolute;
	width:100%;
	/* box-shadow:0 2px 2px rgba(0,0,0,.3); */
}
/* 
#map-info.new .columns .left
{
	width:100%;
}
#map-info.new .columns .right
{
	display:none;
}
 */

/* dc profile main column */

/* #map-info.full .body .header, */
.module > .header
{
	width:59%;
}
.module ul:not(.TokensContainer):not(.Dropdown) li
{
	line-height:27px;
}
#map-info .body .module ul.table:not(.TokensContainer):not(.Dropdown) li
{
	line-height:21px;
}
.module ul:not(.TokensContainer):not(.Dropdown) li span > em
{
	font-size:13px;
}
#map-info.full ul.table li span,
#map-info.full div.li
{
	padding:3px 8px;
}


#map-info ul.table span:last-child
{
	text-align:right;
}
#map-info .module
{
	position:relative;
	margin-bottom:50px;
}
#map-info .module.active
{
	margin:-5px -5px 15px -5px;
	padding:5px;
	background-color:rgba(0,0,0,.02);
}
#map-info a.edit
{
	margin-left:8px;
	font-size:13px;
	font-weight:300;

	opacity:.9;
}
#map-info .title a.edit
{
	display:none;
	position:absolute;
	top:0;
	right:10px;
	color:white;
	opacity:1;
}
#map-info.full:not(.transition) .title a.edit:not(.disabled)
{
	display:block;
}
#map-info a.edit.disabled
{
	display:none;
}
#map-info .module.active a.edit
{
	right:5px;
}
#map-info .module.edit a.edit,
#map-info .module.edit > .section
{
	display:none;
}
#map-info .module.edit form
{
	position:relative;
	padding:12px 16px;
	/* background-color:rgba(0,0,0,.05); */
	/* border:1px solid #999; */
	
	box-shadow:0 1px 10px rgba(0,0,0,.4);
}
#map-info .module.edit form > .title
{
	display:none;
}
#map-info .module.edit form > label
{
	margin:20px 0 0 0;
}

#map-info .module.edit form .header
{
	display:none;
}
#map-info .module.edit .header
{
	border:none;
}
#map-info .module.edit div.submit > a,
#page-profile div.submit > a
{
	float:right;
	margin:0 0 20px 15px;
}

#map-info .module.photo em
{
	padding-left:8px;
}
#map-info .green-energy
{
	float:right;
}
#map-info .green-energy .property
{
	min-width:0 !important;
	margin:0 2px 0 15px;
}

/* dc profile side column */

.bg-shade-light,
.gallery:not(.modal) > .arrow
{
	/* background-color:rgba(0,117,182,.3); */
	background-color:rgba(0,0,0,.05);
}
.bg-shade-medium
{
	/* background-color:rgba(0,117,182,.5); */
	background-color:rgba(0,0,0,.1);
}
.bg-shade-dark
{
	/* background-color:rgba(0,117,182,.8); */
	background-color:rgba(0,0,0,.2);
}


#dc-actions,
#dc-contact
{
	position:absolute;
	width:100%;
	height:52px;
	background-color:white;
}
#dc-actions
{
	height:35px;
	line-height:19px;
}
#dc-actions.fixed,
#dc-contact.fixed
{
	position:fixed;
	z-index:1000;
	top:50px;
}
#dc-contact.fixed
{
	top:85px;
	box-shadow:0 1px 3px -1px rgba(0,0,0,.2);
}

#dc-actions > div,
#dc-contact > div
{
	position:relative;
	width:100%;
	padding:12px 30px;
}
#dc-actions > div
{
	padding:8px 30px;
}
#dc-actions .owner,
#map-info.owner #dc-actions .default
{
	display:none;
}
#map-info.owner #dc-actions .owner
{
	display:block;
}
#dc-actions > div
{
	text-align:right;
	font-size:14px;
	font-weight:500;
	padding-right:30px;
	/* display:flex; */
	/* justify-content:space-around; */
}
#dc-actions a:not(:hover)
{
	color:white;
}
#dc-actions a.active
{
	color:#404040;
}
#dc-actions a.disabled,
#dc-contact .actions li a.disabled
{
	opacity:.5;
}

#dc-actions a.active svg.icon path
{
	fill:#404040;
}
#map-info a.submit:not(.disabled):not(.transparent),
#page-profile a.submit:not(.disabled):not(.transparent),
#map-info:not(.owner) #dc-contact-forms a
{
	color:white;
	
}

/* padding:2px 8px; */
#map-info #dc-actions a:not(:last-child)
{
	margin-right:12px;
}
#dc-actions a
{
	white-space:nowrap;
}
#dc-actions a.button svg
{
	vertical-align:middle;
	margin-right:3px;
}

#dc-contact-forms
{
	margin-top:35px;
	min-height:500px;
	padding:52px 30px 0 30px;
}
#map-info.owner #dc-contact-forms
{
	min-height:140px;
}
#map-info.new #dc-contact-forms
{
	min-height:0;
}
#dc-contact label:not(.row):not(.guide)
{
	margin-top:0;
}

#dc-contact
{
	top:35px;
}
#dc-contact .actions
{
	/* text-align:center; */
	line-height:0;
	
	display:flex;
}
#dc-contact .actions li
{
	float:none;
	padding:0;
	background-color:transparent !important;
	min-width:0;
}
#dc-contact .actions li a
{
	background-color:transparent;
}

#dc-contact .actions li a:hover:not(.disabled),
#dc-contact .actions li a.active
{
	/* color:white; */
	/* font-weight:500; */
	background-color:rgba(255,255,255,.35);
}

#dc-contact .actions.owner,
#map-info.owner #dc-contact .actions:not(.owner)
{
	display:none;
}
#map-info.owner #dc-contact .actions.owner
{
	display:block;
}


#map-info #dc-contact-forms .header
{
/* 
	width:100%;
	color:white;
 */
	font-size:14px;
/* 
	border-bottom:none;
 */
}
#dc-contact-forms > div:not(.expanded)
{
	display:none;
}
#dc-contact-forms label
{
	margin-top:15px;
	/* width:59%; */
}
#map-info #dc-contact-forms .section
{
	margin:0;
}
#dc-contact-forms div.submit
{
    margin: 19px 0;
    text-align: right;
}

#user-notifications .module ul.collapsed,
#owner-notifications .module ul.collapsed
{
	max-height:164px;
}

#dc-company-collapse
{
	display:none;
}
#dc-company
{
	padding:20px 30px;
	/* color:white; */
}

#dc-company .module .header
{
	/* color:rgba(0,117,182,.5); */
	font-weight:300;
}

/* 
#map-info.new #dc-contact,
#map-info.new #dc-contact-forms
{
	display:none;
}
#map-info.new #dc-company
{
	margin-top:35px;
}
 */


.sidebar div.bg-shade-dark
{
	color:white;
}
.sidebar div.bg-shade-dark .module .header
{
/* 
	color:rgba(255,255,255,.65);
	border-color:rgba(255,255,255,.65);
 */
	font-weight:300;
	text-transform:uppercase;
}
.sidebar div.bg-shade-dark .module .more
{
	border-top:1px solid rgba(255,255,255,.2);
}
.right.sidebar .section em:not(.guide),
div.bg-shade-dark .module ul.manage li span
{
	color:rgba(255,255,255,.6);
}
.body div.bg-shade-dark a:not(.arrow):not(.button)
{
	/* font-weight:500; */
	/* color:rgba(255,255,255,.8); */
}
.body div.bg-shade-dark a.edit:not(.arrow):not(.button)
{
	text-transform:none;
	color:white;
}
.body div.bg-shade-dark .module ul li a
{
	color:rgba(255,255,255,.9);
}
.body div.bg-shade-dark li svg.icon path,
.body div.bg-shade-dark a.edit svg.icon path
{
	fill:rgba(255,255,255,.75);
	fill:white;
}



/* #map-info  #dc-company a:hover */
/* 
.body div.bg-shade-dark .module li a:hover
{
	color:white;
}
 */
/* #map-info #dc-company li:nth-child(2n) */
div.bg-shade-light .module ul:not(.TokensContainer):not(.Dropdown) li:nth-child(2n)
{
	background-color:rgba(255,255,255,.25);
}
div.bg-shade-medium .module ul:not(.TokensContainer):not(.Dropdown) li:nth-child(2n),
div.bg-shade-dark .module ul:not(.TokensContainer):not(.Dropdown) li:nth-child(2n)
{
	background-color:rgba(255,255,255,.08);
}




/* slides */

.gallery
{
	position:relative;
}
.gallery.modal
{
	position:fixed;
	margin:0;

	left:inherit;
	width:inherit;
	top:0;
	bottom:0;

	background-color:rgba(0,0,0,.85);
	z-index:2000;

	transition:background-color .6s linear 0s,opacity .2s linear 0s;
	-webkit-transition:background-color .6s linear 0s,opacity .2s linear 0s;
}
.gallery.modal.fade
{
	background-color:transparent;
}
.gallery.modal a.close
{
	position:absolute;
	right:20px;
	top:13px;
	color:white;
	line-height:22px;

	transition:opacity .2s linear .2s;
	-webkit-transition:opacity .2s linear .2s;

	z-index:1000;
}
.gallery.modal.fade a.close
{
	opacity:0;
}
.gallery.modal a.close:hover
{
	color:#bbb;
}
.gallery.modal a.close svg
{
	float:left;
	margin-top:2px;
}
.gallery.modal a.close svg path
{
	fill:white;
}
.gallery.modal a.close:hover svg path
{
	fill:#bbb;
}

a.arrow
{
	position:absolute;
	top:0;
	width:40px;
	height:100%;
	padding:0;
	border:none;

	transition:opacity .2s ease .0s;
	-webkit-transition:opacity .2s ease 0s;
}
a.arrow svg
{
	position:absolute;
	left:calc(50% - 7px);
	top:calc(50% - 7px);
}
a.arrow.prev
{
	left:0;
}
a.arrow.next
{
	right:0;
}
a.arrow.prev.fade:not(:hover),
.gallery.modal > .arrow.fade:not(:hover),
#page-dash a.arrow.swiper-button-disabled
{
	opacity:0;
}

.gallery.modal > .caption
{
	position:absolute;
	left:15px;
	right:15px;
	bottom:8px;

	color:white;
	text-shadow:1px 1px 1px rgba(0,0,0,.4);
	
	z-index:10;
}
.gallery:not(.modal) > .caption
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.gallery > .media
{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	background-color:#eeeeee;
	overflow:hidden;
}
.gallery.modal > .media
{
	background-color:transparent;
	/* background-color:rgba(250,250,0,.5); */
	padding-bottom:0;
}
.gallery > .media.zoom
{
	position:absolute;
}
.gallery > .media.transition
{
	transform-origin:0 0 0;
	-webkit-transform-origin:0 0 0;
	
	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
}
.gallery > .media > .slide
{
	position:absolute;
	
	/* background-color:#333; */
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    
	border:3px solid #fafafa;
	border-top:none;
	border-bottom:none;
	margin-left:-3px;
	
	width:100%;
	height:100%;
	
	background:transparent none no-repeat center;
	background-size:cover;
	
	transform:translateX(0);
	-webkit-transform:translateX(0);
}
.gallery > .media > .slide.play
{
	background-size:53px 39px, cover;
}
.gallery > .media.zoom > .slide
{
	border-color:transparent;
	border-width:10px;
	margin-left:-10px;
	background-size:contain;
}
.gallery > .media > .slide.next
{
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.gallery > .media > .slide.prev
{
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.gallery >.media:not(.swipe) > .slide
{
	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
}
.gallery >.media.fast > .slide
{
	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
}
.gallery >.media.faster > .slide,
.gallery >.media.rset > .slide
{
	transition:transform .1s ease 0s;
	-webkit-transition:-webkit-transform .1s ease 0s;
}

/* firefox lineheight adjustments */


@-moz-document url-prefix()
{
	body
	{
		line-height:1.26;
	}

}
/*
@-moz-document url-prefix()
{
	body
	{
		line-height:1.26;
	}
	ul.tabs-menu li a
	{  
		line-height:22px;
		padding-bottom:2px;
	}
	.filter ul li,
	#page-actions a
	{
		padding-bottom:0;
		line-height:30px;
	}
	#map-info > .title,
	#map-info .tabs,
	#map-actions .bar
	{
		line-height:36px;
	}
	.module ul.manage.notifications li a.detail
	{
		padding-top:7px;
	}
}
 */


/* responsive layout */

@media (max-width:1200px)
{
	#dc-cards { width:850px; }
}
@media (max-width:1024px)
{
	#map-info .profile, #page-dash .body
	{
		padding:40px 20px;
	}
}
@media (max-width:910px)
{
	#dc-cards { width:560px; }
}
@media (max-width:620px)
{
	#dc-cards { width:270px; }
}

@media (max-width:768px)
{

	#list
	{
		padding:20px 12px;
	}
	#list table	
	{
		line-height:20px;
	}
	#list table td
	{
		padding:5px;
	}


	/*	dc full profile */
	
	#map-info .profile
	{
		padding:20px 15px;
	}
	#map-info.full .head:not(.title)	
	{
		max-width:100%;
	}
	#map-info .head > .detail
	{
		height:50%;
		width:100%;
	}
	#map-info .head.location > .detail
	{
		top:50%;
		text-align:right;
	}
	#map-info .head.location > .detail a.edit
	{
		display:none;
	}
	#map-info .head.image > .detail
	{
		background-color: rgba(33,36,38,.45);
		padding-top:50px;
	}
	#map-info .head.image .detail > .align-bottom
	{
		margin-bottom:-10px;
		padding-bottom:0;
	}
	#map-info .head.image .detail div.size
	{
		margin-bottom:10px;
	}
	#map-info .head.image .detail span.large
	{
		margin-top:-5px;
		font-size:40px;
	}

/* 

	#map-info.full .head.image
	{
		position:absolute;
	}
 */
	#map-info.full .head.location
	{
		position:absolute;
		background-color:transparent;
		background-image:none !important;
	}
	#map-info .profile 
	{
		flex-wrap:wrap-reverse;
	}
	#map-info .profile > .left,
	#map-info .profile > .right
	{
		width:100%;
	}
	#map-info .right div,
	#dc-actions.fixed, 
	#dc-contact.fixed
	{
		position:relative !important;
		top:auto;
	}
	#map-info .right
	{
		margin-bottom:20px;
	}
	#dc-contact ul
	{
		display:flex;
	}
	#dc-contact > div
	{
		padding:12px;
	}
	#dc-contact-forms
	{
		margin:0;
		padding:12px;
	}
	#dc-contact .actions li
	{
		justify-content: space-evenly;
		flex-grow:1;
		text-align:center;
	}
/* 
	#map-info .body ul.table li
	{
		display: block;
	}
 */
	#map-info .body ul.table span
	{
		display:block;
		padding:10px;
		padding:3px 8px;
	}
	#map-info ul.table span:last-child
	{
		text-align:left;
		margin-bottom:8px;
	}
	#map-info .green-energy	
	{
		display:block;
		float:none;
	}
	#map-info .green-energy .property
	{
		margin:0;
	}
	#map-info .green-energy .property:not(:first-child)
	{
		margin-left:6px;
	}
	
	
	
	/*	full profile sidebar */
	
	#dc-actions > div
	{
		padding:8px 12px;
	}
	#dc-contact .actions li a
	{
		padding:2px 8px 3px 8px;
	}
	#dc-company	
	{
		padding:20px 12px;
	}
	#dc-contact-forms
	{
		display:none;
	}
	#dc-company-collapse
	{
		text-align:right;
		display:block;
		padding:11px 12px;
		
		font-size:14px;
		line-height:20px;
		font-weight:500;
	}
	#dc-company-collapse svg
	{
		vertical-align:bottom;
	}
/* 
	#dc-company-collapse svg path,
	#dc-company-collapse svg polygon
	{
		fill:white;
	}
 */
	#dc-company-collapse a:not(.collapsed) svg polygon
	{
		fill:transparent;
	}
	#dc-company:not(.expanded)
	{
		display:none;
	}



	#page-header
	{
		height:85px;
	}

	#page-signin.modal:before
	{
		display:none;
	}

	#page-profile .dialog
	{
		width:100%;
		padding:10px 0;
	}
	#page-profile .message
	{
		margin-top:10px;
	}
	div.modal form:not(.forgot)
	{
		padding: 12px 15px 20px 15px;
	}
	div.modal .body .section > .header,
	div.modal .body .section > .guide
	{
    	margin:0;	
    }
	
	
	
	#filters
	{
		display:block;
		position:absolute;
		left:15px;
		top:53px;

		font-size:16px;
		font-weight:500;
		line-height:21px;
	}
	#filters svg
	{
		vertical-align:text-bottom;
		/* margin-top:5px; */
	}
	#filters:hover svg path,
	#filters:hover svg polygon
	{
		fill:#404040;
	}
	#filters:not(.collapsed) svg polygon
	{
		fill:transparent;
	}
		
	#page-map
	{
		height:calc(100% - 80px);
	}

	#page-actions
	{
		top:50px;
		right:15px;
		font-size:14px;	
	}

	.drop-in.header,
	#action-join
	{
		top:84px;
		width:100%;
	}
	
	#map-filters
	{
		/* display:none; */
		margin:0;
		padding:0;
		width:100%;
		white-space:normal;
	}
	#map-filters.collapsed .filter
	{
		display:none;
	}
	.filter
	{
		width:100%;
		margin:0;
		border-radius:0;
		background-color:rgba(255,255,255,.95);
	}
	.filter > div
	{
/* 
		width:95%;
		margin:auto;
 */
	}
	#map-info,
	#map-actions
	{
		width:100%;
	}
	#map-info
	{
		background-color:white;
	}
	#map-info.sidebar.expanded
	{
		transform:none;
		-webkit-transform:none;
	}
	#map-info:not(.full) > div
	{
		max-width:100%;
	}
	#map-info .head .close
	{
		top:auto;
		margin-top:8px;
		position:fixed;
	}
	#map-actions .bar > a svg	
	{
		display:none;
	}

	.view-map #map-stats
	{
		display:none;
	}
}


/*	small screen: page menu without icons */

@media (max-width:600px)
{	
	.hide-on-smallscreen
	{
		display:none;
	}
	#page-menu li > a > span
	{
		display:none;
	}
	#page-menu li a svg.map
	{
		margin:3px 2px 0 2px;
	}
	#page-menu li a svg.list
	{
		margin:5px -2px 0 2px;
	}
	#page-menu li a svg.dash
	{
		margin:4px 0 0 2px;
	}
	.module > .header
	{
		width:100%;
	}
}