.btn-vino{
	color:#fff;background-color:#922B21;border-color:#922B21}
.btn-vino:hover{
	color:#fff;background-color:#A93226;border-color:#CD6155}
.btn-check:focus+.btn-vino,.btn-vino:focus{
	color:#fff;background-color:#A93226;border-color:#CD6155;box-shadow:0 0 0 .25rem rgba(192,57,43,.5)}
.btn-check:active+.btn-vino,.btn-check:checked+.btn-vino,.btn-vino.active,.btn-vino:active,.show>.btn-vino.dropdown-toggle{
	color:#fff;background-color:#CD6155;border-color:#CD6155}
.btn-check:active+.btn-vino:focus,.btn-check:checked+.btn-vino:focus,.btn-vino.active:focus,.btn-vino:active:focus,.show>.btn-vino.dropdown-toggle:focus{
	box-shadow:0 0 0 .25rem rgba(192,57,43,.5)}
.btn-vino.disabled,.btn-vino:disabled{
	color:#fff;background-color:#922B21;border-color:#922B21}








.legend {
  color: #922B21;
  font-style: italic;
  text-shadow: 0 3px 3px rgb(192, 192, 192);
}



.card-border-rounded{
    border: solid 10px white;
    border-radius: 10px;
    overflow: hidden;
    transition: all ease-out 0.2s;
}

.card-border-group{
    border-radius: 10px;
    background-color: #ffffff;
}

/**************************************************************
Modificaciones para SELECT2
***************************************************************/
.select2-search__field{
	min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-radius: 0.2rem
}


/**************************************************************
Modificaciones para el visor del reporte PDF
***************************************************************/
.h-95 {
    height: 95%!important;
}

.h-98 {
    height: 98%!important;
}


/**************************************************************
Modificaciones a para DataTables
***************************************************************/
.fs-7 {
    font-size: 0.8rem!important;
}

.table>:not(caption)>*>* {
    padding: 0.3rem 0.3rem!important;
}

.page-item.active .page-link {
    background-color: #ced4da!important;
    border-color: #adb5bd!important;
}

.page-link {
    color: #495057!important;
}

.table {
    --bs-table-striped-bg: rgba(0, 0, 0, 0.02)!important;
    --bs-table-hover-bg: rgba(255, 195, 0, 0.05)!important;
}


/**************************************************************
Modificaciones a los JQGRID jquery theme
***************************************************************/

.ui-state-hover, .ui-button:hover{
	border: 1px solid #D6EAF8 !important;
    background:#EBF5FB !important;
}
.ui-jqgrid .ui-state-highlight{
	border: 1px solid #A9CCE3 !important;
    background:#EAF2F8 !important;
}

.ui-jqgrid-titlebar {
    /*background-color: #f2f2f2 !important; /*#f8f9fa !important;*/
}


.ui-jqgrid .ui-pg-input {
    border: 0px !important;
    border-radius: 3px !important;
    text-align: center !important;
    height: 17px !important;
}

.ui-jqgrid .ui-pg-selbox {
    border: 0px !important;
    border-radius: 3px !important;
    text-align: center !important;
}



/**************************************************************
Modificaciones a DATEPICKER jquery theme
***************************************************************/
.ui-datepicker-trigger{
	/*border-radius: 0rem 0.2em 0.2rem 0rem !important;
    background-color: #FFF;
    border-right: 1px solid #ced4da!important;
    border-top: 1px solid #ced4da!important;
    border-bottom: 1px solid #ced4da!important;*/
    display: none;
}




.hasDatepicker{
	/*background-image:url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E") !important ;
*/
    background-image:url("../images/btn_form/icon-calendar.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 1.5rem;
}

.ui-datepicker-month, .ui-datepicker-year{
	border: 1px solid #ced4da!important;
    border-radius: 1rem !important;
    text-align: center !important;
    font-size: 0.9rem!important;
}

.ui-datepicker table {
    font-size: 0.7rem !important;
    font-weight: normal !important;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    padding: 0 !important;
}

.ui-datepicker > .ui-widget-header{
	background: #f2f2f2!important;
	border: 1px solid #ced4da!important;
}

/*Para items con los días del mes por defecto */
.ui-datepicker .ui-state-default{
	background: #fbfbfb;
}

/*Para el item del día del mes seleccionado */
.ui-datepicker .ui-state-active{
background:#EBF5FB !important;
border-color:#AED6F1;
}



/**************************************************************
Modificaciones a los ActionError y ActionMessage jquery theme
***************************************************************/
.ui-icon{
 float: none !important;
}


.ui-state-highlight > p{
 margin:3px !important;
 color:gray;
 font-size: 0.8em;
}

.ui-state-error > p{
	margin:3px !important;
 	color:#dc3545;
 	font-size: 0.8em;
}




/**************************************************************************************
----SHOW PASSWORD ICON
**************************************************************************************/
::-ms-reveal{display:none}

button#toggle-password,
button#toggle-password-1,
button#toggle-password-2,
button#toggle-password-3,
button#toggle-password-user{
	position:absolute;
	top:3px;
	right:4px;
	z-index:9;
	width:28px;
	height:30px;
	background:0;
	border:0
}

button#toggle-password:active,button#toggle-password:focus,button#toggle-password:hover,
button#toggle-password-1:active,button#toggle-password-1:focus,button#toggle-password-1:hover,
button#toggle-password-2:active,button#toggle-password-2:focus,button#toggle-password-2:hover,
button#toggle-password-3:active,button#toggle-password-3:focus,button#toggle-password-3:hover,
button#toggle-password-user:active,button#toggle-password-user:focus,button#toggle-password-user:hover{
	cursor:pointer;
}

button#toggle-password:focus,
button#toggle-password-1:focus,
button#toggle-password-2:focus,
button#toggle-password-3:focus,
button#toggle-password-user:focus{
	outline:0!important;
}
.input-password{
	padding-right:calc(1.5em + .75rem);
	background-repeat:no-repeat;
	background-position:right calc(.375em + .1875rem) center;
	background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}

.input-password[type=password]:valid{
		background-image:url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E")!important;
}
.input-password[type=text]:valid{
		background-image:url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E")!important;
}


/********************************************************************
MODIFICACIONES DE DIALOG JQUERY UI
*********************************************************************/

/*Para cambiar el contenido de la cabecera, tamaño de fuente, color de fuente, ...*/
.ui-dialog .ui-dialog-titlebar{
		/*color: #FFFFFF; color de la fuente*/
		font-family: arial;
		padding: 2px;
		font-size: 0.8em;
}


/*para cambiar el fondo del cuadro de diálogo*/
.ui-dialog {
	/*background: #000000;*/
	position:fixed;
	top: 40%;
	left: 50%
}

/*Para cambiar el contenido del cuadro de diálogo, tamaño de fuente, color de fuente, ...*/
.ui-dialog .ui-widget-content {
	/*color: #FFFFFF;*/
	font-family: arial;
	font-size: 0.8em;
}