.clear{
	clear: both;
	height: 0;
}

.widget-icon .status{
	position: absolute;
	width: 25px;
	height: 25px;
	right: 0px;
	top: 6px;
	display: none;
}

.widget .status{
	position: absolute;
	width: 25px;
	height: 25px;
	right: 0px;
	top: -6px;
	display: none;
}


.widget-icon.can .status, .widget.can .status{
	display: block;
}



.widget-icon.cannot .status, .widget.cannot .status{
	display: block;
	/*background: url(img/cross.png) no-repeat 0 0;*/
}


.widget-icon.can .status:after, .widget.can .status:after {
	content: "\f058";
	font-family: 'ultraip-icon-font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: block;
	font-size: 28px;
	color: #0F9439;
	margin: -5px 0px 0px 10px;
}

.widget-icon.cannot .status:after, .widget.cannot .status:after {
	content: "\f057";
	font-family: 'ultraip-icon-font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: block;
	font-size: 28px;
	color: #A70D0D;
	margin: -5px 0px 0px 10px;
}


.ui-resizable-helper { border: 1px dashed #10990c; }

.widget{
	position: absolute;
	background: rgba(56, 56, 56, 1);
	opacity: 1;
	z-index: 6;
	width: 100%;
	height: 100%;
}


.widget>.widget-header {
	color: #fff;
	/* position: absolute; */
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	cursor: move;
	height: 40px;
	max-height: 40px;
	min-height: 40px;
}

.widget>.widget-header ul {
	float: left;
	width: 100%;
	display: table;
}


.widget>.widget-header ul li{
	float: left;

}

.widget>.widget-header .fa {
	font-size: 20px;
	padding: 10px 5px 10px 5px;
	float: left;
}

.widget>.widget-header .fa.selected {
	background: -webkit-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #982f2f;
}


.widget>.widget-header .widget_logo{

}

.widget>.widget-header a{

	float: left;


	background: none;

}

.widget>.widget-header .widget_name{
	padding: 13px 0px 13px 0px;

}

.widget>.widget-header .widget_config{
	float: right;
	margin: 0px 5px 0px 5px;
}

.widget>.widget-header .widget_close{
	float: right;

}

.widget>.widget-header .widget_close .close_widget {

}

.widget>.widget-header .widget_header_line{

}

.widget>.widget-content{
	position: absolute;
	top: 40px;   bottom:0;   left:0;   right:0;
	padding: 0px;
}

.ui-icon, .ui-widget-content .ui-icon {
	background-image: url(img/ui-icons_222222_256x240.png);
}

.ui-resizable{
	position: absolute;
}

#test-grid, #test-vgrid, #test-auxgrid {
	width: 175px;
	float: left;
	margin: 0 20px;
}
.minicell, .vminicell, .auxminicell {
	width: 30px;
	height: 30px;
	border: 1px solid #666;
	float: left;
	font-size: 11px;
	font-family: arial;
	text-align: center;
	line-height: 30px;
	margin: 0 3px 0 0;
}
.minirow, .vminirow, .auxminirow {
	width: 175px;
	float: left;
	margin: 0 0 3px 0;
}

.minicell.filled, .vminicell.filled, .auxminicell.filled{
	background: #cbf2e2;
	color: #000;
}

#ghost{
	background: rgba(140, 255, 191, 0.1);
	z-index: 5;
	display: none;
	position: absolute;
}

#ghost.visible{
	display: block;
}

.widget.wx1{ width: 19.3%;}
.widget.wx2{ width: 39.5%}
.widget.wx3{ width: 59.7%}
.widget.wx4{ width: 79.9%}
.widget.wx5{ width: 100%}

/*con celda de 120 de alto*/
/*.widget.hx1{ height: 120px}*/
/*.widget.hx2{ height: 250px}*/
/*.widget.hx3{ height: 380px}*/
/*.widget.hx4{ height: 510px}*/
/*.widget.hx5{ height: 640px}*/

/*con celda de 160 de alto*/
.widget.hx1{ height: 160px}
.widget.hx2{ height: 330px}
.widget.hx3{ height: 500px}
.widget.hx4{ height: 670px}
.widget.hx5{ height: 840px}



/*WIDGET COUNTER*/
.widget_counter{
	float: left;
	width: 100%;
	height: calc(100% - 25px);
}

.counter_content{
	width: 100%;
	float: left;
	display: table;
}

.counter_number{
	text-align: center;
	font-weight: 700;
	letter-spacing: 5px;
	display: table-cell; vertical-align: middle;
}

.counter_legend{
	float: left;
	width: calc(100% - 19px);
	position: absolute;
	text-align: center;
	font-style: italic;
	border-top: 1px dashed rgba(255, 255, 255, 0.3);
	padding: 5px 10px 5px 10px;
	overflow: hidden;
	background: rgba(36, 36, 36, 1);
	bottom: 0px;
	z-index: 750;
}

.wx1 .counter_legend{
	font-size: 10px;

}

.wx2 .counter_legend{
}

