/************************ WIDH WHAT ************************/
.widg_what_wrap {
	width:350px;
	left:20px;
	bottom:5px;
	position:fixed;
	z-index:999;
}

.widg_what_enla {
	width:85%;
	padding:2px 20px;
    background:#0DC152;
	border-radius:10px;
    box-shadow:3px 3px 3px rgba(0,0,0,.10);
	float:left;
	user-select:none;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    outline:none;
    display:block;
}

.widg_what_enla_icon {
	width:30px;
	font-size:30px;
	color:#FFF;
	line-height:35px;
	float:left;
}

.widg_what_enla_titu {
	width:calc(100% - 30px);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:600;
	line-height:35px;
	float:right;
}

.widg_what_info {
	width:100%;
	bottom:55px;
    box-shadow:3px 3px 3px rgba(0,0,0,.05);
	position:absolute;
	display:none;
}

.widg_what_info:after {
    content:'';
    width:13px;
    height:13px;
    left:22px;
    bottom:-7px;
    background:#FFF;
    transform:rotate(45deg);
    box-shadow:3px 3px 3px rgba(0,0,0,.05);
    position:absolute;
}

.widg_what_info_titu {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:140%;
	padding:20px;
	border-radius:10px 10px 0 0;
    background:#0DC152;
	float:left;
}

.widg_what_info_titu span {
	font-weight:600;
	margin-left:5px;
}

.widg_what_info_titu span a {
	color:#FFF;
}

.widg_what_info_cerr {
    width:15px;
    height:15px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	font-weight:700;
    top:5px;
    right:5px;
    position:absolute;
	cursor:pointer;
	opacity:0.5;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_cerr:hover {
	opacity:1;
}

.widg_what_info_list {
	width:100%;
	height:150px;
	padding:5px;
	background:#FFF;
	float:left;
	overflow-y:scroll;
}

.widg_what_info_list::-webkit-scrollbar {
	width:6px;
}

.widg_what_info_list::-webkit-scrollbar-track {
	background:rgba(10,10,10,0.05);
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_list::-webkit-scrollbar-track:hover {
	background:rgba(10,10,10,0.15);
}

.widg_what_info_list::-webkit-scrollbar-thumb {
	background:rgba(10,10,10,0.2);
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_list::-webkit-scrollbar-thumb:hover {
	background:rgba(10,10,10,0.5);
}

.widg_what_info_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.widg_what_info_list li {
	width:100%;
	padding:10px;
	float:left;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_list li:hover {
	background:#F5F5F5;
}

.widg_what_info_list_imag {
	width:50px;
	border-radius:50%;
	float:left;
	position:relative;
}

.widg_what_info_list_imag:after {
	content:'';
	width:8px;
	height:8px;
    background:#0DC152;
	border-radius:50%;
	right:-5px;
	bottom:2px;
	position:absolute;
}

.widg_what_info_list_imag img {
	width:100%;
	border-radius:50%;
}

.widg_what_info_list_imag_inac {
	width:50px;
	border-radius:50%;
	float:left;
	position:relative;
}

.widg_what_info_list_imag_inac:after {
	content:'';
	width:8px;
	height:8px;
    background:#EC3131;
	border-radius:50%;
	right:-5px;
	bottom:2px;
	position:absolute;
}

.widg_what_info_list_imag_inac img {
	width:100%;
	border-radius:50%;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
}

.widg_what_info_list_info {
	width:calc(100% - 50px);
	padding:7px 15px 0 15px;
	float:right;
}

.widg_what_info_list_info_nomb {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	font-weight:600;
	float:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    outline:none;
    display:block;
}

.widg_what_info_list_info_carg {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9B9C9E;
	margin-top:3px;
	float:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    outline:none;
    display:block;
}

/* ----- MEDIA QUERIES ----- */

@media (min-width:240px) and (max-width:639px) {
	
	/************************ WIDH WHAT ************************/
	.widg_what_wrap {
		width:320px;
		left:15px;
	}
	
	.widg_what_enla {
		width:100%;
	}
	
	.widg_what_enla_titu {
		font-size:16px;
	}
	
	.widg_what_info_titu {
		font-size:16px;
		padding:18px;
		line-height:120%;
	}

	.widg_what_info_list_info_nomb {
		font-size:14px;
	}
	
	.widg_what_info_list_info_carg {
		font-size:13px;
	}	
		
}

@media (min-width: 640px) and (max-width: 1279px) {
	
	/************************ WIDH WHAT ************************/
	.widg_what_wrap {
		left:10px;
		bottom:10px;
	}
	
	.widg_what_enla {
		width:90%;
	}

	.widg_what_enla_titu {
		font-size:16px;
	}
	
	.widg_what_info_titu {
		font-size:15px;
		padding:18px;
		line-height:120%;
	}

	.widg_what_info_list {
		height:100px;
	}

	.widg_what_info_list_info_nomb {
		font-size:14px;
	}
	
	.widg_what_info_list_info_carg {
		font-size:13px;
	}	
	
}

@media (min-width: 1792px) {

	/************************ WIDH WHAT ************************/
	.widg_what_wrap {
		width:467px;
		left:27px;
		bottom:7px;
	}
	
	.widg_what_enla {
		padding:2px 27px;
		border-radius:13px;
		box-shadow:4px 4px 4px rgba(0,0,0,.10);
	}
	
	.widg_what_enla_icon {
		width:40px;
		font-size:40px;
		line-height:47px;
	}
	
	.widg_what_enla_titu {
		width:calc(100% - 40px);
		font-size:19px;
		line-height:47px;
	}
	
	.widg_what_info {
		bottom:73px;
		border-radius:13px;
		box-shadow:4px 4px 4px rgba(0,0,0,.05);
	}
	
	.widg_what_info:after {
		width:17px;
		height:17px;
		left:29px;
		bottom:-9px;
		box-shadow:4px 4px 4px rgba(0,0,0,.05);
	}
	
	.widg_what_info_titu {
		font-size:19px;
		padding:27px;
		border-radius:13px 13px 0 0;
	}
	
	.widg_what_info_titu span {
		margin-left:7px;
	}
	
	.widg_what_info_cerr {
		width:20px;
		height:20px;
		font-size:27px;
		top:7px;
		right:7px;
	}
	
	.widg_what_info_list {
		height:200px;
		padding:7px;
	}
	
	.widg_what_info_list::-webkit-scrollbar {
		width:8px;
	}
	
	.widg_what_info_list li {
		padding:13px;
	}
	
	.widg_what_info_list_imag {
		width:67px;
	}
	
	.widg_what_info_list_imag:after {
		width:11px;
		height:11px;
		right:-7px;
	}
	
	.widg_what_info_list_imag_inac {
		width:67px;
	}
	
	.widg_what_info_list_imag_inac:after {
		width:11px;
		height:11px;
		right:-7px;
	}
	
	.widg_what_info_list_info {
		width:calc(100% - 67px);
		padding:9px 20px 0 20px;
	}
	
	.widg_what_info_list_info_nomb {
		font-size:17px;
	}
	
	.widg_what_info_list_info_carg {
		font-size:16px;
		margin-top:4px;
	}
	
}