/*******************[COLOR STATUS]***********************/

/*
0=>'Nueva Solicitud', //0
		1=>'Nueva Solicitud', //1
		2=>'Enviado a Cambios', //2
		3=>'Aprobado', //3
		4=>'Cancelado', //4
		5=>'Eliminado', //5
		6=>'Aprobación Revertida', //6
		7=>'Editada', //7 
		8=>'Emitir Pago', //8
		9=>'Cheque Impreso', //9
		10=>'Finalizado', //10
		11=>'Enviado a Evaluación', //10
*/

/*
.dataTables_wrapper .top {
    display: flex;
    justify-content: space-between;
}
.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_paginate {
    width: 50%;
}
*/
.dataTables_wrapper .dataTables_paginate span .paginate_button {
    width: auto !important;
}

.signPad {
    border: 1px solid #ccc; /* Gray border */
    background-color: #f8f9fa; /* Light gray background, typical for Bootstrap themes */
    max-height: 300px;
    width: 100%;
}

/*  style cancel buttons */
.swal-button--cancel{
    color: #ffffff;
    background-color: #A4ABB6;	
}
.swal-button--confirm{
	background-color: #4FC13A;	
	color: #ffffff; 
}
.swal-button--danger{
	background-color: #FF3838;
	color: #ffffff; 
}

.errorText {
	color: red !important;
}

/*DUPLICATE #F1ECCE */
.text--duplicate {
    color: rgba(187,178,130,1.00);
}
.bg--duplicate {
	background-color: #BBB282;
}
.mh--duplicate {
	background: #BBB282; 
}
.btn--duplicate  {
	color: #ffffff;
  	background-color: #BBB282;
  	border-color: #BBB282;
}
.btn--duplicate:hover {
    color: #ffffff;
    background-color: rgba(187,178,130,1.00);
    border-color: #857A3D;
}
.btn-check:focus + .btn--duplicate, .btn--duplicate:focus {
    color: #ffffff;
    background-color: #BBB282;
    border-color: #BBB282;
    box-shadow: 0 0 0 0.25rem rgba(187,178,130, 0.5);
}
.btn-check:checked + .btn--duplicate, .btn-check:active + .btn--duplicate, .btn--duplicate:active, .btn--duplicate.active, .show > .btn--duplicate.dropdown-toggle {
    color: #ffffff;
    background-color: #BBB282;
    border-color: #BBB282;
}
.btn-check:checked + .btn--duplicate:focus, .btn-check:active + .btn--duplicate:focus, .btn--duplicate:active:focus, .btn--duplicate.active:focus, .show > .btn--duplicate.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(187,178,130,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(187,178,130,0.50);
}
.btn--duplicate:disabled, .btn--duplicate.disabled {
    color: #ffffff;
    background-color: #BBB282;
    border-color: #BBB282;
}
.btn-outline--duplicate {
    color: #BBB282;
    border-color: #BBB282;
}


/*NEW #2DCCFF */
.text--new {
	color: #2DCCFF;
}
.bg--new {
	background-color: #2DCCFF;
}
.mh--new {
	background: #2DCCFF; 
}
.btn--new  {
	color: #ffffff;
  	background-color: #2DCCFF;
  	border-color: #2DCCFF;
}
.btn--new:hover {
    color: #ffffff;
    background-color: #006687;
    border-color: #2DCCFF;
}
.btn-check:focus + .btn--new, .btn--new:focus {
    color: #ffffff;
    background-color: #2DCCFF;
    border-color: #2DCCFF;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--new, .btn-check:active + .btn--new, .btn--new:active, .btn--new.active, .show > .btn--new.dropdown-toggle {
    color: #ffffff;
    background-color: #2DCCFF;
    border-color: #2DCCFF;
}
.btn-check:checked + .btn--new:focus, .btn-check:active + .btn--new:focus, .btn--new:active:focus, .btn--new.active:focus, .show > .btn--new.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(45,204,255,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(45,204,255,0.50);
}
.btn--new:disabled, .btn--new.disabled {
    color: #ffffff;
    background-color: #2DCCFF;
    border-color: #2DCCFF;
}
.btn-outline--new {
    color: #2DCCFF;
    border-color: #2DCCFF;
}