.counter_reset{
	float: left;
	background: #982f2f; /* Old browsers */  /* IE9 SVG, needs conditional override of 'filter' to 'none' */  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4MmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzZkMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzc5MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  background: -moz-linear-gradient(top,  #982f2f 0%, #6d2222 96%, #792626 98%, #662020 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#982f2f), color-stop(96%,#6d2222), color-stop(98%,#792626), color-stop(100%,#662020)); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* IE10+ */  background: linear-gradient(to bottom,  #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#982f2f', endColorstr='#662020',GradientType=0 ); /* IE6-8 */;
	border-radius: 3px;
	color: #FFFFFF !important; cursor: pointer;
	width: 96%;  text-align: center;
	padding: 10px 0% 10px 0%;
	margin: 15px 2% 20px 2%;
}

.counter_reset:hover{
	background: url(../img/sep_menu.png) no-repeat right, rgb(110,34,34);
	/* Old browsers */  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzZlMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODJmMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:  -moz-linear-gradient(top,  rgba(110,34,34,1) 1%, rgba(152,47,47,1) 100%); /* FF3.6+ */
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(110,34,34,1)), color-stop(100%,rgba(152,47,47,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* Opera 11.10+ */
	background: no-repeat right, -ms-linear-gradient(top,  rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e2222', endColorstr='#982f2f',GradientType=0 ); /* IE6-8 */;
}


/*COUNTER Wx1 Wx2 - Hx1 Hx2*/
.counter.wx1 .widget_counter{

}

.counter.hx1 .counter_content{
	height: 80%;
}


/*
.counter.hx1 .counter_legend{
	font-size: 75%;
	padding: 0% 2% 0% 2%;
	height: 15%;
}
*/

.counter.hx1 .counter_reset{
	display: none;
}

.counter.hx2 .counter_content,
.counter.hx3 .counter_content,
.counter.hx4 .counter_content,
.counter.hx5 .counter_content,
.counter.hx6 .counter_content{
	height: 100%;
}

/*
.counter.hx2 .counter_legend{
	font-size: 90%;
	padding: 0% 2% 0% 2%;
}
*/

.counter .counter_reset{
	position: absolute;
	bottom: 0px;
}


.counter.hx1 .counter_number{
	height: 100%;
	width: 100%;
}

.counter.wx1.hx1 .four_digits,
.counter.wx1.hx1 .five_digits,
.counter.wx1.hx1 .six_digits,
.counter.wx1.hx2 .six_digits,
.counter.wx2.hx1 .four_digits,
.counter.wx2.hx1 .five_digits,
.counter.wx2.hx1 .six_digits,
.counter.wx2.hx1 .seven_digits,
.counter.wx2.hx1 .eight_digits,
.counter.wx1 .six_digits,
.counter.wx3.hx1 .four_digits,
.counter.wx3.hx1 .five_digits,
.counter.wx3.hx1 .six_digits,
.counter.wx3.hx1 .seven_digits,
.counter.wx3.hx1 .eight_digits,
.counter.wx4.hx1 .four_digits,
.counter.wx4.hx1 .five_digits,
.counter.wx4.hx1 .six_digits,
.counter.wx4.hx1 .seven_digits,
.counter.wx4.hx1 .eight_digits,
.counter.wx5.hx1 .four_digits,
.counter.wx5.hx1 .five_digits,
.counter.wx5.hx1 .six_digits,
.counter.wx5.hx1 .seven_digits,
.counter.wx5.hx1 .eight_digits{
	font-size: 45px;
}


.counter.wx1.hx2 .four_digits,
.counter.wx1.hx2 .five_digits,
.counter.wx1.hx3 .four_digits,
.counter.wx1.hx3 .five_digits
.counter.wx1.hx4 .four_digits,
.counter.wx1.hx4 .five_digits,
.counter.wx1.hx5 .four_digits,
.counter.wx1.hx5 .five_digits{
	font-size: 70px;
}

.counter.wx1 .seven_digits {
	font-size: 45px;
}

.counter.wx1 .eight_digits {
	font-size: 40px;
}


.counter.wx2.hx2 .four_digits,
.counter.wx2.hx2 .five_digits,
.counter.wx2.hx2 .six_digits,
.counter.wx2.hx2 .seven_digits,
.counter.wx2.hx3 .four_digits,
.counter.wx2.hx3 .five_digits,
.counter.wx2.hx3 .six_digits,
.counter.wx2.hx3 .seven_digits,
.counter.wx2.hx4 .four_digits,
.counter.wx2.hx4 .five_digits,
.counter.wx2.hx4 .six_digits,
.counter.wx2.hx4 .seven_digits,
.counter.wx2.hx5 .four_digits,
.counter.wx2.hx5 .five_digits,
.counter.wx2.hx5 .six_digits,
.counter.wx2.hx5 .seven_digits,
.counter.wx3.hx2 .four_digits,
.counter.wx3.hx2 .five_digits,
.counter.wx3.hx2 .six_digits,
.counter.wx3.hx2 .seven_digits,
.counter.wx4.hx2 .four_digits,
.counter.wx4.hx2 .five_digits,
.counter.wx4.hx2 .six_digits,
.counter.wx4.hx2 .seven_digits,
.counter.wx5.hx2 .four_digits,
.counter.wx5.hx2 .five_digits,
.counter.wx5.hx2 .six_digits,
.counter.wx5.hx2 .seven_digits,
.counter.wx2.hx2 .four_digits,
.counter.wx2.hx2 .five_digits,
.counter.wx2.hx2 .six_digits,
.counter.wx2.hx2 .seven_digits,
.counter.wx3.hx3 .four_digits,
.counter.wx3.hx3 .five_digits,
.counter.wx3.hx3 .six_digits,
.counter.wx3.hx3 .seven_digits,
.counter.wx4.hx3 .four_digits,
.counter.wx4.hx3 .five_digits,
.counter.wx4.hx3 .six_digits,
.counter.wx4.hx3 .seven_digits,
.counter.wx5.hx3 .four_digits,
.counter.wx5.hx3 .five_digits,
.counter.wx5.hx3 .six_digits,
.counter.wx5.hx3 .seven_digits{
	font-size: 110px;
}

.counter.wx2 .eight_digits {
	font-size: 95px;
}





/* LIST */
.widget_list{
	float: left;

	width: 100%;
	height: calc(100% - 25px);
	overflow-y: scroll;
	overflow-x: hidden;
}

.list_content {
	float: left;

	width: 100%;
}

.list_content ul{
	float: left;

	width: 100%;
}

.list_content ul li{
	float: left;

	width: 96%;
	padding: 5px 2% 5px 2%;
	margin: 0 0 0px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	/*cursor: pointer;*/

	position: relative;
}


.list_content ul li:hover{
	background: rgba(0, 0, 0, 0.3);
}

.list_capture{

}

.list_capture_alarm{

}

.list_source{

}

.list_item_wrapper{
	float: left;

	width: 100%;
}

.photo_wrapper{
	float: left;
	width: 60px;
	margin: 0px 5px 0px 0px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 32px;
	overflow: hidden;
	text-align: center;
}

/*.list_photo_wrapper:before {*/
/*content: '';*/
/*display: inline-block;*/
/*height: 100%;*/
/*vertical-align: middle;*/
/*margin-right: -0.25em; *//* Adjusts for spacing */
/*}*/

.capture_photo {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}


.capture_photo img{
	width: 95%;
	height: 95%
}

.list_data_wrapper{
	float: left;

	width: calc(100% - 75px);
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}

.capture_data{
	float: left;
	width: 100%;
	height: 40px;
}

.capture_data span{
	float: left;
	padding-right: 10px;
	height: 20px;
	line-height: 20px;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}

span.capture_plate{
	font-size: 22px;
	font-weight: 900;
	display: flex;
}

span.capture_plate_type{
	font-style: italic;

	float: left;
	color: #838383;
}

span.capture_hour{
	width: calc(40% - 10px);
	clear: both;
	color: #B9B9B9;
}

.capture_geo{
	float: left;
	width: 10%;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	height: 40px;
}


.capture_geo span{
	width: 100%;
}

.capture_geo span a{
	font-size: 30px;

	width: 100%;
	float: left;
	text-align: center;
	height: 30px;
	padding: 5px 0px 5px 0px;
}

.capture_geo span a{
	font-size: 22px;
	width: 100%;
	float: left;
	text-align: center;
	height: 30px;
	padding: 5px 0px 5px 0px;
}

.capture_geo span a i {
	line-height: 30px;
}

span.capture_source_name{
	width: calc(60% - 10px);

	text-align: right;
	padding: 0px 10px 0px 0px;
}


.widget_list .alarm_data{
	float: left;
	width: 110px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	height: 42px;
	background: url(../img/alarm.png) no-repeat 11px 0px;
}

.widget_list .alarm_data span{
	overflow: hidden;

}

.widget_list .alarm_type{
}

.widget_list .alarm_zone{
	width: 50%;
	float: left;
	text-align: center;
}

.widget_list .alarm_list{
}

.source_data{
	float: left;
	width: 100%;
	height: 20px;
}

.source_data span{
	float: left;
	overflow: hidden;
}

.source_health_ex{
	background: url(../img/health_ex.png) no-repeat;
	width: 24px;
	margin: 0px 10px 0px 0px;
	height: 18px;
}

.source_health_good{
	background: url(../img/health_good.png) no-repeat;
	width: 24px;
	margin: 0px 10px 0px 0px;
	height: 18px;
}

.source_health_bad{
	background: url(../img/health_bad.png) no-repeat;
	width: 24px;
	margin: 0px 10px 0px 0px;
	height: 18px;
}

.source_id{
	font-size: 18px; font-weight: 900;

	margin: 0px !important;
}

/*.source_id:before{*/
/*content:"ID:";*/
/*}*/

.source_name{

}

.source_plate{

}

.source_description{
	clear: both;

	font-style: italic;
}

.source_description:before{

}

.source_health{

}

/*.source_name,*/
/*.source_plate,*/
/*.source_health,*/
/*.source_geo{*/
/*margin: 4px 5px 0px 10px;*/
/*}*/

.source_type{
	margin: 0 5px 0 0;
}

.source_name{
	margin: 0 5px 0 0;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 9em);
}

.camera_name{
	margin: 0 5px 0 0;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 4em);
}

