/*	ALERTAS	->	16-oct-2020
---------------------------*/
.ui-dialog.dg-primary,
.ui-dialog.dg-secondary,
.ui-dialog.dg-success,
.ui-dialog.dg-info,
.ui-dialog.dg-warning,
.ui-dialog.dg-danger,
.ui-dialog.dg-light
{
	font-family: var(--roboto);
	border: 1px solid transparent;
	border-radius: 0.25rem;
}



/*	PRIMARY
	-------*/
.dg-primary{
	background-color: #2196f3;
}
.dg-primary .ui-dialog-titlebar{
	color:#ffffff;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-primary .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-primary .ui-button .ui-icon{
	background-image: url(ui-icons_ffffff_256x240.png);
	opacity:.7;
}
.dg-primary .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-primary .ui-dialog-content{
	color:#ffffff;
	font-size: 0.8125rem;
}
.dg-primary .ui-dialog-buttonpane{
	background-color: #2196f3;
}



/*	SECONDARY
	---------*/
.dg-secondary{
	background-color: ##fff;
}
.dg-secondary .ui-dialog-titlebar{
	color:#444;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-secondary .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-secondary .ui-button .ui-icon{
	background-image: url(ui-icons_777777_256x240.png);
	opacity:.7;
}
.dg-secondary .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-secondary .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-secondary .ui-dialog-buttonpane{
	background-color: #fff;
}









/*	SUCCESS
	-------*/
.dg-success{
	background-color: #4caf50;
}
.dg-success .ui-dialog-titlebar{
	color:#ffffff;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-success .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-success .ui-button .ui-icon{
	background-image: url(ui-icons_ffffff_256x240.png);
	opacity:.7;
}
.dg-success .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-success .ui-dialog-content{
	color:#ffffff;
	font-size: 0.8125rem;
}
.dg-success .ui-dialog-buttonpane{
	background-color: #4caf50;
}





/*	INFO
	----*/
.dg-info{
	background-color: #9c27b0;
}
.dg-info .ui-dialog-titlebar{
	color:#ffffff;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-info .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-info .ui-button .ui-icon{
	background-image: url(ui-icons_ffffff_256x240.png);
	opacity:.7;
}
.dg-info .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-info .ui-dialog-content{
	color:#ffffff;
	font-size: 0.8125rem;
}
.dg-info .ui-dialog-buttonpane{
	background-color: #9c27b0;
}







/*	WARNING
	-------*/
.dg-warning{
	background-color: #ff9800;
}
.dg-warning .ui-dialog-titlebar{
	color:#ffffff;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-warning .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-warning .ui-button .ui-icon{
	background-image: url(ui-icons_ffffff_256x240.png);
	opacity:.7;
}
.dg-warning .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-warning .ui-dialog-content{
	color:#ffffff;
	font-size: 0.8125rem;
}
.dg-warning .ui-dialog-buttonpane{
	background-color: #ff9800;
}




/*	DANGER
	------*/
.dg-danger{
	background-color: #e51c23;
}
.dg-danger .ui-dialog-titlebar{
	color:#ffffff;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-danger .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-danger .ui-button .ui-icon{
	background-image: url(ui-icons_ffffff_256x240.png);
	opacity:.7;
}
.dg-danger .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-danger .ui-dialog-content{
	color:#ffffff;
	font-size: 0.8125rem;
}
.dg-danger .ui-dialog-buttonpane{
	background-color: #e51c23;
}





/*	LIGHT
	-----*/
.dg-light{
	background-color: #fff;
}
.dg-light .ui-dialog-titlebar{
	color:#444;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-light .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-light .ui-button .ui-icon{
	background-image: url(ui-icons_ffffff_256x240.png);
	opacity:.7;
}
.dg-light .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-light .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-light .ui-dialog-buttonpane{
	background-color: #fff;
}


/*	DARK
	-----*/
.dg-dark{
	background-color: #222;
}
.dg-dark .ui-dialog-titlebar{
	color:#fff ;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-dark .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-dark .ui-button .ui-icon{
	background-image: url(ui-icons_ffffff_256x240.png);
	opacity:.7;
}
.dg-dark .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-dark .ui-dialog-content{
	color:#fff ;
	font-size: 0.8125rem;
}
.dg-dark .ui-dialog-buttonpane{
	background-color: #222;
}



/* BOTONES */
.ui-dialog .ui-dialog-buttonpane button{
	text-transform:uppercase;
	border:none;
	transition:all 0.4s;
	color: #212121;
	background: #fff -webkit-gradient(linear, left top, left bottom, from(white), to(#fff)) repeat-x;
	background: #fff linear-gradient(180deg, white, #fff) repeat-x;
	border-color: #fff;
	display: inline-block;
	font-weight: 400;
	color: #444;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.8rem 1rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .1px;
	font-family:var(--typography);
}

.ui-dialog .ui-dialog-buttonpane button:hover{
  background-color: #f0f0f0;
  color: #212121;
  background: #ececec -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ececec)) repeat-x;
  background: #ececec linear-gradient(180deg, #efefef, #ececec) repeat-x;
  border-color: #e6e5e5;

}


.ui-dialog.dg-secondary .ui-dialog-buttonpane button{

    color: #fff;
    background: #2196f3 -webkit-gradient(linear, left top, left bottom, from(#42a6f5), to(#2196f3)) repeat-x;
    background: #2196f3 linear-gradient(180deg, #42a6f5, #2196f3) repeat-x;
    border-color: #2196f3;

}

