@charset "UTF-8";
.destruido .DropTarget{
    -moz-transform: scaleY(0.1) translateY(400px);
    -webkit-transform: scaleY(0.1) translateY(400px);
    transform:scaleY(0.1) translateY(400px);
}
.DropTargetResuelto{
    max-width:50%;
    height:10px;
    background-color: #ffffff;
    overflow:auto;
    margin: 8px 3px 8px 3px;
    border: 1px dashed #3f3e3e;
    border-radius: 10px;
}
.DropTargetResuelto:empty{
   /* padding: 0.5em 4em;*/
    padding-left: 41px;
	padding-right:41px;
	padding-top:15px;
	padding-bottom:15px;
    background-color: #666;
	
}
.DropTargetResuelto .Dragable{
    max-width:50%;
    background-color: #fff;
    padding:0 5em 0.8em;
    margin: 8px 3px 8px 3px;
    border-radius: 10px;
    background:none;
    display:inline-block;
    vertical-align:middle;
    box-shadow: none;
    height:auto;
    overflow:visible;
    border:none;
}
.bien{
    background-image: url('palomita.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
	padding-right:30px;
	padding-top:5px;
	padding-bottom:5px;
	/* ancho de la imagen más un poco */
    background-color: rgb(209, 255, 214);
    white-space: nowrap;
}
.mal{
    background-image: url('tache.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
	padding-right:30px;
	padding-top:5px;
	padding-bottom:5px;
/*    padding-left: 30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;*//* ancho de la imagen más un poco */
    opacity: 0.75;
    background-color: rgba(255,0,0,0.25);
	
	
}
/* Estilo retro pop up */
.dialog-background{
    background: none repeat scroll 0 0 rgba(0, 0, 25, 0.5);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.dialog-loading-wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    left: 20%;
    right: 20%;
    position: fixed;
    top: 30%;
    z-index: 101;
}
.dialog-loading-icon {
    background-color: #FFFFFF !important;
    border-radius: 13px;
    display: block;
    margin: 0;
    padding: 1em;
    text-align: center;
}
img#botonCerrarRetro{
    /*float: right;*/
    cursor: pointer;
}
img#botonCerrarRetro:hover{
    opacity: 0.5;
    /*color: #000;*/
}
img#botonCerrarRetro:hover:after {
    content: "Cerrar";
}
#retroFinalMensaje{
    min-height: 2em;
}

.dialog-loading-icon{
    text-align: right;
}
#retroFinalMensaje, div#conclusion{
    text-align: center;
}
/* FIN Estilo retro pop up */