/*APPROBE #4FC13A */
.text--approve {
	color: #4FC13A;
}
.bg--approve {
	background-color: #4FC13A;
}
.mh--approve {
    background: #4FC13A;
    color: #ffffff !important;
}
.mh--approve h5 { 
	color: #ffffff !important;
}
.btn--approve  {
	color: #ffffff !important;
  	background-color: #4FC13A;
  	border-color: #4FC13A;
}
.btn--approve:hover {
    color: #ffffff !important;
    background-color: #2F8500;
    border-color: #4FC13A;
}
.btn-check:focus + .btn--approve, .btn--approve:focus {
    color: #ffffff !important;
    background-color: #4FC13A;
    border-color: #4FC13A;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--approve, .btn-check:active + .btn--approve, .btn--approve:active, .btn--approve.active, .show > .btn--approve.dropdown-toggle {

    color: #ffffff !important;
    background-color: #4FC13A;
    border-color: #4FC13A;
}
.btn-check:checked + .btn--approve:focus, .btn-check:active + .btn--approve:focus, .btn--approve:active:focus, .btn--approve.active:focus, .show > .btn--approve.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(86,240,0,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(86,240,0,0.50);
}
.btn--approve:disabled, .btn--approve.disabled {
    color: #ffffff !important;
    background-color: #4FC13A;
    border-color: #4FC13A;
}
.btn-outline--approve {
    color: #change;
    border-color: #change;
}

/*CHANGE #FCE83A */
.text--change {
    color: #C2AE00;
}
.bg--change {
    background-color: #FCE83A;
    color: #635900;
}
.mh--change {
    background: #FCE83A;
    color: #625801 !important;
}
.mh--change h5 { 
	color: #625801 !important;
}
.btn--change  {
	color: #625801 !important;
  	background-color: #FCE83A;
  	border-color: #FCE83A;
}
.btn--change:hover {
    color: #625801 !important;
    background-color: #A39202;
    border-color: #FCE83A;
}
.btn-check:focus + .btn--change, .btn--change:focus {
    color: #625801 !important;
    background-color: #FCE83A;
    border-color: #FCE83A;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--change, .btn-check:active + .btn--change, .btn--change:active, .btn--change.active, .show > .btn--change.dropdown-toggle {
    color: #625801 !important;
    background-color: #FCE83A;
    border-color: #FCE83A;
}
.btn-check:checked + .btn--change:focus, .btn-check:active + .btn--change:focus, .btn--change:active:focus, .btn--change.active:focus, .show > .btn--change.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(252,232,58,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(252,232,58,0.50);
}
.btn--change:disabled, .btn--change.disabled {
    color: #625801 !important;
    background-color: #FCE83A;
    border-color: #FCE83A;
}
.btn-outline--change {
    color: #FCE83A;
    border-color: #FCE83A;
}

/*ATENTION #FFB302 */
.text--atention {
	color: #FFB302;
}
.bg--atention {
	background-color: #FFB302;
}
.mh--atention {
	background: #FFB302; 
}
.btn--atention  {
	color: #ffffff;
  	background-color: #FFB302;
  	border-color: #FFB302;
}
.btn--atention:hover {
    color: #ffffff;
    background-color: #986A00;
    border-color: #FFB302;
}
.btn-check:focus + .btn--atention, .btn--atention:focus {
    color: #ffffff;
    background-color: #FFB302;
    border-color: #FFB302;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--atention, .btn-check:active + .btn--atention, .btn--atention:active, .btn--atention.active, .show > .btn--atention.dropdown-toggle {
    color: #ffffff;
    background-color: #FFB302;
    border-color: #FFB302;
}
.btn-check:checked + .btn--atention:focus, .btn-check:active + .btn--atention:focus, .btn--atention:active:focus, .btn--atention.active:focus, .show > .btn--atention.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
}
.btn--atention:disabled, .btn--atention.disabled {
    color: #ffffff;
    background-color: #FFB302;
    border-color: #FFB302;
}
.btn-outline--atention {
    color: #FFB302;
    border-color: #FFB302;
}

