.slide-out-checkbox2 {
	position: absolute;
	top: -20%;
	left: -20%;
	display: block;
	width: 140%;
	height: 140%;
	margin: 0px;
	padding: 0px;
	background: #488c6c;
	border: 0px none;
	opacity: 0;
}

/*************/
/* Top links */
/*************/

.navbar-rightside {
	
}

@media (max-width: 767px) {
	.dd-rightside {
		float: right;
	}
}

/***************/
/* Device list */
/***************/

.device-list-dropdown,
.device-list-dropdown:hover,
.device-list-dropdown:focus {
	color: #36F;
  text-decoration: none;
	background: none !important;
	/**outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
}

#device_list_dropdown .item-name {
	color: #fff;	
	font-size: 13px;
	margin-left: 11px;
}


/************/
/* Side bar */
/************/

.first-sidenav-element {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #488c6c;
	border-bottom-color: #488c6c;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

/**************/
/* Status bar */
/**************/

.status-label {
	padding-top: 2px;
	padding-left: 16px;
}

.status-history-dropdown {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 2px;
}

.status-history-dropdown .btn-default {
	background-color: transparent;
	border-color: transparent;
}

.status-history-dropdown .btn-default:hover,
.status-history-dropdown .btn-default:focus,
.status-history-dropdown .btn-default:active,
.status-history-dropdown .btn-default.active,
.status-history-dropdown .open .dropdown-toggle.btn-default {
  background-color: transparent;
	border-color: transparent;
}

@media (max-width: 767px) {
	.status-label {
		font-size: 20px !important;
		padding-top: 5px;
	}
	
	.status-history-dropdown button {
		font-size: 13px;
	}
}

@media (max-width: 564px) {
	.status-history-dropdown button {
		font-size: 11px;
	}
	
	.status-label {
		display: none !important;
	}
	
	.status-history-dropdown {
		margin-left: 0px;
	}
}

/****************/
/* Main content */
/****************/

#mapCanvas {
	width:100%;
	height:100vh;
	height:-webkit-calc(100vh - 177px);
	height:-moz-calc(100vh - 177px);
	height:calc(100vh - 177px);
}



/**********************/
/* Sidebar slide outs */
/**********************/

.sidebar-slide-out {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 250px;
	width: 100%;
	height: auto;
	background-color: #488c6c;
	z-index: 100;
	display: none;
}

.sidebar-slide-out .close-slide {
	margin-top: 3px;
	margin-right: 8px;
	color: #FFF;
}

.sidebar-slide-out-header {
	color: #f1f1f1;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
}

.sidebar-slide-out-content {
	height: 100%;
	color: #f1f1f1;
	padding: 20px;
}

.sidebar-slide-out-center {
	position: relative;
	float: left;
	height: auto;
	left: 50%;
	clear: left;
}

.sidebar-slide-out-center-content {
	position: relative;
	display: block;
	float: left;
	right: 50%;
}


.sidenav-button .active-slide-out-button {
	background-color: #488c6c !important;
}

.user-panel .active-slide-out-button i {
	color: #FFF !important;
}

/* Spec feature overrides */
#deviceSettingsSlideOut {
	max-width: 100%;
	width: 100%;
	height: 100%;
}
.slide-out-scoll {
	height: 100%;
	clear: both;
	padding-bottom:20px;
}
#deviceSettingsSlideOut .thumb {
	float: left;
	border: 5px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}
#deviceSettingsSlideOut .thumb img {
	width: 100px;
	height: 100px;
}

#ds_device_image_button:hover,
#ds_device_image_button:focus,
#ds_device_image_button:active {
  background-color: #CCC;
}
#ds_rename_button {
	position: absolute;
	top: 17px;
	right: -19px;
	color: #FFF;
}
#ds_rename_button:hover,
#ds_rename_button:focus,
#ds_rename_button:active {
  color: #CCC;
}
#ds_delete_data_button {
	margin-top: 20px;
}
#ds_delete_button {
	margin-top: 16px;
}
.ds-info-value {
	margin-left: 5px;
	color: #333;
	font-weight: bold;
}

/* device info */
#device_info_slide_out {
	top: 20px;
	max-width: 220px;
}
#di_refresh_button {
	cursor: pointer;
}
#di_refresh_button:hover,
#di_refresh_button:focus,
#di_refresh_button:active {
  color: #CCC;
}
#device_info_slide_out {
	
}
#device_info_top_bar {

}
#battery_level {
	float: right;
}
#wifi_list {
	
}
#wifi_list ul, ol {
	margin-bottom: 0;
	margin-left:-5px;
}

/*#wifi_list li:before {    
font-family: 'FontAwesome';
font-size:24px;
content: '\f1eb';
margin:0 5px 0 -15px;
color: #b0bec5;
}
#wifi_list ul {
	list-style:none;
}*/

