#slick input.send {
    background: #191919 !important;
}


html * {
	font-size: 12px;
}


.ui-dialog {
    z-index: 9996;
    padding: .2em;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
        color: transparent;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        min-height: 0 !important;
        padding: .5em 1em;
        background: none;
        overflow: visible;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0 !important;
            cursor: pointer;
        }

button, button:hover, .blue_button {
    font-weight: bold !important;
}

.ui-widget-content {
	border: 1px solid #d5d5d5;
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background: -moz-linear-gradient(top, #fff, #f0f0f0);
	background: -ms-linear-gradient(top, #fff, #f0f0f0);
	background: -o-linear-gradient(top, #fff, #f0f0f0);
	color: #797979;
}

.ui-dialog {
    display: flex;
    flex-direction: column;
    min-width: min-content !important; /*Se agrega la propiedad min-width porque el contenido de los dialogs se desborda en comparación al ancho del dialog*/
}

    .ui-dialog .ui-dialog-titlebar {
        min-height: 18px;
        padding: .4em 0;
    }

		.ui-dialog .ui-dialog-titlebar .ui-icon-closethick {
			left: 0;
			width: 14px;
			display: inline-block;
			position: absolute;
			background-image: url(../../images/ui-icons_ffffff_256x240.png);
		}

        .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
            padding: 0 1em;
            position: relative;
            top: 3px;
        }

    .ui-dialog .ui-dialog-titlebar {
        width: 100% !important;
    }

    .ui-dialog .ui-dialog-buttonset button {
        color: #fff;
        padding: .4em 1em !important;
    }




 .ui-widget-overlay {
	 background: #2b2922 url(images/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x;
	 opacity: .40;
	 filter: Alpha(Opacity = 40);
 }

 .ui-widget-overlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 9996;
 }

 .ui-widget-content {
	 color: #797979;
 }

 .ui-dialog {
	 z-index: 9996;
	 padding: .2em;
 }

 .ui-dialog .ui-dialog-titlebar {
	 padding: .4em 1em;
	 position: relative;
 }

 .ui-dialog .ui-dialog-titlebar-close {
	 position: absolute;
	 right: .3em;
	 top: 50%;
	 width: 19px;
	 margin: -10px 0 0 0;
	 padding: 1px;
	 height: 18px;
	 color: transparent;
 }

 .ui-dialog .ui-dialog-content {
	 position: relative;
	 border: 0;
	 min-height: 0 !important;
	 padding: .5em 1em;
	 background: none;
	 overflow: visible;
	 zoom: 1;
 }

 .ui-dialog .ui-dialog-buttonpane {
	 text-align: left;
	 border-width: 1px 0 0 0;
	 background-image: none;
	 margin: .5em 0 0 0;
	 padding: .3em 1em .5em .4em;
 }

 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	 float: right;
 }

 .ui-dialog .ui-dialog-buttonpane button {
	 margin: .5em .4em .5em 0 !important;
	 cursor: pointer;
 }

 button, button:hover, .blue_button {
	 font-weight: bold !important;
 }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	background: #9DC45F;
}

.ui-widget-header {
	border: none; /*Propiedad agregada para evitar los bordes que aparecen en las tablas, sin embargo, esta clase es utilizada en otros componentes, verificar que no afecte.*/
	background: #F1F1F1;
	color: #797979;
	font-weight: bold;
}

 .ui-dialog {
	 display: flex;
	 flex-direction: column;
	 min-width: min-content !important; /*Se agrega la propiedad min-width porque el contenido de los dialogs se desborda en comparación al ancho del dialog*/
 }

 .ui-dialog .ui-dialog-titlebar {
	 min-height: 18px;
	 padding: .4em 0;
 }

 .ui-dialog .ui-dialog-titlebar .ui-icon-closethick {
	 left: 0;
 }

 .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	 padding: 0 1em;
	 position: relative;
	 top: 3px;
 }

	.ui-dialog .ui-dialog-titlebar {
		width: calc(100% - 3px) !important;
	}

 .ui-dialog .ui-dialog-buttonset button {
	 color: #fff;
	 padding: .4em 1em !important;
 }

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	 border: 1px solid #8a9561;
	 background-color: #9DC45F;
	 font-weight: bold;
	 color: #ffffff !important; /*Se coloca el important porque un estilo del dataTables está sobreescribiendo el valor y necesita ser color blanco para los botones de paginación de las tablas*/
 }

 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	 border: 1px solid #d5d5d5;
	 background-color: #80A24A;
	 font-weight: bold;
	 color: white;
 }

 .ui-layout-container fieldset.ui-state-hover {
	 background: #f0f0f0 !important;
	 background: linear-gradient(top, #ffffff 1%, #f0f0f0 100%) !important;
	 background: -moz-linear-gradient(top, #ffffff 1%, #f0f0f0 100%) !important;
	 background: -ms-linear-gradient(top, #ffffff 1%, #f0f0f0 100%) !important;
	 background: -o-linear-gradient(top, #ffffff 1%, #f0f0f0 100%) !important;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f0f0f0)) !important;
	 background: -webkit-linear-gradient(top, #ffffff 1%, #f0f0f0 100%) !important;
 }

 .ui-button {
	 display: inline-block;
	 position: relative;
	 padding: 0;
	 padding-right: 1em !important;
	 padding-bottom: 0 !important;
	 padding-top: 0 !important;
	 margin-right: 0.1em;
	 text-decoration: none !important;
	 cursor: pointer;
	 text-align: center;
	 zoom: 1;
	 overflow: visible;
	 display: inline-flex;
	 border: 1px solid #8a9561;
	 background-color: #9DC45F;
	 font-weight: bold !important;
	 color: #ffffff;
 }


div[class="loading_wrapper loading"] {
	display: block !important
}

div[class="loading_screen loading"] {
	display: block !important;
}

.hidden
{
	display: none !important;
}