/*EDIT #D000FF */
.text--edited {
	color: #D000FF;
}
.bg--edited {
	background-color: #D000FF;
}
.mh--edited {
	background: #D000FF; 
}
.btn--edited  {
	color: #ffffff;
  	background-color: #D000FF;
  	border-color: #D000FF;
}
.btn--edited:hover {
    color: #ffffff;
    background-color: #986A00;
    border-color: #D000FF;
}
.btn-check:focus + .btn--edited, .btn--edited:focus {
    color: #ffffff;
    background-color: #D000FF;
    border-color: #D000FF;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--edited, .btn-check:active + .btn--edited, .btn--edited:active, .btn--edited.active, .show > .btn--edited.dropdown-toggle {
    color: #ffffff;
    background-color: #D000FF;
    border-color: #D000FF;
}
.btn-check:checked + .btn--edited:focus, .btn-check:active + .btn--edited:focus, .btn--edited:active:focus, .btn--edited.active:focus, .show > .btn--edited.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
}
.btn--edited:disabled, .btn--edited.disabled {
    color: #ffffff;
    background-color: #D000FF;
    border-color: #D000FF;
}
.btn-outline--edited {
    color: #D000FF;
    border-color: #D000FF;
}

/*REVERSED #008080 */
.text--reversed {
	color: #008080;
}
.bg--reversed {
	background-color: #008080;
}
.mh--reversed {
	background: #008080; 
}
.btn--reversed  {
	color: #ffffff;
  	background-color: #008080;
  	border-color: #008080;
}
.btn--reversed:hover {
    color: #ffffff;
    background-color: #986A00;
    border-color: #008080;
}
.btn-check:focus + .btn--reversed, .btn--reversed:focus {
    color: #ffffff;
    background-color: #008080;
    border-color: #008080;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--reversed, .btn-check:active + .btn--reversed, .btn--reversed:active, .btn--reversed.active, .show > .btn--reversed.dropdown-toggle {
    color: #ffffff;
    background-color: #008080;
    border-color: #008080;
}
.btn-check:checked + .btn--reversed:focus, .btn-check:active + .btn--reversed:focus, .btn--reversed:active:focus, .btn--reversed.active:focus, .show > .btn--reversed.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
}
.btn--reversed:disabled, .btn--reversed.disabled {
    color: #ffffff;
    background-color: #008080;
    border-color: #008080;
}
.btn-outline--reversed {
    color: #008080;
    border-color: #008080;
}

/*SEE INFO #FFB302 */
.text--info {
	color: #222B40;
}
.bg--info {
	background-color: #222B40;
}
.mh--info {
	background: #222B40; 
}
.btn--info  {
	color: #ffffff;
  	background-color: #222B40;
  	border-color: #222B40;
}
.btn--info:hover {
    color: #ffffff;
    background-color: #D20069;
    border-color: #222B40;
}
.btn-check:focus + .btn--info, .btn--info:focus {
    color: #ffffff;
    background-color: #222B40;
    border-color: #222B40;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--info, .btn-check:active + .btn--info, .btn--info:active, .btn--info.active, .show > .btn--info.dropdown-toggle {
    color: #ffffff;
    background-color: #222B40;
    border-color: #222B40;
}
.btn-check:checked + .btn--info:focus, .btn-check:active + .btn--info:focus, .btn--info:active:focus, .btn--info.active:focus, .show > .btn--info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
}
.btn--info:disabled, .btn--info.disabled {
    color: #ffffff;
    background-color: #222B40;
    border-color: #222B40;
}
.btn-outline--info {
    color: #222B40;
    border-color: #222B40;
}

