File: web/bundles/bootstrap/vu/css/vuMessage.css

 .progressbar{
 
	position:absolute;
	
	
	background:#ffffff;
	border-radius:5px;
	border: 2px solid gray;
	z-index:1001;
	cursor:pointer;
	width:400px;
	-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;
 }
 
 .floting{
 
	position:absolute;
	
	
	
	z-index:1001;
	cursor:pointer;
	
	-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;
 }
 
 .progressbar .msg-text{
	color: #000000;
    font-family: 'Segoe UI Light_','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 1.3rem;
	
	
	display:inline;
	-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;
 }
 

 
 .msg-cerrar{
	
	
	float:right;

  
  }
  .msg-title-name{
	height:30px;
	color:black;
	
	float:left;
	margin-top:3px;
	font-family: 'Segoe UI Light_','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
	z-index:1002;
	font-size: 14px;
  
  }
 
 .progressbar .barcontainer{
	margin:0px;
	margin-top:17px;
	float:right;
	width:100%;
	 border: 1px solid #d4d4d4;
	
	padding-top:10px;
	padding-bottom:10px;
 
 }
  .progressbar .bar{
	
	
	
	float:right;
	
	 padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #d9d9d9;
  border: 1px transparent solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
  margin-right:10px;
 
 }
 
 .progressbar .button{
	
	
	
	float:right;
	
  
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
  margin-right:10px;
 
 }
 
  .progressbar .bar:focus{
	outline: 0;
	border: 1px #353535 dotted;
 }
 
 .progressbar .bar:hover{
	outline: 0;
	border: 1px #353535 dotted;
 }
  .progressbar .barcontainer2{
	margin:10px;
	margin-top:5px;
	float:left;
	clear:both;
	width:90%;
	
 
 }
 
  .progressbar .msg-bartitle{
	height:30px;
	 background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
   border: 1px solid #d4d4d4;
	color:white;
	font-family: 'Segoe UI Light_','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
	padding:3px;
	cursor:move;
	-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;
  }
  

.msg-cerrar:hover{
	

  
  
  }
 
  .progressbar .msg-icon-apply{
		background-image:url(../img/message/apply.png);
		height:15px;
		width:15px;
		display:inline-block;
		margin-right:5px;
		background-size:100% 100%;
   }
   
   .progressbar .msg-icon-base{
		
		height:15px;
		width:15px;
		display:inline-block;
		margin-right:5px;
		background-size:100% 100%;
   }
   
    .msg-icon-info{
		
		height:45px !important;
		width:45px !important;
		
		float:left !important;
		margin:1px !important;
		margin-right:10px !important;
		margin-left:10px !important;
		margin-top:-10px;
		background-size:100% 100% !important;
   }
   
  .msg-icon-confirm{
		background-image:url(../img/message/confirm.png);
		height:45px;
		width:45px;
		
		float:left;
		margin:1px;
		margin-right:10px;
		margin-top:-10px;
		background-size:100% 100%;
   }
    .msg-icon-warning{
		background-image:url(../img/message/warning.png);
		height:45px;
		width:45px;
		
		float:left;
		margin:1px;
		margin-right:10px;
		margin-top:-10px;
		background-size:100% 100%;
   }
   
  .msg-icon-success{
		background-image:url(../img/message/success.png);
		height:45px;
		width:45px;
		
		float:left;
		margin:1px;
		margin-right:10px;
		margin-top:-10px;
		background-size:100% 100%;
   }
     .msg-icon-error{
		background-image:url(../img/message/error.png);
		height:45px;
		width:45px;
		
		float:left;
		margin:1px;
		margin-right:10px;
		margin-top:-10px;
		background-size:100% 100%;
   }
   
   .progressbar .msg-icon-cancel{
		background-image:url(../img/message/cancel.png);
		height:15px;
		width:15px;
		display:inline-block;
		margin-right:5px;
		background-size:100% 100%;
   }
   

 .fondo-progressbar{
 
	background:rgba(0,0,0,0.5);
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	z-index:1000;
 
 }