/* USERS */

	/* PASSWORD STRENGTH -> http://www.onlywebpro.com/2014/02/16/how-to-create-password-strength-indicator-in-10-minutes/ */
		.secure-pass {
			float: left;
		}
		#pwd_strength_block {
			float: right;
		    position: relative;
		    z-index: 10;
		}
			#pwd_strength_wrap {
				background: #fff;
				border: 1px solid #D5CEC8;
				display: none;				
				padding: 10px;
				position: absolute;
				width: 210px;
				right: 10px;
				top: 0;
				z-index: 1;
			}
			#pwd_strength_wrap:before, #pwd_strength_wrap:after {
				content: ' ';
				height: 0;
				position: absolute;
				width: 0;
				border: 10px solid transparent; /* arrow size */
			}
			#pwd_strength_wrap:before {
				border-bottom: 7px solid rgba(0, 0, 0, 0);
				border-left: 7px solid rgba(0, 0, 0, 0.1);
				border-top: 7px solid rgba(0, 0, 0, 0);
				content: "";
				display: inline-block;
				right: -18px;
				position: absolute;
				top: 10px;
			}
			#pwd_strength_wrap:after {
				border-bottom: 6px solid rgba(0, 0, 0, 0);
				border-left: 6px solid #fff;
				border-top: 6px solid rgba(0, 0, 0, 0);
				content: "";
				display: inline-block;
				right: -16px;
				position: absolute;
				top: 11px;
			}
				.pswd_info ul {
					list-style-type: none;
					margin: 5px 0 0;
					padding: 0;
				}
					.pswd_info ul li {
						background: url(../images/users/icon_pwd_strength.png) no-repeat left 2px;
						padding: 0 0 0 20px;
					}
					.pswd_info ul li.valid {
						background-position: left -42px;
						color: green;
					}
			.strength {
				display: block;
				height: 5px;
				margin-bottom: 10px;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;				
			}
		.strength0 {
			background: none; /* too short */
			width: 0px;
		}
		.strength1 {
			background: none repeat scroll 0 0 #FF4545;/* weak */
			width: 25px;
		}
		.strength2 {
			background: none repeat scroll 0 0 #FFC824;/* medium */
			width: 75px;
		}
		.strength3 {
			background: none repeat scroll 0 0 #6699CC;/* good*/
			width: 100px;
		}
		.strength4 {
			background: none repeat scroll 0 0 #000064;/* strong */
			width: 150px;
		}
		.strength5 {
			background: none repeat scroll 0 0 #008000;/* very strong */
			width: 188px;
		}

	/* PROFILE */

	/* UNSUBSCRIBE */	
	/*
	#unsubscribe{
		cursor:pointer;
	}
	*/
	.cancel-unsubscribe button{
		float:left;
	}

	.profile__unsubscribe-group {
		margin-top: 30px; 
	}

	.profile__unsubscribe-group p a {
		cursor: pointer;
	}


	/* AVATAR */

	.profile__image-avatar {
		max-width: 200px; 
		border-radius: 50%;
	}

	.profile__button-upload {
		padding-left: 17px;
		padding-top: 15px;
	}

	#container-user-avatar .picture-element-image {
		width: 100%;
	}
	.picture-element-principal:hover {
		cursor: pointer;
	}
	.picture-element-principal:hover .picture-element-image {
		opacity:.2;
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}

	/* CONTENT */
	.profile__panel-content {
		margin-top: 30px;
	}

				/*LANGUAGE*/
		.ico-help, a.info-alert, a.info-alert:hover {
			color: #fe7429;
			cursor: pointer;
			font-weight: 600;
			text-decoration: none;
			margin-left: 3px;
		}

	/* WELCOME */ 
		body.users-welcome #user-profile .panel-body {
			background: #fff;
			/*padding: 20px 30px;*/
		}
		body.users-welcome .shape-block {
			min-width: 295px !important;
		}
		
	/* TABLE*/
		.table_head{
			background-color:#0088cc; 
			color:white; 
			height: 60px; 
			text-align:center;
		}
		.table_col{
			margin:12px;
		}
		.table_label {
			color: #fff;
			display: inline;
			font-size: 88%;
			font-weight: 700;
			line-height: 1;
			padding: 0.2em 0.6em 0.3em;
			text-align: center;
			vertical-align: baseline;
			white-space: nowrap;
		}


.title-devices {
	font-size: 18px;
    font-weight: 600;
    line-height: 65px;
}
.button-devices {
    line-height: 65px;
}

#devices-panel .alert {
    margin-bottom: 0;
	margin-top: 6px;
}

.ui-widget-overlay {
    position: fixed !important;
}

/* PRIVACITY */
	.blocked {
		background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}
	#privacity-panel .form-horizontal .control-label,
	#notificationPrivacity-panel .form-horizontal .control-label  {
		text-align: left;
		padding-top: 0;
	}
	#notificationPrivacity-panel .form-horizontal .control-label .span {
		font-weight: bold;
	}
	#privacity-panel .form-horizontal .control-label .title,
	#notificationPrivacity-panel .form-horizontal .control-label .title{
		font-weight: bold;
	}
	/* #user-privacity .form-group label */
		#user-privacity .form-group label span,
		#user-notificationsPrivacity .form-group label span {
			font-weight: 400;
		}
		#user-privacity .form-group label p,
		#user-notificationsPrivacity .form-group label p {
			display: none;
		}
	#user-privacity .status {
		position: relative;
	}
		#user-privacity .status > span,
		#user-notificationsPrivacity .status > span {
			display: block;
			font-style: italic;
			padding: 2px 10px;
			line-height: 14px;
		}
		#user-privacity .status > div,
		#user-notificationsPrivacity .status > div {
			background: #fff none repeat scroll 0 0;
			border: 1px solid #ddd;
			left: 0;
			padding: 5px 10px;
			position: absolute;
			bottom: 19px;
			display: none;
			z-index: 2;
		}
			#user-privacity .status > div a,
			#user-notificationsPrivacity .status > div a {
				display: block;
				color: #666;
				line-height: 14px;
				margin: 6px 0;
			}
				#user-privacity .status > div a.selected,
				#user-notificationsPrivacity .status > div a.selected {
					font-weight: 700;
				}
				#user-privacity .status > div a:hover,
				#user-privacity .status > div a:focus,
				#user-notificationsPrivacity .status > div a:hover,
				#user-notificationsPrivacity .status > div a:focus {
					text-decoration: none;
				}
	/* #user-privacity .form-group.expand */
		#user-privacity .form-group.expand .status > div,
		#user-notificationsPrivacity .form-group.expand .status > div {
			display: block;
		}
		#user-privacity .form-group.expand .status > span,
		user-notificationsPrivacity .form-group.expand .status > span {
			background: #767ddc none repeat scroll 0 0;
			color: #fff;
		}
		#user-privacity .form-group.expand label p,
		#user-notificationsPrivacity .form-group.expand label p {
			display: block;
		}
		#user-privacity .form-group.expand label span,
		#user-notificationsPrivacity .form-group.expand label span {
			font-weight: 700;
		}
		#user-privacity .form-group.expand label p,
		#user-notificationsPrivacity .form-group.expand label p {
			display: block;
			margin: 10px 0;
		}		

		#deviceCon {
			margin-top: 5px;
		}
		
		
		/* The switch - the box around the slider */

		.profile__switch-newsletter {
			float: none; 
			margin-top: 0px;
		}

.switch {
  position: relative;
  display: inline-block;
  /*width: 60px;*/
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}