.source_last_cap {
	margin: 0 5px 0 10px;
	color: #999;
	font-size: 10px;
	line-height: 16px;
}

.wx1 .source_last_cap {
	display: none;
}

span.source_geo {
	float: right;
	font-size: 16px;
}

.source_health:before{
}


/*LIST Wx1*/

.list.wx1{

}

.list.wx1 .widget-content{

}

/*
.list.wx1 .counter_legend{
	font-size: 75%;
}
*/

/* Wx1 - Captura */
.list.wx1 .list_capture{

}

.list.wx1 .list_photo_wrapper {
	width: 40px;

	height: 22px;
}

.list.wx1 .list_capture .list_data_wrapper {

}

.list.wx1 .list_capture .capture_data {
	float: left;
	width: 85%;
	height: 30px;
}

.list.wx1 .list_capture .capture_data span{
	float: left;
	padding: 0px 2px 0px 0px;
	height: 15px;

	clear: none;
	line-height: 15px;
}

.list.wx1 .list_capture span.capture_plate{
	font-size: 14px;

}

.list.wx1 .list_capture span.capture_plate_type{
	float: right;

	font-size: 10px;
	padding: 0px 5px 0px 0px;
}

.list.wx1 .list_capture span.capture_hour{
	font-size: 10px;

	float: left;
	width: calc(50% - 5px);
	clear: both;
}