/*CANCEL #A4ABB6 */
.text--cancel {
	color: #A4ABB6;
}
.bg--cancel {
	background-color: #A4ABB6;
}
.mh--cancel {
	background: #A4ABB6; 
}
.btn--cancel  {
	color: #ffffff;
  	background-color: #A4ABB6;
  	border-color: #A4ABB6;
}
.btn--cancel:hover {
    color: #ffffff;
    background-color: #697383;
    border-color: #A4ABB6;
}
.btn-check:focus + .btn--cancel, .btn--cancel:focus {
    color: #ffffff;
    background-color: #A4ABB6;
    border-color: #A4ABB6;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--cancel, .btn-check:active + .btn--cancel, .btn--cancel:active, .btn--cancel.active, .show > .btn--cancel.dropdown-toggle {
    color: #ffffff;
    background-color: #A4ABB6;
    border-color: #A4ABB6;
}
.btn-check:checked + .btn--cancel:focus, .btn-check:active + .btn--cancel:focus, .btn--cancel:active:focus, .btn--cancel.active:focus, .show > .btn--cancel.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(164,171,182,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(164,171,182,0.50);
}
.btn--cancel:disabled, .btn--cancel.disabled {
    color: #ffffff;
    background-color: #A4ABB6;
    border-color: #A4ABB6;
}
.btn-outline--cancel {
    color: #A4ABB6;
    border-color: #A4ABB6;
}

/*DELETE #FF3838 */
table.dataTable tbody tr .bg-noautho{
    background: #FFD2D2 !important;
	background-color: #FFD2D2 !important;
	opacity: 1; 
}
 
.text--delete {
	color: #FF3838;
}
.bg--delete {
	background-color: #FF3838;
}
.mh--delete {
	background: #FF3838; 
}
.btn--delete  {
	color: #ffffff;
  	background-color: #FF3838;
  	border-color: #FF3838;
}
.btn--delete:hover {
    color: #ffffff;
    background-color: #AA0000;
    border-color: #FF3838;
}
.btn-check:focus + .btn--delete, .btn--delete:focus {
    color: #ffffff;
    background-color: #FF3838;
    border-color: #FF3838;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--delete, .btn-check:active + .btn--delete, .btn--delete:active, .btn--delete.active, .show > .btn--delete.dropdown-toggle {
    color: #ffffff;
    background-color: #FF3838;
    border-color: #FF3838;
}
.btn-check:checked + .btn--delete:focus, .btn-check:active + .btn--delete:focus, .btn--delete:active:focus, .btn--delete.active:focus, .show > .btn--delete.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,56,56,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,56,56,0.50);
}
.btn--delete:disabled, .btn--delete.disabled {
    color: #ffffff;
    background-color: #FF3838;
    border-color: #FF3838;
}
.btn-outline--delete {
    color: #FF3838;
    border-color: #FF3838;
}

/*DISABLE #4F4F4F */
.text--disable {
    color: #4F4F4F;
}
.bg--disable {
	background-color: #4F4F4F;
}
.mh--disable {
	background: #4F4F4F; 
}
.btn--disable  {
	color: #ffffff;
  	background-color: #4F4F4F;
  	border-color: #4F4F4F;
}
.btn--disable:hover {
    color: #ffffff;
    background-color: #292929;
    border-color: #4F4F4F;
}
.btn-check:focus + .btn--disable, .btn--disable:focus {
    color: #ffffff;
    background-color: #4F4F4F;
    border-color: #4F4F4F;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--disable, .btn-check:active + .btn--disable, .btn--disable:active, .btn--disable.active, .show > .btn--disable.dropdown-toggle {
    color: #ffffff;
    background-color: #4F4F4F;
    border-color: #4F4F4F;
}
.btn-check:checked + .btn--disable:focus, .btn-check:active + .btn--disable:focus, .btn--disable:active:focus, .btn--disable.active:focus, .show > .btn--disable.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(79,79,79,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(79,79,79,0.50);
}
.btn--disable:disabled, .btn--disable.disabled {
    color: #ffffff;
    background-color: #4F4F4F;
    border-color: #4F4F4F;
}
.btn-outline--disable {
    color: #4F4F4F;
    border-color: #4F4F4F;
}