.ui-dialog.dg-secondary .ui-dialog-buttonpane button:hover{

    color: #fff;
    background-color: #0c7cd5;
    background-image: none;
    border-color: #0b75c9;
}





/*	ALERTAS CON BORDE	->	16-oct-2020
---------------------------*/
.ui-dialog.dg-br-primary,
.ui-dialog.dg-br-secondary,
.ui-dialog.dg-br-success,
.ui-dialog.dg-br-info,
.ui-dialog.dg-br-warning,
.ui-dialog.dg-br-danger,
.ui-dialog.dg-br-light
{
	font-family: var(--roboto);
	border-radius: 0.25rem;
}


/*	PRIMARY-BORDER
	-------*/
.ui-dialog.dg-br-primary{
	border: 1px solid #2196f3;
}

.dg-br-primary{
	background-color: #FFF;
}
.dg-br-primary .ui-dialog-titlebar{
	color:#2196f3;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: transparent;
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-br-primary .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: #e5e5e5;
}
.dg-br-primary .ui-button .ui-icon{
	/* background-image: url(ui-icons_ffffff_256x240.png); */
	background-image: url(ui-icons_777777_256x240.png);
	opacity:.7;
}
.dg-br-primary .ui-button:hover .ui-icon{
	opacity: 1;
}
.dg-br-primary .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-br-primary .ui-dialog-buttonpane{
	background-color: #FFF;
	border-top: 1px solid #0000001a;
}



/*	SECONDARY-BORDER
	---------*/
.ui-dialog.dg-br-secondary{
	border: 1px solid ##444;
}
.dg-br-secondary{
	background-color: #fff;
}
.dg-br-secondary .ui-dialog-titlebar{
	color:#444;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: transparent;
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-br-secondary .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-br-secondary .ui-button .ui-icon{
	background-image: url(ui-icons_777777_256x240.png);
	opacity:.7;
}
.dg-br-secondary .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-br-secondary .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-br-secondary .ui-dialog-buttonpane{
	background-color: #fff;
}









/*	SUCCESS-BORDER
	-------*/
.ui-dialog.dg-br-success{
	border: 1px solid #4caf50;
}
.dg-br-success{
	/* background-color: #4caf50; */
	background-color: #fff;
}
.dg-br-success .ui-dialog-titlebar{
	color:#4caf50;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: transparent;
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-br-success .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: transparent;
}
.dg-br-success .ui-button .ui-icon{
	background-image: url(ui-icons_777777_256x240.png);
	opacity:.7;
}
.dg-br-success .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-br-success .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-br-success .ui-dialog-buttonpane{
	/* background-color: #4caf50; */
	background-color: #fff;
}





/*	INFO-BORDER
	----*/
.ui-dialog.dg-br-info{
	border: 1px solid #9c27b0;
}
.dg-br-info{
	/* background-color: #9c27b0; */
	background-color: #FFF;
}
.dg-br-info .ui-dialog-titlebar{
	/* color:#444; */
	color:#9c27b0;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: transparent;
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-br-info .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: e5e5e5;
}
.dg-br-info .ui-button .ui-icon{
	background-image: url(ui-icons_777777_256x240.png);
	opacity:.7;
}
.dg-br-info .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-br-info .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-br-info .ui-dialog-buttonpane{
	background-color: #FFF;	border-top: 1px solid #0000001a;

}







/*	WARNING-BORDER
	-------*/
.ui-dialog.dg-br-warning{
	border: 1px solid #ff9800;
}
.dg-br-warning{
	background-color: #FFF;
}
.dg-br-warning .ui-dialog-titlebar{
	color:#ff9800;
	font-size: 1.21875rem;
	font-weight: 500;
	background-color: transparent;
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-br-warning .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: e5e5e5;
}
.dg-br-warning .ui-button .ui-icon{
	background-image: url(ui-icons_777777_256x240.png);
	opacity:.7;
}
.dg-br-warning .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-br-warning .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-br-warning .ui-dialog-buttonpane{
	background-color: #FFF;
	border-top: 1px solid #0000001a;
}




/*	DANGER-BORDER
	------*/
.ui-dialog.dg-br-danger{
	border: 1px solid #e51c23;
}
.dg-br-danger{
	background-color: #FFF;
}
.dg-br-danger .ui-dialog-titlebar{
	color:#e51c23;
	font-size: 1.21875rem;
	font-weight: 500;	
	background-color: transparent;
	border-color: transparent;
	font-family: var(--roboto);
	padding: 0.2em 0.5em;
}
.dg-br-danger .ui-dialog-titlebar-close{
    background-color: transparent;
    border-color: #e5e5e5;
}
.dg-br-danger .ui-button .ui-icon{
	background-image: url(ui-icons_777777_256x240.png);
	opacity:.7;
}
.dg-br-danger .ui-button:hover .ui-icon{
	opacity:1;
}
.dg-br-danger .ui-dialog-content{
	color:#444;
	font-size: 0.8125rem;
}
.dg-br-danger .ui-dialog-buttonpane{
	background-color: #FFF;
	border-top: 1px solid #0000001a;
}






/* BOTONES */
.ui-dialog.dg-br-primary .ui-dialog-buttonpane button,
.ui-dialog.dg-br-secondary .ui-dialog-buttonpane button,
.ui-dialog.dg-br-success .ui-dialog-buttonpane button,
.ui-dialog.dg-br-info .ui-dialog-buttonpane button,
.ui-dialog.dg-br-warning .ui-dialog-buttonpane button,
.ui-dialog.dg-br-danger .ui-dialog-buttonpane button
{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    transition: color .4s, background-color .4s, border-color .4s, box-shadow .4s;	
}