.list.wx1 .list_capture span.capture_source_name{
	max-width: calc(50% - 5px);

	margin: 0px;
	float: right;
	font-size: 10px;
}

.list.wx1 .capture_geo {
	height: 30px;
	width: 15%;
}

.list.wx1 .list_capture .capture_geo span{
	width: 100%;

	margin: 0px 0px 0px 0px;
	float: left;
}

.list.wx1 .capture_geo span a {
	font-size: 20px;
	width: 100%;
	float: left;
	text-align: center;
	height: 20px;
}


/* Wx1 - Captura con alarma */
.list.wx1 .list_capture_alarm .list_photo {
	display: none;

}

.list.wx1 .list_capture_alarm .list_data_wrapper {
	float: left;
	width: 100%;
}

.list.wx1 .list_capture_alarm .capture_data {
	float: left;
	width: calc(50% - 1px);
	height: 42px;
}

.list.wx1 .list_capture_alarm .capture_data span{
	float: left;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
	height: auto;
	clear: none;
	line-height: 15px;
}

.list.wx1 .list_capture_alarm .capture_data .capture_plate{
	margin: 0px 5px 0px 0px;

	font-size: 14px;
}

.list.wx1 .list_capture_alarm .capture_data .capture_plate_type{
	display: none;

}

.list.wx1 .list_capture_alarm .capture_data .capture_hour{
	margin: 0px;

	font-size: 10px;
}

.list.wx1 .list_capture_alarm .capture_data .capture_geo{
	width: 100%;

	white-space: nowrap;      text-overflow: ellipsis;
	margin: 0px;
}

.list.wx1 .list_capture_alarm .capture_source_name{
	max-width: 100%;

	white-space: nowrap; text-overflow: ellipsis;
}

/* Wx1 - Fuentes */
.list.wx1 .list_source{

}

.list.wx1 .list_source .list_photo {
	display: none;

}

.list.wx1 .list_source .list_data_wrapper {
	float: left;
	width: 100%;
}

.list.wx1 .list_source .source_data {
	float: left;
	width: 100%;
	height: 42px;
}

.list.wx1 .list_source .source_data span{
	float: left;
	margin: 0px 10px 0px 0px;
	height: 20px;
	overflow: hidden;
	clear: none;
	line-height: 20px;
}

.list.wx1 .list_source .source_data .source_health_ex,
.list.wx1 .list_source .source_data .source_health_good,
.list.wx1 .list_source .source_data .source_health_bad{
	width: 15px;
	height: 12px;
	background-size: 15px;
	margin: 5px 5px 0px 0px;
}

.list.wx1 .list_source .source_data .source_health_good{

}

.list.wx1 .list_source .source_data .source_health_bad{

}


.list.wx1 .list_source .source_data .source_id{
	font-size: 14px;

	margin: 0px 15px 0px 0px !important;
	max-width: calc(50% - 20px);
	white-space: nowrap; text-overflow: ellipsis;
}


.list.wx1 .list_source .source_data .source_name{
	max-width: 50%;

	white-space: nowrap; text-overflow: ellipsis;
	margin: 0px 0px 0px 0px;
}


.list.wx1 .list_source .source_data .source_plate{
	clear: both;

	max-width: calc(50% - 20px); white-space: nowrap; text-overflow: ellipsis;
}


.list.wx1 .list_source .source_data .source_geo{
	max-width: calc(50% - 20px); white-space: nowrap; text-overflow: ellipsis;

	margin: 0px 0px 0px 0px;
}

.list.wx1 .list_source .capture_geo{
	max-width: calc(50% - 20px);
	white-space: nowrap;
	text-overflow: ellipsis;
}