.errorText{
	color: red;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D9D9D9 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #D9D9D9 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #D9D9D9 !important;
}

.requiredInput {
	color: red;
}
	
/*Estilos login*/


/*

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ * /
  color: #b8b8b8 !important;
  opacity: 1; /* Firefox * /
}

:-ms-input-placeholder { /* Internet Explorer 10-11 * /
  color: #b8b8b8 !important;
}

::-ms-input-placeholder { /* Microsoft Edge * /
  color: #b8b8b8 !important;
}

.errorText, .errorText a, .errorText span {
	color: red !important;
}

.labelMsg {
    margin-top: 2px;
    margin-right: 0px;
    margin-left: 6px;
    margin-bottom: 0px;
	font-size: 11px;
}

.requiredInput {
	color: red;
}

.form-control.is-invalid { 
/*    border-right: -2rem !important;* /
}

.form-select {
	padding: 0.71rem 1.25rem;
    color: #6e6e6e;
	border-radius: 0.625rem;
}

.prevPhoto {
    display: flex;
    align-items: center!important;
    justify-content: center!important;
    width: 100%;
    height: 210px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
	text-align: center;
	strong {
		padding: 0 10px
	}
}

.prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.prevPhoto img{
    width: 100%; 
	max-height: 200px;
}

.notBlock{
	display: none !important;
}

.upimg{
	/*display: none !important;* /
	width: 96%; 
	margin-left: 2%;
	margin-top: 10px;
	margin-bottom: 10px;
/*  	margin: 0 auto;* /
  	position: relative;
  	text-align: center;
	line-height: 25px; 
	color: #999;
	border: 2px dashed #ccc;
	display: inline-block;
	transition: transform 0.9s;
 
}

.draging {
    transform: scale(1.05);
    border: 3px dashed #008915;
	color: #008915;
}

.upimg .textImg {
	padding: 65px;
}

.upimg #viewImg .currImg {
	width: auto;
	height: auto;
	max-width: 300px;
    max-height: 300px;
}

.upimg input{
	position: absolute;
	height: 100%;
	width: 100% !important;
	opacity: 0;
	top: 0;
	left: 0;
}

.delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}

.rotPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: orange;
	position: absolute;
	left: -10px;
	top: -10px;
	z-index: 10;
}

/*Text* 
.fs--0 {
    font-size: 8px !important;
}
.fs--1 {
    font-size: 11px !important;
}
.fs--2 {
    font-size: 12px !important;
}
.fs--3 {
    font-size: 18px !important;
}
.fs--4 {
    font-size: 24px !important;
}
.fs--5 {
    font-size: 40px !important;
}

.fl--1 {
    line-height: 4px !important;
}
.fl--2 {
    line-height: 8px !important;
}
.fl--3 {
    line-height: 14px !important;
}
.fl--4 {
    line-height: 20px !important;
}
.fl--5 {
    line-height: 24px !important;
}
.fl--6 {
    line-height: 30px !important;
}

.mb--1 {
    margin-bottom: 100px;	
}
.mb--2 {
    margin-bottom: 150px;	
}
.mb--3 {
    margin-bottom: 200px;	
}
.mb--4 {
    margin-bottom: 250px;	
}
.mb--5 {
    margin-bottom: 300px;	
}

/******************[ COLORS ]*********************** /

.text-utva-dark {
	color: #a52210;
}

.text-utva {
	color: #fded14;
}

.text-utva-light {
    color: #FEFAC2;
}

.bg-utva-dark {
    background-color: #a52210;
}
.bg-utva {
    background-color: #fded14;
}
.bg-utva-light {
    background-color: #FEFAC2;
}

/******************[ END COLORS ]***********************/