#wifi_list .wifi-level-3 {
	list-style-image: url(../images/icons/wifi-3.png);
}
#wifi_list .wifi-level-2 {
	list-style-image: url(../images/icons/wifi-2.png);
}
#wifi_list .wifi-level-1 {
	list-style-image: url(../images/icons/wifi-1.png);
}
#wifi_list .wifi-level-0 {
	list-style-image: url(../images/icons/wifi-0.png);
}



#di_slide_out .sidebar-slide-out-content {
	padding-top: 5px;
}






#ring_slide_out {
	top: 30px;
}
#camera_slide_out {
	top: 57px;
}
#lock_slide_out {
	top: 108px;
}
#wipe_slide_out {
	top: 153px;
}
#contacts_slide_out {
	max-width: 300px;
	height: 100%;
}
#call_log_slide_out {
	max-width: 300px;
	height: 100%;
}
@media (max-width: 767px) {
	#ring_slide_out {
		top: -6px;
		max-width: 180px;
	}
	#camera_slide_out {
		top: 40px;
		max-width: 180px;
	}
	#lock_slide_out {
		top: 84px;
		max-width: 180px;
	}
	#wipe_slide_out {
		top: 129px;
		max-width: 237px;
	}
	#contacts_slide_out {
		max-width: 350px;
	}
	#call_log_slide_out {
		max-width: 350px;
	}
}

/*******************************/
/* Contact and call log design */
/*******************************/

/* both */

.ctcl-list-box {
	height: 100%;
	margin: 0;
	padding-top: 55px;
	clear: both;
}
.ctcl-list {
	height: 100%;
	clear: both;
}
.ctcl-list ul.user-last-logged-list > li .media-body h4.media-heading .user-list-name{
	color: #fff;
}
.ctcl-list ul.user-last-logged-list > li .meta > li {
	color: #fff;
}
.ctcl-list ul.user-last-logged-list > li .meta > li strong {
	color: #fff;
}
.ctcl-list ul.user-last-logged-list > li .meta > li i.fa-phone {
	color: #84D2D2;
}
.ctcl-list ul.user-last-logged-list > li .meta > li i.fa-envelope-o {
	color: #faa347;
}
.ctcl-list ul.user-last-logged-list > li .meta > li i.fa-clock-o {
  color: #f7b054;
}


/*  contact*/
#contactListHeader {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 20px;
}
#contactsRefreshButton {
	cursor: pointer;
}
#contactsRefreshButton:hover,
#contactsRefreshButton:focus,
#contactsRefreshButton:active {
  color: #CCC;
}
#contact_search {
	margin-top: 10px;
}


/* call log */
#callLogListHeader {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 20px;
}
#callLogRefreshButton {
	cursor: pointer;
}
#callLogRefreshButton:hover,
#callLogRefreshButton:focus,
#callLogRefreshButton:active {
  color: #CCC;
}
#callLogDeleteButton {
	cursor: pointer;
}
#callLogDeleteButton:hover,
#callLogDeleteButton:focus,
#callLogDeleteButton:active {
  color: #CCC;
}
#callLogSearch {
	margin-top: 10px;
}


/****************/
/* Profile page */
/****************/

#page-user-profile #profile_image {
	width: 128px;
	height: 128px;
	border: 5px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	cursor: pointer;
}


/************/
/* Dialogs  */
/************/

/* avatar pickre */
#accountAvatarDialog .image-list img {
	width:100px;
	height:100px;
}

/* delete device data */
#deleteDeviceDataDialog .delete-deviced-data-button {
	margin-top:4px;
}

/* device image picker */
#deviceImagePickerDialog img {
	width: 100px;
	height: 100px;
	margin: auto;
	cursor:pointer;
}
#deviceImagePickerDialog p {
	text-align:center;
}

/* view picture dialog */
#view_picture_dialog .img-container {
	width: 50%;
	height: auto;
	margin:auto;
}
@media (max-width: 767px) {
	#view_picture_dialog .img-container {width:45%;}
}
@media (max-width: 564px) {
	#view_picture_dialog .img-container {width:60%;}
}
#view_picture_dialog img {
	width: 100%;
	height: 100%;
}

/*****************/
/* Notifications */
/*****************/

.upgrade-notification {
	color: #fff;
}

.upgrade-notification div {
	font-size:16px;
	margin-top:6px;
}


/**************/
/* Ad related */
/**************/

.page-content .with-ads {
	 min-height:480px;
	 margin-right:120px;
}

.desktop-ad {
	position:absolute;
	top:0;
	right:0;
	width:120px;
	height:240px;
}
.mobile-ad {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	z-index:199;
}

.mobile-ad .adsbygoogle {
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}