html, body {height: 100%;}
body{background-color: #fff; overflow: auto !important;} 
#bodyContent { /*position:fixed !important;*/ }
.ui-widget-content.ui-corner-all {  border-radius: 0px !important;}
.contents{ background: #ccc !important;}
.contentsc{ background: #ccc !important;}
.contentscb{ background: #ccc !important;}
.contents1{ background: #ccc !important; height:100vh;}
.ui-fluid{margin:0; padding:0;  height: 100%; }
#west-resizer{display:none;}
.bgwhite{height: 91vh !important; background: #fff;} /* VRA_20160428 */
#mainPage{height:auto;}
.ui-layout-unit .ui-layout-unit-content {overflow: hidden; background: transparent !important;}
.contentdiv { width:80.33333%; height:100vh; display:block; background:#ccc; }
.literals {background-color: #999999;max-height:150px; width: 83%; position:absolute; bottom: -100px;}
img{max-width: 100%;   height: auto;}
.mainNav{ background-color:rgb(194, 27, 23); height: 50px;}
.ui-grid-col-11, .title-list{ height:49px; background-color:rgb(194, 27, 23); alignment-baseline: middle; line-height: 47px;}
.ui-grid-col-1 { height:49px; background-color:rgb(194, 27, 23); alignment-baseline: middle; padding-top: 6px;}
.title-list{margin-top:-4px;}
.center{text-align:center;}
.center-button{position:absolute; margin-left:20%;}
.mediador {background: #999 url("img/colors.png") no-repeat scroll left top; height: auto; margin-top: -4px;}

.movil-mediador {background: #999 url("img/colors.png") no-repeat scroll left top; height: 330px;}
.movil-mediador .foto-mediador{margin:0; padding: 0;}
.movil-mediador .datos-mediador{display: block; margin-left: 18px;}

.mobil-mediador {background: #999 url("img/colors.png") no-repeat scroll left top; height: 330px;}
.mobil-mediador .foto-mediador{margin:0; padding: 0;}
.mobil-mediador .datos-mediador{display: block; margin-left: 18px;}

.name{font-size:16px; font-weight:bold; color: #FFF;}
.cargo{font-size:14px; font-style:italic; color: #FFF;}
.number{font-size:13px; color: #FFF;}
.ui-corner-all{border-radius:0;}

.right{float:right; display:inline;}
.right-error {float:right; display:inline; padding-right:15px;}
.left {display: block; float: left;position:inherit;}

.content-menu{margin-top:10px;display: inline;}
.form-acces{margin-top:20px;}
.acces{
	margin:15px; color: #333; max-width: 700px; margin: 0 auto; margin-top: 50px; 
	padding-left: 10px; padding-right: 10px; /* VRA_20160428 */
}	
.acces-title{font-size:18px;}
.datos{display: block; font-size:16px;line-height:24px;}
.ui-autocomp .ui-inputfield {clear: left; cursor: text; list-style-type: none; margin: 0; min-height: 1px; overflow: hidden; width: 100%;}

.ui-widget-content { border: none; background: transparent;}
.ui-layout-unit{padding:0px;}
#west {background: #FFF;}

.formulario{ margin: 50px auto 0; padding:25px; border-radius: 0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); border: 0; background: #f7f7f7;}

.ui-inputfield { height:35px; box-shadow:none !important; font-size:14px !important; margin-top: 8px !important;}

/* VRA_20160419 --> .foto-broker {max-width: 162px;} */
.foto-broker { height: 162px; } /* VRA_20160419 */

.btn{height: 48px; background: rgb(194, 27, 23)!important;
    width: 100% !important;
    margin: 0 auto;
    border: none!important;
    color: #fff!important;
    font-weight: normal !important;
    text-shadow: none !important;
	margin-top:10px;}
	
.form-title{font-size:18px; line-height: 35px;}
.read{font-size:13px; }
table{width: 100%; border:none;}
.menu{background: transparent url('img/menu.svg') no-repeat !important;    height: 34px !important;
    border: none !important; box-shadow:none !important; width: auto !important;}
 .ui-menu.ui-menu-dynamic {background: #fff;}    
 .menu .ui-state-hover{background: transparent url('img/menu.svg') no-repeat !important;} 
 .enviar{background: transparent url('img/enviar.svg') no-repeat !important; height: 32px !important; margin-top: 10px;
    border: none !important; box-shadow:none !important; width:50% !important;}
 .list{background: transparent url('img/fletxa.svg') no-repeat !important; height: 32px !important; padding-right:25px !important;
    border: none !important; box-shadow:none !important;}
 .msgs{background: transparent url('img/oval.png') no-repeat !important; height: 32px !important;
    border: none !important; box-shadow:none !important;}
 .msgs span {color: rgb(241, 100, 74) !important; padding: 1px 18px 9px 14px !important;
  margin: 3px -4px 6px -7px !important;}
 .frases{background: transparent url('img/ico-chat-01.svg') no-repeat !important; height: 32px !important; margin-top: 10px;
    border: none !important; box-shadow:none !important;}
 .ui-menu .ui-menu-list .ui-menuitem {border: none; height: 50px; vertical-align: middle;}    
 .ui-menu .ui-menuitem-link {width: 100%; line-height: 39px;}    
 .ui-widget-content .ui-state-hover{background:transparent; box-shadow: none;}
 .npt-chat:hover{background:#fff;}  
 .npt-chat{border:none !important;}  
.attention{border: 2px solid rgb(194, 27, 23); color: rgb(194, 27, 23); font-size:16px; padding: 6px; margin:15px; font-weight:bold;}
.message-black {color: #000; font-size:16px; padding: 6px; margin:15px; font-weight:normal;}
.mail{background: transparent url('img/email.svg') no-repeat scroll 50% 0 !important; height: 113px !important;
    border: none !important; box-shadow:none !important;  width: 98% !important; }
	.chat-on{background:#ccc;}
	.chat-on .mediador{height: 50px;}
	.chat-on .foto-mediador img {height:50px !important; width: auto;}
	.chat-on .enviar{background: transparent url('img/enviar.svg') 100% 0 no-repeat !important; height: 29px !important;
    border: none !important; box-shadow:none !important;}
	.chat-on .frases{background: transparent url('img/ico-chat-01.svg') 100% 0 no-repeat !important; height: 29px !important;
    border: none !important; box-shadow:none !important;}
	.chat-on .datos-mediador {width: auto;}  
	.message-welcome{text-align:center; padding: 8px; margin:15px; background:#fff; border-radius: 5px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); width: 600px; margin: 15px auto 0;}
	.welcome{font-size: 18px;}
	.welcome-txt{font-size:16px;}
	.nombre-mediador{margin-left:15px;}	
	.ui-chkbox{padding:0px !important;}
	.no-contact, .thanks-contact{max-width: 700px; margin: 0 auto; margin-top: 50px;}
	.complete{width: 100%;}
	
 /* * Component: Direct Chat * */
 
.error-box {
	height:350px; 
	width:500px; 
	margin:100px auto; 
	border:2px solid rgb(194, 27, 23);
}
.error-content {
	display:table-cell; 
	vertical-align:middle; 
	text-align:center; 
	font-weight:strong; 
	height:350px; 
	width:500px; 
	color:#444; 
	line-height:25px; 
	font-size:18px;
}
 
.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  min-height: 150px;
  overflow: hidden;
}
.direct-chat-msg,
.direct-chat-text {
  display: block;
}
.direct-chat-msg {
/*   margin-bottom: 20px; */
  width: 90%;
/*   min-height: 75px; */
  clear: both;
/*   border: 1px solid orange; */
}
.direct-chat-msg:before,
.direct-chat-msg:after {
  content: " ";
  display: table;
}
.direct-chat-msg:after {  clear: both;}
.direct-chat-messages {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
/* VRA_20160422  overflow-wrap: break-word; */
  word-break: break-all; /* VRA_20160422 */ 
}

.direct-chat-text-customer {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid rgb(194, 27, 23);
  margin: 5px 0 0 50px;
  color: #444444;
}
.direct-chat-text:after,
.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #fff;
  content: ' ';
  height: 0;
  width: 0;
  
}
.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}
.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}

.right .direct-chat-text {
  margin-right: 20px;
  margin-left: 0;
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}
.direct-chat-img {
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
}
.no-data {
	display: none;
}
.right .direct-chat-img {  float: right;}
.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  margin-top: 15px;
  font-size: 12px;
}
.direct-chat-name { font-weight: 600;}
.direct-chat-timestamp { color: #999;}

.content-chat-customer {/*position:fixed;*/ width:100%; background:#ccc;}
.direct-chat-customer .right > .direct-chat-text {
  background: #fff;
  border-color: rgb(194, 27, 23);
  color: #444444;}
.direct-chat-customer .right > .direct-chat-text:after,
.direct-chat-customer .right > .direct-chat-text:before {
  border-left-color: rgb(194, 27, 23);}
/* VRA_20160419 --> .direct-chat-customer {margin-left:15px; } */

/*********************************** MODAL WINDOWS ***********************************/

.modal-exit, .modal-error{background: #fff; width: 345px !important;}
.ui-widget-header{background: #fff;}
.dialog-text{text-align:center; color:#444; line-height: 25px; font-size:18px;}
.form-exit{margin-top:30px;}
.modal-button{color:rgb(194, 27, 23) !important; background:none !important; border:none !important; font-weight:normal !important; width: auto !important;}
.modal-button.ui-button.ui-state-default span {color:rgb(194, 27, 23) !important;}
.date-chat-one{background: #dbdbdb; border-radius: 5px; padding:2px; margin: 0 auto; text-align:center; color:#444; width:80px; font-size: 13px; margin-top:20px}

 /**************************** CHAT DESKTOP ******************************************/

.chat-one{margin-top:80px;}
.chat-one2{padding-top:20px; width:100%; overflow:auto; }
.chat{border-bottom: 1px solid #ccc; height: 60px;}
.chat:hover{background: #f9f9f9;}
.select{background: #f9f9f9;}
.icon-close {
	padding-top:18px; margin-left:5px; background: transparent url('img/no-active.svg') no-repeat left top 15px; width:27px; height:47px; 
	-ms-background-position-y: 5px; /* VRA_20160428 */
}
.icon-open {
	padding-top:18px; margin-left:5px; background: transparent url('img/active.svg') no-repeat left top 15px; width:27px; height:47px; 
	-ms-background-position-y: 5px; /* VRA_20160428 */
}
.user-name{font-size:16px; padding-left:5px; line-height: 25px;padding-top:18px; display:block; }
.hour{font-size:12px; color:#fff; background: #f1644a; border-radius: 8px; padding:3px; margin-right:8px;margin-top:18px; }
.close-hour{font-size:12px; color:#fff; background: #999; border-radius: 8px; padding:3px; margin-right:8px;margin-top:18px; }
.open-hour{font-size:12px; color:#fff; background: rgb(241, 100, 74); border-radius: 8px; padding:3px; margin-right:8px;margin-top:18px; }
.anonymous{font-style:italic; font-size:13px; line-height:10px; display:block; font-weight:lighter;}
.ui-datalist-data{margin:0px;}
.ui-datalist-item {margin:0px;}
.date-chat{
	height:50px; 
	text-align:center; 
	clear:both;
	border-bottom: 1px solid #ccc;
}
.chat-date{background: #dbdbdb; border-radius: 10px; padding:5px; font-size:12px; line-height:59px;}
.no-content{margin:20% auto; text-align:center; width:50%;}
.image-no-content{}
.text-no-content{font-size: 18px; color: #999;}
.title-chat{height:49px; alignment-baseline: middle; margin-top:-4px; background: #999 url('img/mini-colors.png') no-repeat left top;}
.title-chat1{height:50px; alignment-baseline: middle; margin-top:0px; background: #999 url('img/mini-colors.png') no-repeat left top;}
.customer-name{color: #fff; line-height:48px; padding-left: 25px; display: block; line-height: 36px; font-size:15px !important; font-weight:bold; width: 49% !important;}
.customer-name-mobile{color: #fff; line-height:36px; padding-left: 25px; display: block;}
.icon-customer{ line-height:30px; padding-left: 25px; padding-top:5px;}
.previous{background: #999; border-radius: 8px; padding:5px; margin:15px auto 0px auto; text-align:center; width:110px;}
.previous a {text-decoration: none; color: white; font-size: 13px; font-weight: bold;}
.classification{font-style: italic; font-size:16px; font-weight: normal; display:block;line-height: 0px; }

.ui-grid-col-2 {height:100vh;}
.ui-grid-col-3 {height:100vh;}
.ui-grid-col-4 {height:100vh;}
.2c {width:40.66666%; border:1px solid red;}
.2cb {height:calc(100vh - 70px);}

.ui-grid-col-10 {height: 100%;}
.ui-grid-col-8{height: 100%;}
.ui-grid-col-9{height: 100%;}
.10c {height:calc(100vh - 50px);}
.10cb {height:calc(100vh - 125px); width:100%; overflow:auto;}

.chats-list {height:calc(100vh - 50px); margin:0px; overflow:auto;}
.chat-two { height:calc(100vh - 112px); overflow:auto; width:80.33333%; }
.footer {background-color: #999999; height:60px; width:100%;}
.footerc {background-color: #999999; height:60px; width:100%; position:fixed; bottom:0px;}
.ellipsisChat {
  text-overflow: ellipsis;
  width: 100%;
  height: 25px;
  display: inline-block;
  /* white-space: normal; */
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px !important;
}

/************************************ MEDIA QUERIES FOR MOBILE DISPLAYS *******************************************/

/* Portrait phones and down (min-width:320px) and (max-width: 640px) and Landscape phone to portrait tablet (min-width:480px) and (max-width: 800px). Tablet (max-width: 768px) */

@media (min-width:320px) and (max-width:740px) {
	.contents1{ height:calc(100vh - 60px);}
	.bgwhite{height:0px !important; background:transparent;}
	.movil-mediador { height: 162px;}
	.ui-grid-responsive .ui-grid-col-2,  .ui-grid-responsive .ui-grid-col-10 {width: 100%; float: none;}
	.ui-grid-responsive .ui-grid-col-4 .2c,  .ui-grid-responsive .ui-grid-col-8 .10c {width: 100%; float: none;}
	.ui-grid-responsive .ui-grid-col-3,  .ui-grid-responsive .ui-grid-col-9 {width: 100%; float: none;}
	.mediador {height: 161px;}
	.mobil-mediador .foto-mediador {width:50px; padding: 0px 0px 0px 0px}
	.mobil-mediador .datos-mediador {margin-top:0px; width:77%;}
	.movil-mediador .datos-mediador {margin-top:0px; width:42%;}
	.logo{ margin-left:45%; display:inline;}
	.content-menu{margin-top:10px; display:inline;}
	.formulario {background: none; box-shadow: none; margin: 162px auto 0;}
	.ui-inputfield {border: 1px solid #a8a8a8;}
	.footer {width: 100%;}
	.literals {width: 100%;}
	#footer .ui-inputfield {margin-bottom:0px;}
	#footer  table{padding-top: 5px;}	
	#literals  table{padding-top: 5px;}	
	.acces{margin:15px; color: #333; max-width:100%;}	
	.no-contact, .thanks-contact {max-width:100%; margin-bottom:10px;}
	.acces-title{font-size:18px;}
	.datos{display: block; font-size:16px;line-height:24px;}
	.form-acces{margin-top:20px;}	
	.mobil-mediador {background: none; height: 0px;}
	.mobil-mediador .foto-mediador{margin:0; padding: 0;}
	.mobil-mediador .datos-mediador{display: block; margin-left: 18px;}
	.mobil-mediador .name{font-size:16px; font-weight:bold; color: #FFF; margin-top:5px;}
	.mobil-mediador .cargo{display:none;}
	.mobil-mediador .number{display:none;}
	.mini-mediador {background: #999 url('img/mini-colors.png') no-repeat left top; height: 50px;}
	.mini-mediador img {height: 50px;} /* VRA_20160419 */
	.message-welcome{ width: 90%; margin: 15px auto 0;}
	.10cb {height:calc(100vh - 150px);}	
	.chat-one2 {height: 85vh;}
	.ui-grid-col-2 { height: 184px !important;}
	.ui-grid-col-3 { height: 184px !important;}
	.ui-grid-col-4 { height: 184px !important;}
	.no-contact, .thanks-contact { margin-top: 192px;}
	/* VRA_20160419 --> .chat-two {height: calc(100vh - 168px);} */
	.chat-two {height: calc(100vh - 150px); padding-bottom: 20px;} /* VRA_20160419 */
	.chat-tu {height: calc(100vh - 117px);}
	.footer {  width: 100%;  position: fixed;  bottom: 0px;}
	.user-name{font-size:13px; }
	.customer-name{font-size:13px !important;}
}

@media (min-width:950px) and (max-width: 1024px){
	.ui-grid-col-2 {height: 100%;}
	.ui-grid-col-3 {height: 100%;}
	.ui-grid-col-4 {height: 100%;}
	.contents{height: calc(100vh - 50px);}
	.user-name{font-size:13px; }
}

/* VRA_20160428 (INI) */
@media (min-width:611px) and (max-width: 740px){
	.formulario {background: none; box-shadow: none; margin: 0 auto;}
}

@media (min-width:740px) and (max-width: 1000px){
	.ui-grid-col-3 { height: 184px !important;}
	.movil-mediador {height: 162px;}
	.contents {height: calc(100vh - 50px);}
	.chat-two {height: calc(100vh - 150px); padding-bottom: 20px;}
	.chat-tu {height: calc(100vh - 112px);}
}
/* VRA_20160428 (FIN) */
 
@media (min-width:1025px){
	.ui-grid-col-2 {height: 100%;}
	.ui-grid-col-3 {height: 100%;}
	.ui-grid-col-4 {height: 100%;}
	.contents{height: calc(100vh - 50px);}
}

@media (max-width:768px){
	.movil-mediador {height: 162px;}
	.contents{height: calc(100vh - 50px);}
	.ui-grid-col-10 {height: 94vh;}
}


/* VRA_20160428 (INI) */
@media (max-width:1150px) {
	.user-name{font-size:13px; }
}
/* VRA_20160428 (FIN) */


@media (min-width:611px) and (max-width:801px){
	.ui-grid-col-2 { height: 51px !important;}
	.ui-grid-col-3 { height: 162px !important;}
	.ui-grid-col-4 { height: 162px !important;}
	.contentscb {margin-top:0px !important;}
	.acces{ margin:15px;}
	.movil-mediador {  height: 162px;}
  	.no-contact, .thanks-contact { margin-top: 25px;}
  	.contents{height: calc(100vh - 50px);}
  	.user-name{font-size:13px; }
}


/* VRA_20160428 (INI) */
@media (min-width:801px) and (max-width:1000px) {
	.mobil-mediador {background: none; height: 0px;}
	.mini-mediador {background: #999 url('img/mini-colors.png') no-repeat left top; height: 50px;}
	.ui-grid-col-2 {height: 50px !important;}
	.contentscb {margin-top:0px !important;}
}
/* VRA_20160428 (FIN) */

	
@media (width:533px){
	.contents{height: 109vh;}
}

@media (width:568px){
	.contents{height: 109vh;}
}
  
@media (width:667px){
	.contents{height: 109vh;}
}
  
@media (width:640px){
	.formulario { margin: 0px auto 0 !important;}
	.contents {height: 100vh;}
}

@media (max-width:610px) {
	.acces{max-width:645px; margin-top:195px;}
	.ui-grid-col-2 { height: 0px !important;}
	.ui-grid-col-3 { height: 0px !important;}
	.ui-grid-col-4 { height: 0px !important;}
}


a.svg { position: relative; display: inline-block;}
a.svg:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

/* Grid CSS */.ui-grid{clear:both;padding:0px;margin:0px;}.ui-grid:before,.ui-grid:after{content:"";display:table;}.ui-grid:after{clear:both;}.ui-grid .ui-grid-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;clear:both;}.ui-grid-row:after{clear:both;content:"";display:table;}.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box;}.ui-grid-col-1{width:8.33333%;}.ui-grid-col-2{ !important;}.ui-grid-col-3{width:25%;}.ui-grid-col-4{width:33.33333%;}.ui-grid-col-5{width:41.66666%;}.ui-grid-col-6{width:50%;}.ui-grid-col-7{width:58.33333%;}.ui-grid-col-8{width:100% !important;}.ui-grid-col-9{width:75%;}.ui-grid-col-10,.contentdiv,.chat-two{width:100%;}.ui-grid-col-11{width:91.66666%;}.ui-grid-col-12{width:100%;height:50px;}
/* Responsive */@media (max-width:1000px) /* VRA_20160428 */
	{.ui-grid-responsive .ui-grid-row{display:block;}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{/* width:100%; *//* float:none; */}}


@media (max-width:1000px) { /* VRA_20160428 */
	.2c,.10c {float:left; box-sizing:border-box;}
	.2c {width:19.66666%;overflow:hidden;}
	.ui-grid-col-4 {width:100% !important;}
	.ui-grid-col-8 {width:100% !important;}
	.ui-grid-col-9 {width:100% !important;}
	.10c {height:calc(100vh - 212px);}
	.contentsc {margin-top:50px;}
	/* VRA_20160419 --> .contentscb {margin-top:50px;} */
	.contentscb {margin-top:50px; height: 100%;} /* VRA_20160419 */
	.footerc {bottom:0px; width:100%;} /* VRA_20160428 */
	.formulario { width:89%; } /*80*/
	.ui-selectonemenu-panel {width: 90% !important;}
	.ui-grid-responsive .ui-grid-col-2{width:100% !important;}
	.ui-grid-col-3 {width:100% !important;}
	.mini-mediador img {height: 50px;} /* VRA_20160419 */
/*	.chat-two {height:-webkit-calc(100vh - 112px);}	*/
	#listdiv {z-index:1; display:block;} /* VRA_20160428 */
	#contentdiv {z-index:-10; display:none;} /* VRA_20160428 */
}


@media (min-width: 1000px){ /* VRA_20160428 */
	.10c {width:100%;}
	.list {display:none !important;}
	.msgs {display:none !important;}
	.formulario { width:543px; }
	/*.ui-grid-col-2 {width:38.66666% !important;}
	.ui-grid-col-10 {width:100% !important;}*/
	#listdiv {display: block !important;} /* VRA_20160428 */
	#contentdiv {display: block !important;} /* VRA_20160428 */
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {white-space: normal !important;}
.ui-selectonemenu-panel {background: #eee !important; }
.ui-selectonemenu-items-wrapper {width: 95%; margin-left:10px;}
.ui-selectonemenu {display:block !important;}
.ui-autocomplete-input {border:none !important;}
.ui-selectonemenu-item:hover {background: #0088cc !important; color: white !important;}
.ui-chkbox-icon.ui-icon {background-color:#C21B17; border-radius: 2px;}


.modal {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    height: 250px;
}

.link-policy {font-family:Arial,Verdana,sans-serif; font-size:12px; color:rgb(194, 27, 23) !important;}
.grid-policy td {border:none !important; width:100%; padding:0px !important;}
.grid-policy td:FIRST-CHILD {width:1%;}

.page_clean {background-color: #ccc; margin: 0px; width: 100%; height: 100vh; overflow: hidden;}
.form_clean td {border: 0px !important;}
.form_clean td:FIRST-CHILD { width: 20%; }
.label_clean {font-size: 14px !important;}
.input_clean {margin-top: 0px !important;}
.input_clean:HOVER {background-color: white;}