/*widget mapa*/
.coordinates-wrapper{
	background: rgba(0, 0, 0, 0.32);

	z-index: 1000;
	float: left;
	width: 100%;
	padding: 2px 0px 2px 1%;
	font-size: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.widget .map_content .coordinates-wrapper{
	bottom: 25px;
	width: 99%;
}


/*widget devices*/
.widget_devices {
	float: left;
	width: 100%;
	height: calc( 100% - 28px );
	overflow: hidden;

}

.devices_content {
	float: left;
	width: 100%;
	height: calc( 100% - 35px );
	overflow-y: scroll;
	overflow-x: hidden;
	border-top: 1px solid #575757;
}

.devices_content ul {
	float: left;
	width: 100%;
}

.devices_content li{
	float: left;
	width: 100%;
	margin: 0 0 0px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	cursor: pointer;
	position: relative;
}

.devices_source_cam li{
	float: left;
	width: 96%;
	padding: 10px 2% 10px 2%;
	margin: 0 0 0px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	cursor: pointer;
	position: relative;
}

li.devices_source_cam {
	padding: 10px 2% 10px 35px;
	background: #444;
	width: calc(100% - 30px);
}

.devices_item_wrapper {
	float: left;
	width: 100%;
}

.source_item_wrapper {
	padding: 10px 2% 10px 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.devices.wx1 .devices_source .devices_data_wrapper {
	float: left;
	width: calc(100% - 30px);
}

.devices.wx1 .devices_source .capture_data_wrapper {
	float: left;
	width: calc(100% - 40px);
}

.devices_data_wrapper {
	float: left;
	width: calc(100% - 30px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.capture_data_wrapper{
	width: calc(100% - 40px);
}

.devices.wx1 .devices_source .source_data {
	float: left;
	width: 100%;
	height: 14px;
}

.devices_header{
	display: block;
	float: left;
	margin: 10px 0px -1px 0px;
	width: 100%;
	padding: 0px 2% 0px 0px;
	/*height: 25px;*/
	/*border-bottom: 1px solid #575757;*/

	position: relative;
}

.devices_collapse {
	float: left;
	margin-right: 15px;
	padding-top: 4px;
}

/*flecha de "expandir capture sources"*/
.view-capture-sources i:before{

	content: "\f054";
	color: #fff;
	margin-left: 15px;
}
.view-capture-sources i.open:before {
	content: "\f078";
	color: #fff;
}

/*--------------Search bar with animation -> devices widget----------------*/

.wx1 .devices_search_bar_div{
	float: left;
	width: 150px;
	margin-right: 62%;
	margin-left: 1%;
	margin-bottom: 8px;
	margin-top: -5px;
}

.wx1 .devices_header_left{
	float: left;
	/*width: 100%;*/
	width: 70%; /*When adding the search bar, it need to be reduced.*/
}

.devices_header_left{
	float: left;
	/*width: 100%;*/
	width: 80%; /*When adding the search bar, it need to be reduced.*/
}

.devices_search_bar_div{
	padding: 5px 5px 5px 5px;
	background: #2C2C2C;
	float: left;
	border-bottom: 1px solid #575757 !important;
	width: 45%;
	font-size: 13px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.devices_search_bar_div.empty{
	border: 1px solid #6B6B6B;
}

.devices_search_bar_div.empty:focus {
	/*width: 130%;*/
	border: 1px solid #ccc;
}

.devices_search_bar_div.full{
	border: 1px solid #ccc !important;
}

.wx1 .devices_search_bar_input{
	font-size: 12px;
	height: 11px;
}

.devices_search_bar_input{
	width: 90%;
	box-sizing: border-box;
	/*border-radius: 9px;*/
	border-color: #2d2d2d !important;
	font-size: 13px;
	color:#e6e6e6 !important;
	background-color: #2d2d2d !important;
	background-size: 21px;
	background-position: 9px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-right: 10px;
	height: 14px;
}

.devices_global_geo{
	float: right;
	font-size: 16px;
	margin-right: 43px;
}

.wx1 .devices_global_geo{
	padding-top: 25px;
	margin-right: 42px;
}

/*WIDGET ALARMAS*/
.widget_alarms{
	float: left; width: 100%;
	height: calc( 100% - 25px );
	/*overflow-y: scroll;
	overflow-x: hidden;*/
	overflow: hidden;

}

.alarms_content{
	float: left;
	width: 100%;
	height: 100%;
}

.alarms_tabs{
	display: block;
	float: left;
	margin: 10px 0px 0px 0px;
	width: 96%;
	padding: 0px 2% 0px 2%;

	position: relative;
}




.alarms_tabs .tabs{

}

.wx1 .tab > span{
	display: none;
}

.wx1 .tab {
	font-size: 10px;
}

@media (max-width: 1350px) {
	.wx1 .tab {
	font-size: 9px;
	}
	.wx2 .tab {
	font-size: 9px;
	}
	.wx2 .devices_search_bar_div{
	padding: 5px 5px 1px 5px;
	}
}

.tab{
	padding: 5px 5px 5px 5px;
	background: #2C2C2C;
	float: left;
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
	border-right: 1px solid #575757;
}

.tab:first-child{
	border-left: 1px solid #575757;

}

.tab.selected{
	padding: 8px 5px 6px 5px;

	margin: -4px 0px 0px 0px;
	background: rgba(56, 56, 56, 1);
	border-bottom: 1px solid rgba(56, 56, 56, 1);
	z-index: 1000000;
}

.alarms_tabs .alarm_search{
	float: right;
	padding: 4px 5px 4px 5px !important;
	font-size: 14px;
	color: #ccc;
	margin: 0 !important;
	background: transparent;
	border: 0;
	border-bottom: 0;
}

.alarm_search_container{
	display: block; float: left; margin: 10px 0px 2px 0px; width: 96%; padding: 0px 2% 0px 2%; position: relative;
}

.alarm_search_container.hidden{
	display: none;
}

.alarm_search_container span{
	float: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
	font-weight: 600;
}

.alarm_search_content {
	float: left;
	width: 100%;
}

.alarm_search_content input {
	width: calc(100% - 53px);

	padding: 7px 5px 7px 5px;
	background: #616161;
	color: #fff;
}

.alarms_list {

	/* display: block; */ float: left;

	width: 100%;
	height: calc(100% - 38px);

	/*overflow: hidden;*/
	overflow-y: scroll;
	overflow-x: hidden;
	border-top: 1px solid #575757;

	margin: -1px 0px 0px 0px;

}

.alarms_list > ul{
	float: left;


	width: 100%;
	padding: 0px;
}

.alarms_list > ul > li{
	float: left;
	width: 96%;
	padding: 5px 2% 5px 2%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);

	cursor: pointer;
}

.alarms_list > ul > li:hover {
	background: rgba(0, 0, 0, 0.3);
}

.alarms_list > ul > li:first-child{
	float: left;
	border-top: none;
}

.alarms_list > ul > li:last-child{
	float: left;
	border-top: none;
	margin: 0px 0px 40px 0px;
}

.item_wrapper{
	/* padding: 5px; */

	position: relative;
}

.wx1 .alarm_col1{
	width: calc(30% - 10px);

	float: left;
	margin: 0px 10px 0px 0px;
}

.alarm_col1{
	width: 60px; float: left;
	margin: 0px 5px 0px 0px;

}

.alarm_photo{

}

.alarm_photo img{
	width: 100%;

}

.wx1 .alarm_col2 {
	width: 70%;
	float: left;
}

.alarm_col2{
	width: 120px; float: left;

	max-width: 120px;
}

.alarm_col2 span{

}

.alarm_plate{
	font-size: 22px;
	font-weight: 900;

}

.alarm_date{
	clear: both;

	float: left;
	/* font-size: 10px; */
	color: #B9B9B9;
}

.wx1 .alarm_col3{
	float: left;

	width: 100%;
	margin: 0px;
}

.alarm_col3{
	width: calc(100% - 190px); float: left;

	margin: 0px 0px 0px 5px;
}

.alarm_col3 span{

}

.alarm_type{

	display: block;


	font-weight: 700;

}

.alarm_camera{
	display: block;
	width: 65px;
	max-width: 65px;
	white-space: nowrap;
}

.alarm_list{
	display: block;

	/*margin: 0px 0px 10px 0px;*/
}

.wx1 .alarm_vehicle_plate{

}

.alarm_vehicle_plate{
	width: 65px;
	max-width: 65px;
	float: left;
	line-height: 30px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.alarm_vehicle_plate:before{
	content: "\f132";
	color: #FFF;
	font-size: 12px;
	font-family: 'ultraip-icon-font';
	margin: 0px 5px 0px 0px;
}

.wx1 .alarm_user{
}

.alarm_user{
	float: left;
	margin: 0px 5px 0px 5px;
	line-height: 30px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.list_capture_alarm .alarm_user{
}

.alarm_user:before{
	content: "\f007";
	color: #FFF;
	font-size: 12px;
	font-family: 'ultraip-icon-font';
	margin: 0px 5px 0px 0px;
}

.wx1 .alarm_actions{
	float: right;
	margin: 5px 0px 5px 0px;
	height: 30px;
}

.alarm_actions{
	float: right;
	max-width: 230px;
}

.alarm_actions_wrapper{
	float: right;
	position: relative;
	display: none;
}

.alarm_item:hover .alarm_actions_wrapper{
	display: block;
}

.alarm_item.closed:hover .alarm_actions_wrapper{
	display: none;
}

.alarm_item.ongoing:hover .alarm_actions_wrapper .take-alarm-event-btn{
	display: none;
}

#look-alarm-modal.ongoing .take-alarm-event-btn{
	display: none;
}

.text_btn{
	padding: 0px 13px 0px 13px; background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; color: #434343 !important; cursor: pointer; float: right; max-height: 25px;
	font-size: 12px;
	height: 25px; line-height: 25px;
}

.text_btn-disabled{
	border: #C4C4C4;
	background: #E3E3E3;
	color: #C4C4C4 !important;
	pointer-events: none;
	margin-right: 25px;
}

.dashboard_widget_btn-disabled{
	border: #C4C4C4;
	background: #E3E3E3;
	color: #C4C4C4 !important;
	pointer-events: none;
	margin-left: 5px;
}

.alarm_secondary_actions{
	padding: 0px 13px 0px 13px;
	margin: 0px 0px 0px 10px;
	background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; color: #434343 !important; cursor: pointer;
	float: right; max-height: 25px;
	height: 25px;
	font-size: 12px;

	line-height: 25px;
}

.alarm_secondary_actions i{
	line-height: 25px;

}

.alarm_actions_dropdown{
	width: 71px !important;
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	margin: 0px !important;
}

.alarm_actions_dropdown:before{
	top: 5px !important;
	left: auto !important;
	right: -12px !important;
	border-color: transparent transparent transparent #777676 !important;
}

.alarm_actions_dropdown:after{
	top: 4px !important; left: auto !important;
	right: -14px !important;
	border-color: transparent transparent transparent #9E9E9E !important;

}



.alarm_actions_dropdown:hover{


}

.alarm_status{
	position: absolute;

	top: 0px;
	right: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
}


.alarm_item.expired .alarm_status,
.list_capture_alarm.expired .alarm_status {
	opacity: 0.5;
}

.alarm_item.expired .alarm_actions_wrapper{
	display:none;
}

.alarm_legend{
	display:none;
	color: #CFCFCF;
}

.alarm_item.expired .alarm_legend,
.list_capture_alarm.expired .alarm_legend{
	display: block;
	float: right;
	text-align: left;
	width: 100%;
	line-height: 30px;
}

.wx1 .list_capture_alarm.expired .alarm_actions{
}

.list_capture_alarm.expired .alarm_actions{
	display: inline;

}

.list_capture_alarm .alarm_actions{
	display:none;

}

.alarm_item.hidden{
	display: none !important;
}



.alarm_item.pending .pending_alarm,
.list_capture_alarm.pending .pending_alarm {
	display: inline;
}

.alarm_item.closed .closed_alarm,
.list_capture_alarm.closed .closed_alarm{
	display: inline;
}

.alarm_item.ongoing .ongoing_alarm,
.list_capture_alarm.ongoing .ongoing_alarm{
	display: inline;
}

.alarm_item.ongoing .alarm_actions_wrapper{
 display: none;
}

.pending_alarm{
	background: #831320;
	display:none;
}

.closed_alarm{
	background: #1f8753;
	display:none;

}

.ongoing_alarm{
	background: #bc6d0f;
	display:none;

}

/*MODAL ATENDER ALARMA*/
.look_alarm{
	width: 800px;
}

.modal_alarm_content{
	float: left;

	width: calc(100% - 20px);
	padding: 10px;
	background: #242424;
	margin: 0px 0px 10px 0px;
}

.modal_alarm_photo{
	float: left;
	width: 50%;
	height: 220px;
	background: #383838;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.modal_alarm_mini_photo {
	position: absolute;
	width: 60px;
	height: 45px;
	bottom: 0px;
	right: 0px;
	background: #383838;
	border: 1px solid #ddd;
	cursor: pointer;
	overflow: hidden;
}

.modal_alarm_mini_photo img {
	width: 100%;
	height: auto;
	margin: auto 0;
	z-index: 1;

}

.modal_alarm_photo img{
	width: 100%;
	height: calc(100% + 2px);
}

.modal_alarm_full_photo{
	z-index: -1;
}

.modal_alarm_hidden_photo img{
	display: none;
}

.modal_alarm_map{
	float: left;
	/*width: calc(50% - 10px);*/
	width: 380px;
	height: 220px;


	margin: 0px 0px 0px 10px;
	background: #383838;
}

.modal_alarm_description{
	float: left;

	width: 100%;
	margin: 10px 0px 10px 0px;
	position: relative;
}

.modal_alarm_description .alarm_col2 {
	width: 390px;
	float: left;
	max-width: 390px;

}

.modal_alarm_description .alarm_col3 {
	width: calc(100% - 400px);

}

.modal_alarm_description .alarm_plate{
	font-size: 30px;

}

.modal_alarm_description .alarm_list{
	margin: 0px 0px 0px 0px;

}

.modal_alarm_history{
	float: left;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	height: 115px;
}

.modal_content_tit{
	border-bottom: 1px solid #ccc;

	margin: 0px 0px 10px 0px;
}

.alarm_history {
	float: left;
	width: 96%;
	position: relative;
	padding: 10px 2% 10px 2%; margin: 0 0 0px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.alarm_history > div:first-child{
	margin: 0px;

}

.alarm_history > div{
	float: left;

	margin: 0px 0px 0px 10px;
}

.alarm_history .alarm_history_col1{

	width: 60px;


	max-width: 60px;

}

.alarm_history .alarm_history_col2{
	float: left;

	width: 65px;
	max-width: 65px;
	text-align: center;
}

.alarm_history .alarm_history_col3{
	width: calc(100% - 410px);

	max-width: calc(100% - 410px);
}

.alarm_history .alarm_history_col4{
	width: 70px;

	max-width: 70px;
}

.alarm_history .alarm_history_col5{
	width: 100px;

	max-width: 100px;
}

.alarm_history .alarm_user{
	width: 100%;

	max-width: 100%;
}

.look_alarm .alarm_actions_wrapper{
	display: initial;
	padding-top: 15px;

}

.look_alarm.ongoing .alarm_actions_wrapper{
	display: none;

}

.look_alarm.closed .alarm_actions_wrapper{
	display: none;

}

.look_alarm.expired .alarm_actions_wrapper{
	display: none;

}

.look_alarm.expired .modal_alarm_description .alarm_legend{
	display: inline-block;

	float: right;
	margin: 10px 0px 0px 0px;
}


.alarm_history.expired .alarm_legend{
	display: inline-block;
	float: right;
	margin: 0px 0px 0px 0px;
}

.alarm_history .alarm_legend{
	display: none;
}


.look_alarm.pending .modal_alarm_description .pending_alarm {
	display: inline;
	position: absolute;
}

.look_alarm.pending.expired .modal_alarm_description .pending_alarm {
	opacity: 0.5;
}

.look_alarm.closed .modal_alarm_description .closed_alarm {
	display: inline;
	position: absolute;
}

.look_alarm.ongoing .modal_alarm_description .ongoing_alarm {
	display: inline;
	position: absolute;
}

.alarm_history.pending  .pending_alarm {
	display: inline;
	position: relative;
	float: right;
}

.alarm_history.pending.expired  .pending_alarm {
	display: inline;
	position: relative;
	float: right;
	opacity: 0.5;
}

.alarm_history.closed .closed_alarm {
	display: inline;
	position: relative;
	float: right;
}

.alarm_history.ongoing .ongoing_alarm {
	display: inline;
	position: relative;
	float: right;
}


.alarm_user_action {
	margin: 0px 0px 10px 0px;
}


.alarm_action_description{

}

.alarm_action_observation{
	width: 100%;
	height: 100px;
	resize: none;
}

.alarm_action_descriptio .save_btn {

}

/*CONFIG MODAL ALARM WIDGET*/
.config_alarm {
	width: 300px;

}

.config_alarm_content{
	float: left;
	width: 100%;
}

.config_alarm_content > p{
	float: left;
	width: 120px;

	line-height: 25px;
}

.config_alarm_content .alarm_selection {
	float: left;
	width: calc(100% - 120px);

}




/*AUDITORIA + ESTADISTICAS*/
/*configuración*/
.step_type{
	position: relative;
	width: calc(100% - 40px);
	background: #eaeaea;
	float: left;
	padding: 9px 10px 9px 10px;
	margin: 20px 10px 0px 10px;
	z-index: 98;

}

.step_type_wrapper{
	background: #fff;
	border: 1px solid #a8a8a8;

}

.step_type_selection {

}

.step_type_selection button{
	background-color: #fff;
	padding: 8px 0px 7px 0px;
	height: auto;
	background-position: calc(100% - 10px) 12px;
}


.config_step{
	width: calc(100% - 20px);
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 10px;

}

.search_step{
	width: calc(100% - 20px); float: left;
	margin: 10px 10px 30px 10px;

	padding: 10px 0px 0px 0px;
	border-top: 1px solid #000;
}

.config_step_list{
	float: left;
	width: 100%;
}

.config_step_list h3 {
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 5px 0px;
}

.config_step_list ul{
	float: left;

}

.config_step_list ul li{
	margin: 0px 0px 15px 0px;
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.13);
	padding: 0px 0px 15px 0px;
}

.config_step_list ul li:last-child{
	border:none;
}

.config_step_list ul li label{
	float: left;
	padding: 0px 0px 0px 20px;
	position: relative;
}



.config_step_list ul li label ul{
	margin: 5px 0px 0px 0px;

	font-style: italic;
	font-size: 10px;
}

.config_step_list ul li label ul li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: none;
}

.config_step_list ul li label ul li:before{
	content:"·";
	margin: 0px 5px 0px 10px;
}

.config_step_list ul li label input{
	float: left;
	width: auto;
	margin: 0px 10px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.config_step_variable{
	float: left;
	width: 100%;
}

.config_step_variable > h3{
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 5px 0px;

}

.config_step_variable > ul {
	float: left;
	width: 100%;
}

.config_step_variable > ul > li{
	float: left;
	width: 100%;
}

.config_step_variable_item{
	margin: 0px 0px 15px 0px;

	float: left;
	width: 100%;
}

.config_step_variable_item > p {
	margin: 0px 0px 5px 0px;

	float: left;
}

.config_step_variable_item .item_content{

}

.config_step_variable_selection{

}

.config_step_variable_date {

}

.config_step_variable_date .item_content {
	background: rgba(240, 240, 240, 1);
	width: 100%;
	float: left;

}



.config_step_variable_datetime_selection{
	float: right; background: #fff;
	margin: 4px 5px 4px 0px;
	border: 1px solid #ccc; color: #000;
	width: calc(100% - 30px);
}

.config_step_variable_item .item_content .icon-calendar{
	float: left;
	font-size: 14px;
	color: #000;
	margin: 10px 0px 0px 6px;

}

.config_step_variable_item > label{
	width: 50%;
	float: left;
}

.config_step_variable_item > label > input{
	width: auto;
	margin: 0px 5px 0px 0px;
}

.stats_content{
	height: 100%;
}

.widget_stats{
	overflow: auto;
}

.modal_list_content{
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	background: #242424;
}